2月に入ってからちょっと余裕ができたのでBlogのカスタマイズをしてみた。
といってもちょこっとカスタマイズだけど。
やってみたら意外と簡単だった
おいらがBlogで使っているのはSimplicityというテンプレート。カスタマイズ性が高くてソースを弄らなくてもかなりのことができるんだけど、検索ウィンドウをトップに持ってこようとするにはソースに手を加える必要があった。
デフォルトの設定だと、スマホで見るとかなり下に設置されてしまうから、Blogタイトル直下に設置したかったのだ。
設置のしかたを調べていたら、ドンピシャなエントリを発見。
まるっと参考にさせていただいた。
対応としてはheader.phpに以下のコードを追加する。
< ?php if ( is_mobile() ): ?>
注意点は上で紹介したエントリでも書かれていたけど以下のタグの上に入れること。
< ?get_template_part('searchform') ?>
< ?php endif; ?>
タグを追加したheader.phpをSimplicityのディレクトリに上書きアップロードすればオッケーなんだけど、今後Simplicityをアップデートするとせっかく追加したタグが消されてしまうので、simplicity-childという子テーマを使ってみることにした。
simplicity-childのディレクトリにおいらがタグを追加したheader.phpをアップロードすれば完了。
思ってた以上に簡単に追加できた。今の状態だと下の方にも検索ウィンドウが表示されているから、スマホ閲覧時には表示させないようにしないといけない。それは強じゃ無くてもイイかなぁ…と思ってみたり(笑)
Simplicityの作者様のサイトでは子テーマを使ったカスタマイズ方法についてのエントリもあるので、これからはカスタマイズに利用していこう。
次の休みには時間とってカスタマイズしたいかも(笑)