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

47才からの発達障害

色々ありましたが、何とか生きています

雑記帳

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

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

 

<

<

-雑記帳
-, ,

執筆者:


comment

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

関連記事

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

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

photo credit: Housing Market via photopin (license) こんにちは。47才無職です。 昨日、6月15日は、二か月に一度の障害年金支給の日でした。前回支給…

続きを読む

発達障害の苦手。やっとの思いで衣替えをしましたのアイキャッチ

発達障害の苦手。やっとの思いで衣替えをしました

photo credit: Shirts in Window Display via photopin (license) こんにちは。48才になった無職です。 親から夏物をそろそろ片付けるように言わ…

続きを読む

Galaxy Note 10.1 2014 Edition(SM-P605)をヤフオクでゲットしました!のアイキャッチ

Galaxy Note 10.1 2014 Edition(SM-P605)をヤフオクでゲットしました!

photo credit: Apple iPad mini 3_13 via photopin (license) こんにちわ。47才無職です。 ヤフオクで詐欺にあってしまったタブレット、Galaxy…

続きを読む

発達障害の安堵。母のいない生活にも慣れてきましたのアイキャッチ

発達障害の安堵。母のいない生活にも慣れてきました

こんにちは。48才無職です。 胃がんの手術のため、母が入院してから一週間になりますが、ようやく日々のルーチンをこなせるようになってきました。母の術後の経過はあまりよくありません。とても心配なのですが、…

続きを読む

発達障害の決断。保険会社を乗り換えました(引受条件緩和型)のアイキャッチ

発達障害の決断。保険会社を乗り換えました(引受条件緩和型)

こんにちは。48才無職です。 両親ともに入院していますので、現在は自分の時間が持てています。このたび、社会人になってからずっと加入していた某生命保険会社を解約し、引受条件緩和型の医療保険(死亡保障付)…

続きを読む