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

47才からの発達障害

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

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では、ヌルヌルとまではいきませんが、十分許容範囲内です。

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

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

<

<

-Thanks
-, , ,

執筆者:


comment

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

関連記事

【Stinger5】Sidr安定稼働解決編のアイキャッチ

【Stinger5】Sidr安定稼働解決編

photo credit: YotaPhone 2 via photopin (license) こんにちわ。47才無職です。 ブログの更新もそっちのけで、スマホ向け画面のカスタマイズにいそしんでおり…

続きを読む

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

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

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

続きを読む

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

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

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

続きを読む

【Stinger5】ブログをカスタマイズした際にお世話になった記事のアイキャッチ

【Stinger5】ブログをカスタマイズした際にお世話になった記事

photo credit: 秋英 Cosmos via photopin (license) こんにちわ。47才無職です。 季節も春になったことですし、心機一転、ブログを少々リニューアルしてみました。…

続きを読む

Stinger5の関連記事をYARPPに変更してみましたのアイキャッチ

Stinger5の関連記事をYARPPに変更してみました

photo credit: Relatives via photopin (license) こんにちわ。47才無職です。 Stinger5のカスタマイズは一段落しているんですけど、一つやってみたいカ…

続きを読む