Seventeenのカスタマイズ、CSSの最低限の基本的なカスタムをやってます。前回style.cssの基本の続き、ナビゲーションです。リンクの基本的な部分、それらを簡単にカスタムしました。本日はその続きでナビデーションです。ナビゲーションあたりの何がややこしいって、用語です。メインナビにページナビにページ送り、どの用語がどの機能を指しているのか直感的に分かりにくくいつも混乱します。Navigation」はナビゲーションというより、メインメニューバーのことですね。ミニ画面用モバイル表示では隠されてハンバーガーメニューになり、PC表示ではバーになってウインドウ上部にペタッとくっつくメインメニュー部分です。ウインドウサイズに応じて表示が変わりますからメディアクエリの部分も見ていかねばなりません。*/」以降にあります。[注:現状twentyseventeenは1.7になっていまして、行番号もこのブログの以前の記事とは少しズレてきています]メインメニューに何の不満もなくカスタマイズする必要を感じなければ何もしないに越したことはありません。見た目のカスタマイズがしたくなったら、親cssとブラウザのインスペクタ表示で丹念に見ていって自分好みに変更します。これ以降、私の個人的な好みを反映させた一例にすぎません。.wrap」要素の余白を変更します。前回の記事でブログの幅を親の1000pxから1260pxに変更しましたのでその次のpaddingをいじります。3.41.666ってのが何なのかよく分かりませんが2emくらいでいいんじゃないかと適当に。上下余白を削ると、右端の「↓」の表示がズレるのでこれも合わせて修正しておきましょう。四方1emの余白が設定してありますから幅を狭くしたメニューバーに合いません。上下余白を少し小さくにします。.menu-scroll-down」でずれたポジションを変更します。指定がされていますがこれを0にします。ハンバーガーメニューを禁止したい(モバイル表示)極めて個人的な事情ですが、WordPressデフォルトのハンバーガーメニューが好みでありません。管理しているサイトのいくつかではメニューが少ないので畳む必要がないこともあって、モバイル表示のメインメニューの表示について大きく変更してるんです。逆転などをやってます。Sixteen以前ではこの改造がとても大変で、あっちこっち弄りまくりで混乱の元になりました。Seventeenは簡素なのでとても少ない改造で実現できます。親スタイルの1355行目〜1500行目あたりにトグルやメニューについての制御があります。この中から必要なものを抜き出して改造したり表示非表示を逆転させたりします。一部わずかに親スタイルにない要素を書いてざっくり処理したりもします。この改造は多分ほとんどの人が不要と思いますし、WordPressのデフォルトのハンバーガーメニューが気に入らないなら専用のプラグインで対処したほうがいいと思います。コードを一応書きますがどうでもいいことの一つです。none}}ページナンバーページネーションの見栄えについてのカスタムです。ホーム画面の下方にある「次へ」「前へ」とその間のページ番号の部分ですね。これをナビゲーションと思ってしまう悪い癖がありまして、これはナビゲーションであるなんて誰も言ってません。ページネーション、ページナンバーです。pc表示また個人的な感覚の話ですがモバイル表示の「ページ2」みたいな表示を好まないので、ここも変えます。現状このブログではこんな表示になってます。Sixteenより前のどれかの公式テンプレートのデザインでしたね。これ、形とか気に入ってます。見た目の違いはともかく、小さな画面でも同じ表示にしたいというところがポイントです。numberの記述かあります。Links」の1225行目、focusとhoverの羅列がされている部分ですので、見た目を変えるときには要素を抜き出して個別指定します。モバイル表示をPC表示と同じ方式にするモバイル表示で「ページ1」という省略した表示じゃなくPC表示と同様なページナンバーを表示したいときはこうします。