*

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

公開日: : 最終更新日:2017/07/26 サイト制作


LINE facebook twitter g+
B! pocket Evernote 楽天


家電&カメラ タイムセール/バーゲン会場/クーポン配布はこちら。
Amazonでクーポンをもらう

【Amazonファッション】メンズ80%オフ商品を見る!
セール商品を見る

スマホ用にTwenty Twelveにパンくず付けた

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

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

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

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

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

2.こちらのページを見て、(1)breadcrumb.phpを作成、function.phpと同じ階層にアップ。

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

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

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

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

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

Twenty Twelve のテーマにパンくず

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

「シンプルが一番。」

関連するほかの記事を見てみよう!
このサイトのトップページへ行く

  • このエントリーをはてなブックマークに追加
  • Pocket

Profile



Yoshihiko Yoshida
メディア運営業界23年目。Googleアナリティクス公式コミュニティ・アンサリスト最高ランク「レジェンド」国内初獲得。「マツコの知らない世界」Googleマップ案内人TV出演。Googleストリートビュー認定フォトグラファー。教育システム情報学会会員。元立教大学非常勤講師。主な著書「Googleアナリティクス基礎講座」(技術評論社)。趣味はデジカメとゲームとパン作り。>>もっと読む

Instagram

◆代表者略歴 ◆受賞歴
◆おもな著書 ◆TV出演歴
◆新聞掲載歴 ◆雑誌/連載歴
 <<お問い合わせはこちら>>

Facebook

このブログをRSS購読しよう!(無料)

follow us in feedly

よろしければ「いいね」して下さい!

 
PAGE TOP ↑