WordPress Twenty Sixteen カスタマイズ 6-4-1「メニュー」編 続メニューバー 階層 表示 デザイン 追加

WordPress Twenty Sixteen カスタマイズ 6-4-1。今回は「その6-4」の設定を階層表示した時の変更設定です。階層表示にするとメニューバーには下向きの矢印が、階層メニューを表示すると1段目のメニューの右上に吹き出し用の上向き矢印が表示されます。スマホ画面では右隅に矢印が「Webfont」で表示されます。矢印の色変更、非表示、矢印を上向きから下向きに角度変更、カーソルが重なった時の色変更を行ってみました。ただし、吹き出し用の三角は設定上の都合で全ての色に適応していません。

WordPress Twenty Sixteen カスタマイズ 6-4「メニュー」編 続メニューバー デザイン 追加

今回はWordPress Twenty Sixteen カスタマイズ 6-4。「メニュー」編の続きです。「その6-1」とは違うメニューバーの表示を行ってみました。これまではメニューバー全体に背景色を設定していましたが、今回は表示中のタイトルだけに背景色や影を付けてボタンタイプの単体表示に設定しています。カーソルが重なった時やスマホ画面でのトグルボタン(メニューボタン)も合わせて変更しています。トグルボタンも表示中、カーソルが重なった時、タップした時で色を変えています。

WordPress Twenty Sixteen カスタマイズ 6-1-2 階層メニュー色 追加編 メニュー 文字に影 設定

Wordpress Twenty Sixteen カスタマイズ 6-1-2。今回は「6-1-1」の「階層メニュー」表示設定完了後に、「6-1」の下線の表示色設定を改めておこないました。PC画面、スマホ画面で階層メニューでの表示確認を行っています。下線の表示色設定のあとに、アレンジとしてメニュー文字に影をつけてみました。カーソルが重なった時のホバー、フォーカス時の設定、表示中のタイトルとそれ以外の文字色の区別設定も行ってみました。

WordPress Twenty Sixteen カスタマイズ 6-1-1「メニュー」編 メニューバー 階層編 アレンジ

WordPress Twenty Sixteen カスタマイズ 6-1-1。今回は「メニュー」編 メニューバー 階層編として、メニューバーに階層を追加して表示してみました。階層表示するには管理画面の「メニュー」から(ここでは)カテゴリーを追加します。ここで非常ににちまちまと階層設定を行うとメニューバーに副カテゴリーとして階層メニューが表示されます。事前に副カテゴリー用のカテゴリーを設定する必要もあります。カテゴリー設定は管理画面の「投稿」の「カテゴリー」から設定します。 アレンジ

東京ウォーク 2018 第5回大会(練馬・中野エリア) 22.9kmコース 参加

今回は東京ウォーク 2018 第5回大会(練馬・中野エリア) 23kmコースに参加しました。大会内容、参加情報、コース情報なども含めてご報告。服装選びで悩みました。寒がりで汗かきですが、重ね着のしずぎは歩き辛いです。軽装がベストです。練馬区から環八、環七と交差しながら、哲学堂公園で中野区に入り、新青梅街道を下って、またまた環七、環八と交差しながら石神井公園でチェックポイントに。矢原交差点からゴールへと。今回は2箇所神社へ寄り道をみてみました。5時間でゴールできました。

スポンサーリンク