コピー2019.07.03JINをスマホから見たとき、目次の余白が広すぎるのでカスタマイズしました。事前準備カスタマイズ方法:style.cssの編集コードをコピー&ペースト動作確認おまけ事前準備このカスタマイズはスタイルシートを編集します。親テーマを使っているとアップデートなどに対応出来ないので、子テーマのインストールを推奨します。子テーマのダウンロードは公式サイトからどうぞ。JINの子テーマをダウンロードする親テーマがインストールされている状態で、小テーマをインストール・有効化するだけで使えるようになります。子テーマを有効化したら、ダッシュボード>外観>テーマの編集にアクセスします。最初から記入されている文字の下に、下記コードをコピー&ペーストします。外観>カスタマイズ>追加CSSでも可。20px;}}コピペしたら、「ファイルを更新」をクリックして完了です。目次が表示されている記事を開いて、CSSが反映されているか確認してみましょう。このカスタマイズはスマホ表示のみ適用なので、動作確認にGoogleChromeのデベロッパーツールを利用します。デベロッパーツールの使い方を見るSTEP.1Chromeのデベロッパーツールを開くGoogleChromeで目次が表示されている記事を開いて、右クリック→検証。ショートカットでも可。Win:F12Mac:command(⌘)+option(⌥)+Iで更新STEP.2デバイスモードに切り替える表示されたデベロッパーツールの左上にあるボタンをクリックします。画面上部の「Responsive」をクリックしてスマホサイズを選択します。STEP.4反映されているか確認スマホ画面サイズになったら、カスタマイズが反映されているか確認します。Win:Ctrl+F5で更新Mac:Command(⌘)+⇧+Rで更新STEP.5反映していれば完了デザインが反映されていれば完了です。お疲れ様でした(^^)キャッシュ系のプラグインを利用している場合は、キャッシュを削除しておきましょう。初心者向け!Chromeの検証機能(デベロッパーツール)の使い方|サルワカおまけパソコンから見たときに、第一階層だけ太字にするカスタマイズ。Me/5りらアフィリッチ関連記事WordPressカスタマイズストークでフッター固定メニューを設定するカスタマイズWordPressカスタマイズ固定トップページでおすすめ記事を表示させるカスタマイズWordPressカスタマイズストーク→SANGOにテーマ変更。コメントをキャンセルメールアドレスが公開されることはありません。個別の相談などにはお応えできかねます。質問は具体的にお願いいたします。コメント名前サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。上に表示された文字を入力してください。アフィリッチ.メニューホーム節約ブログホーム検索トップサイドバーカテゴリーWordPressカスタマイズ10アフィリエイト4運営報告8タイトルとURLをコピーしました。