WordPressのシンプルでレスポンシブなテーマ、Twenty Twelveにパンくずを付けてスマホ用に最適化した

WordPressデフォルトテーマ、いい感じにレスポンシブしますね。

WordPressのテーマをスマホ用に最適化する

自分用メモなんですが、レスポンシブなWordPressテーマはたくさんあるのですが、スマホファーストのレスポンシブってなかなかないんですね。結局、デフォルトテーマに戻りました。ただ、Twenty Fourteen は優秀すぎて私には使いこなせませんでした。結局、Twenty Twelveをチューニングすることに。でも、シンプルなテーマですごく気に入ってます。

以下、Twenty Twelveにパンくずリストとつける手順です。

１．WordPressをインストールして、Twenty Twelveのテーマを有効化。

２．こちらのページを見て、（１）breadcrumb.phpを作成、function.phpと同じ階層にアップ。

＞＞TwentyFourteenにリッチスニペット対応のパンくずリストを追加 | work.log

３．function.phpの2行目に、include_once “breadcrumb.php”; と追加。

４．ヘッダーの、div id=”main” の下にブレッド文を追加。ただし、トップとかには表示しないように、!is_home() などで条件分岐を入れる。

＞＞WordPressでのページの種類によって処理を分岐する方法　その１【ページタイトル編】｜【リコード】Re-Code by SeeVisions

５．手順２のページを見て、CSSに追記。あとは、スマホの画面とか、開発ツールとか見ながら微調整。

Twenty Twelve にパンくずついて、スマホっぽくなって、いい感じになりました。良かったよかった。

・　・　・　・　・

＞＞安っ！アマゾンで半額以下になっている食品タイムセール
セール特設ページを見る