新着情報

サンプルテーマのナビゲーションを均等配置・文字中央寄せにカスタマイズする

サンプルテーマとして付属している「wpmt005」の、
グローバルナビのデザインをカスタマイズします。

ナビゲーションの幅を均等に配置し、文字を中央寄せにする方法。

↓ こんな感じ

スクリーンショット 2016-07-26 0.45.04

<修正手順>
(1)テーマフォルダ「wpmt005」の「header.php」66行目

↓ <a class="brand" href="<?php bloginfo('url'); ?>">HOME</a>を削除する

(2)「style.css」の最後の行に追加


【注意】
・ナビゲーションで並べる項目数によって、ul#menu-globalmenu liのwidthを自分で計算する必要があります。
 今回の例では、6項目並べたので、100÷6=16.66... で幅 width=16.66%としてあります。
・また、スマホで表示する場合にはレイアウトが崩れてしまうので、レスポンシブ対応のための記述が必要です。

-新着情報