【Stinger5】スマホ関連カスタマイズ完了しました | 47才からの発達障害@無職

47才からの発達障害@無職

うつ歴16年で発達障害と診断された51才無職の闘病・就職について書いています。まぁ、見てやってください。

*

【Stinger5】スマホ関連カスタマイズ完了しました

      2015/04/25

【Stinger5】スマホ関連カスタマイズ完了しましたphoto credit: Sandy River Show Swine via photopin (license)

こんにちわ。47才無職です。
スマホ向けのカスタマイズがほぼ完了しました。ようやく完成形って感じです。Wordpressを利用している人は、スマホ向けにはWPtouchプラグインを使っている方が多いのですが、人と同じ事はしたくなかったので、カスタマイズで対応してみました。

スポンサーリンク


またしても、ちゅんこさんの記事を参考に…

Twitterでこっそりフォローしているちゅんこさんなんですが、ものすごくスキル高いです。そして、ブログの記事には、私のやりたい事が沢山書いてあります。今回もそんなちゅんこさんの記事を参考に、スマホのカスタマイズをしてみました。

メニューをヘッダー固定に

Sidrを使ってフッターメニューを固定する記事がありました。これを応用して、ヘッダーメニューを固定しました。前記事でも書いた通り、Sidrが安定しましたので、即、実装しました。

実装は、以下の記事を参考に行いました。メニューをヘッダー固定にするにあたって、スタイルシートの記載を一部変更しました。それだけで、メニューをヘッダー固定にすることができました。色は好みのモノトーンにしました。

<参考>【WordPress】フッター固定式メニューの設置方法とメニュー項目のアイディア

尚、単純にスタイルシートの記載を変更するだけでは、メニューがヘッダーの一部を覆ってしまいますので、スマホのみ50pxパディングしました。また、ヘッダーにカテゴリ表示がされるようになることから、スマホのみメニューを表示しない様に変更しました。

出来上がったのがこの画面です。



20150223スクリーンショット

きれいに仕上がりました。操作性も問題ないです。androidでは、ヌルヌルとまではいきませんが、十分許容範囲内です。

ちゅんこさん、ありがとうございました!

私もちゅんこさんを見習って、スキルアップを図るべきなんでしょうね。いや、求職活動をするのが先ですね。一度に二つの事をできないアスペルガーなんで、しょうがないですね(笑)

 - Thanks , , ,

お勧め!

お勧め!


  • このエントリーをはてなブックマークに追加
  • LINEで送る

Message

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