ごけたのゼロからまずは5ケタへ
WordPress Twenty Sixteen カスタマイズ 6-4-1。今回は「その6-4」の設定を階層表示した時の変更設定です。階層表示にするとメニューバーには下向きの矢印が、階層メニューを表示すると1段目のメニューの右上に吹き出し用の上向き矢印が表示されます。スマホ画面では右隅に矢印が「Webfont」で表示されます。矢印の色変更、非表示、矢印を上向きから下向きに角度変更、カーソルが重なった時の色変更を行ってみました。ただし、吹き出し用の三角は設定上の都合で全ての色に適応していません。
今回はWordPress Twenty Sixteen カスタマイズ 6-4。「メニュー」編の続きです。「その6-1」とは違うメニューバーの表示を行ってみました。これまではメニューバー全体に背景色を設定していましたが、今回は表示中のタイトルだけに背景色や影を付けてボタンタイプの単体表示に設定しています。カーソルが重なった時やスマホ画面でのトグルボタン(メニューボタン)も合わせて変更しています。トグルボタンも表示中、カーソルが重なった時、タップした時で色を変えています。
Wordpress Twenty Sixteen カスタマイズ 6-1-2。今回は「6-1-1」の「階層メニュー」表示設定完了後に、「6-1」の下線の表示色設定を改めておこないました。PC画面、スマホ画面で階層メニューでの表示確認を行っています。下線の表示色設定のあとに、アレンジとしてメニュー文字に影をつけてみました。カーソルが重なった時のホバー、フォーカス時の設定、表示中のタイトルとそれ以外の文字色の区別設定も行ってみました。
WordPress Twenty Sixteen カスタマイズ 6-1-1。今回は「メニュー」編 メニューバー 階層編として、メニューバーに階層を追加して表示してみました。階層表示するには管理画面の「メニュー」から(ここでは)カテゴリーを追加します。ここで非常ににちまちまと階層設定を行うとメニューバーに副カテゴリーとして階層メニューが表示されます。事前に副カテゴリー用のカテゴリーを設定する必要もあります。カテゴリー設定は管理画面の「投稿」の「カテゴリー」から設定します。 アレンジ
今回はWordpress 5.0 の更新で全く使用方法に困ったしまった場合の対処方法。更新後、ダッシュボードの一番下に「Classic Editerをインストールする」ボタンがあります。クリックして、プラグイン画面に切り替わったら、インストール、有効化とクリックします。固定ページや投稿ページを開いて、これまで通り「テキストエディタ」画面が表示されれば完了です。プラグイン画面から「Classic Editer」と入力しても同様です。