ちょっとした思いつきで、WordPressを久しぶりに弄ったら、どハマりして、その勢いでこのブログと友人のブログ usakoritan の2つをリニューアル。iPhoneで見るとこんな感じ。
両方ともシンプルだけどけっこう手の込んだことやってますし、お金もまぁまぁかかってます。子テーマ購入で1つのブログあたり7000円弱。まー完全に私の趣味なので、楽しいしいいかなぁと。
さて、Genesis framework って日本ではあんまり聞かないけど、世界で一番使われているらしいです。使ってる人あんまりいないイメージですが、こういう情報は置いておくと誰かの役に立つ場合が多いので書いておきます。
2つの子テーマで
2つのブログを。
usakoritanのほうは『Winning Agent Pro 2』という子テーマ。まぁまぁ新しめのテーマじゃないかなーって思います。ボタン1発、テーマのサンプルをインポートも可能。超便利。
私のは『Gallery Pro』という子テーマ。
シンプルだけどちょっとおしゃれな雰囲気が好き。ただこれ、全然更新されてなくて、テーマファイルをボタン押すだけでできる機能にも非対応。英語の説明書読みながら進めていく感じ。いい加減次のバージョン出そうぜ！って思ってます。
Winning Agent Pro 2 の
欠陥なのか私の
使い方が悪いのか。
Winning Agent Pro 2 の個別記事のページが、スマホで表示すると何かが画面の幅からはみ出ていて、左右にぐらぐら揺れるんですね。
私の使い方が悪いのかなんなのかさっぱりわかりませんが、しょうがないのでいろいろいじった結果、どうやら.entry-footer の横幅がはみ出ているっぽい。
ってことで、CSS編集で .entry-footer に padding-right: 7%; を書き加えて解決しました。
usakoritan の
ヘッダー画像
Winning Agent Pro 2 標準の機能で、こんなデカイヘッダー画像を載せる機能がないので、CSSに書き加えました。単純に、 .site-header に background で背景画像貼っただけ。PCでは横長なのに、スマホでは縦長になるようにしてる人いて、どうやってやってるんだろうなーと思いながらググったら、意外とあっさり見つかった。
height 指定をpxとかじゃなくて、vh 指定。画面の何％かっていう指定方法らしい。なるほどなーと。
そんなこんなで、とりあえず一旦納得いくぐらいまで完成したから、ひとまずこの作業は終了ということで。お疲れ様でした。