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

Virtualist Dreamer

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

Thanks

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

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

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

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

スポンサーリンク

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

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

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

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

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

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

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

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



20150223スクリーンショット

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

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

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

 252 total views,  8 views today

<

<

-Thanks
-, , ,

執筆者:


comment

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

関連記事

WordPressのプラグインを追加したら効果てきめんのアイキャッチ

WordPressのプラグインを追加したら効果てきめん

photo credit: Acorn Electron via photopin (license) こんにちわ。47才無職です。 Twitterでフォローしているキャリコさんの記事で紹介されていた…

続きを読む

 264 total views,  7 views today

備忘録:Stinger5でお世話になった記事一覧ですのアイキャッチ

備忘録:Stinger5でお世話になった記事一覧です

photo credit: Viktor Hanáček via picjumbo こんにちわ。47才無職です。 Stinger5のカスタマイズも一段落したので、備忘録的に参考にした記事をアップしてお…

続きを読む

 273 total views,  9 views today

備忘録。ドメイン引越しでハマったことのアイキャッチ

備忘録。ドメイン引越しでハマったこと

photo credit: KE 463 IN, a Ewals Cargo Care Scania Topline. via photopin (license) こんにちわ。47才無職です。 先日…

続きを読む

 250 total views,  8 views today

発達障害の感謝。Google先生から初の報酬が振り込まれましたのアイキャッチ

発達障害の感謝。Google先生から初の報酬が振り込まれました

photo credit: 10 via photopin (license) こんにちは。47才無職です。 ブログを書きはじめてからかなり経ちますが、先日Google先生から初の報酬をいただきました…

続きを読む

 276 total views,  7 views today

アニスパ!終了。僕の人生のカンフル剤が無くなってしまったのアイキャッチ

アニスパ!終了。僕の人生のカンフル剤が無くなってしまった

  photo credit: DARC Funkertag 2004 via photopin (license) こんにちわ。47才無職です。 毎週楽しみに聞いていた、文化放送の「アニス…

続きを読む

 287 total views,  8 views today