コンテンツへスキップ妻と僕。ブログ完全初心者のサイトです。アニメや食べ物の感想。wordpressについて経験したことを記述します。Seventeen」のグローバルナビゲーション(メニューバー)をカスタマイズします。設置はとても簡単です。上下にスクロールしても常にトップに追従してくれるのでとても便利です。ここでは、さらにメニューバーの背景色等を自分の好みにカスタマイズするための方法を記述します。初心者の僕でもできたので、ここをみれば好みの色にカスタマイズできると思います。管理画面の左サイドバーから、「外観」⇒「メニュー」を選択します。メニュー名を入力し、メニューを作成する。「固定ページ」「投稿」「カスタムリンク」「カテゴリー」の中から項目を選択し、「メニューに追加」をクリックすると、「メニュー構造」に選択したものが表示されます。メニュー構造では、各項目をドラッグして順番を変更します。項目をドラッグして右にスライドさせることで上の項目のサブメニューにすることもできる。メニューの位置のトップメニューにチェックし、「メニューを保存」をクリックして完了です。(メニューバー設置後のイメージ)透明色のメニューバーにカスタマイズ設置したメニューバーの色を変更します。下記コードをコピーし子テーマのstyle.cssに追記します。0.08)について、(赤,緑,青,透明度)のそれぞれの値を変更します。赤,緑,青の色の濃さは0~255の値を、透明度は0~1.0の値の範囲を指定します。スポンサーリンク上下の線幅を変更メニューバー上下の線の太さについては、3、4行目にあるsolid前の1pxの数値を変更します。線をなくしたい場合は0pxとします。色の変化の所要時間調整マウスオーバー(カーソルを合わせる)時に色が徐々に変化する時間を指定します。上記コードでは8、9行目の0.3sつまり0.3秒で色が変化します。上記コードをそのままコピペすると下のようなメニューバーになります。(メニューバー色変更後のイメージ)サブメニューの色を変更サブメニューが無い場合は上記のコードで完了です。サブメニューを設定している場合、現時点で下画像のようになっています。サブメニューの色を変更する場合は、さらに次のコードを追記します。auto;}}上記コードをそのまま追加すると下のようなサブメニューになります。(サブメニュー色変更後のイメージ)このサブメニューは、枠線と吹き出しの三角部分を消しています。枠線を復活するには4行目の0pxを1px以上に変更します。すると変更前の三角部分が復活します。これでメニューバーのカスタマイズは終了です。あとは、それぞれ好みの色に変更してください。コメントをキャンセルメールアドレスが公開されることはありません。コメントデータの処理方法の詳細はこちらをご覧ください。