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では動作が不安定のため、実装するのを断念することに決めました。カスタマイズ自体は楽しい作業でしたが、残念です。他のスマホメニューを研究してみることにしました。

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

 

 29 total views,  3 views today

<

<

-雑記帳
-, ,

執筆者:


comment

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

関連記事

セブン銀行ってこんなに簡単に口座開設できるんだ!のアイキャッチ

セブン銀行ってこんなに簡単に口座開設できるんだ!

photo credit: 2,000yen via photopin (license) こんにちわ。47才無職です。 先日、セブン銀行で口座開設手続きを行いましたが、昨日キャッシュカードが届き、取…

続きを読む

 33 total views,  4 views today

じゃんぱらからタブレット売却代金が振り込まれましたのアイキャッチ

じゃんぱらからタブレット売却代金が振り込まれました

photo credit: Google Nexus 7 (2013) | BestBoyZ via photopin (license) こんにちわ。47才無職です。 一か月の間にタブレットを10個…

続きを読む

 18 total views,  4 views today

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

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

こんにちは。48才無職です。 気がついたらもう二か月経っていたんですね。障害年金が振り込まれていることにようやく気付きました。最近気力がなく、漠然と一日一日を過ごしておりましたので、入金されたことを見…

続きを読む

 24 total views,  2 views today

発達障害の節約。格安SIMのNifMoを試してみましたのアイキャッチ

発達障害の節約。格安SIMのNifMoを試してみました

こんにちは。47才無職です。 固定費を削減するために、格安SIMへの切替を検証しています。当初申し込んだワイヤレスゲートが、色々な意味で常用は無理と判断した結果、NifMoを代わりに試すことにしました…

続きを読む

 26 total views,  3 views today

楽天ブックスで【楽天Kobo_電子書籍】幻冬舎の電子書籍ほぼ全品がクーポンご利用で40%OFFに!!のアイキャッチ

楽天ブックスで【楽天Kobo_電子書籍】幻冬舎の電子書籍ほぼ全品がクーポンご利用で40%OFFに!!

photo credit: Stanley Spencer at Glenside via photopin (license) こんにちわ。47才無職です。 Twitterを何気に見ていたら、フォロ…

続きを読む

 30 total views,  6 views today