class="post-template-default single single-post postid-558 single-format-standard" >

Virtualist Dreamer

Virtualistの後ろに影は無い 僕は幻影にすぎない

雑記帳

【Stinger5】さようならSidr

投稿日:2月 18, 2015 更新日:

【Stinger5】さようならSidrphoto credit: Vertu for Bentley via photopin (license)

(追記)その後、Sidr安定しました!詳しくはこちらの記事を。

こんにちわ。47才無職です。
このブログを読んで下さっている方の半分近くが、スマートフォンと言う事を最近になって知りました。Stinger5のPC画面のカスタマイズは色々行ってきましたが、スマホのメニュー画面は、自作ボタンを押すとじゃばらみたいにカテゴリがドロップダウンするように実装したのみです。

そこで一念発起して、スマホのメニュー画面をカスタマイズすることに決めました。どうせやるならかっこよくがモットーです!

スポンサーリンク

Sidrについて

Sidrにした理由

これは、Stinger5でSidrを実装されていて、情報も公開してくれている、ちゅんこさんのブログの存在が決め手です。初心者にはお手本がないと、なかなかつらいですから。

<参考>JQuery『Sidr』をWordPressのカスタムメニューに対応させ設置する方法

実装

ちゅんこさんの記事を参考に実装していきます。Sidrファイルの読み込みは「Stinger5では」の記載通りにコピペしました。

JQuery部分の記述については、単純コピペです。一字脱字があるので気をつけてください(</script>)

カスタムメニュー部分の記述は、一応コピペですが、メニューの文字が白になってしまうので、黒に変更しました。

閉じるボタンについては、同じくちゅんこさんの別記事を参考に実装しました。

<参考>

横から出てくるメニューを実装できるJQuery『Sidr』に閉じるボタンを設置する

実装完了です。

FlashAnnotate

検証環境

iphoneは持っていませんので、手持ちのGalaxy Note3で検証しました。二年前の機種ではありますが、スペックは十分です。ちなみに、OSのバージョンは4.3です。尚、ブラウザは標準ブラウザとChromeを使いました。

さぁ、検証開始

少なくても、ヌルヌルではない

カクカクした感じで、メニューがでてきます。ネットで調べてみると、JavaScript使用の場合はやむを得ないといった記載が多く見受けられました。少しがっかりです。

メニューを押しても無応答になる事が多い

私の環境の問題なのかもしれません。メニューを押しても無応答になるケースが多いです。何度か試してみると、やっとメニューが出て来ることが多いです。また、リロードするとうまくいく場合もあるので、私の実装方法に何か問題があるのかもしれません。

改善策はあるのか

実装方法に問題があるのかもしれないと思い、以下の記事を参考に、実装方法を変更してみたりしましたが、残念ながら、不安定なままの状態から脱することはできませんでした。

<参考>WordPressでボタンを押すとメニューが横からニュッと出るようにする方法|Sidrプラグイン、スマホ用デザインなどに

<参考>web制作番外編 スマホサイトなどでよく見る飛び出すサイドバーを実装する方法

さようならSidr

と言うわけで、ヌルヌルではなく、かつ、Androidでは動作が不安定のため、実装するのを断念することに決めました。カスタマイズ自体は楽しい作業でしたが、残念です。他のスマホメニューを研究してみることにしました。

ネット上で、貴重な記事を掲載していただいている諸先輩に感謝しつつ、チラ裏を終わります。

 

 357 total views,  6 views today

<

<

-雑記帳
-, ,

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

先月のアンケートサイト、ポイントサイト獲得ポイントまとめ

先月のアンケートサイト、ポイントサイト獲得ポイントまとめ

photo credit: image via photopin (license) こんにちは。47才無職です。 アンケートサイト、ポイントサイトで地道にお小遣い稼ぎをしています。月が変わりましたの…

続きを読む

 333 total views,  3 views today

発達障害の感謝。障害年金をいただきましたのアイキャッチ

発達障害の感謝。障害年金をいただきました

photo credit: Spring flowers in front yard via photopin (license) こんにちは。47才無職です。 すっかり忘れていたのですが、気がついた…

続きを読む

 360 total views,  5 views today

発達障害の感謝。親の気遣いに気づくのアイキャッチ

発達障害の感謝。親の気遣いに気づく

photo credit: Paf Game Show 05.2015 via photopin (license) こんにちは。47才無職です。 実家に戻ってきてから、もうすぐ半年になります。今日、…

続きを読む

 358 total views,  7 views today

発達障害の症状?アマゾンで電子書籍を衝動的にまとめ買いのアイキャッチ

発達障害の症状?アマゾンで電子書籍を衝動的にまとめ買い

photo credit: canvases and sale sign via photopin (license) こんにちは。47才無職です。 アマゾンで電子書籍のセールをやっていました。対象は…

続きを読む

 378 total views,  6 views today

発達障害の外出。二週間ぶりに外にでましたのアイキャッチ

発達障害の外出。二週間ぶりに外にでました

photo credit: The great court at UQ via photopin (license) こんにちは。47才無職です。 最近引きこもっています。理由は特にないのですが、外出…

続きを読む

 348 total views,  6 views today