1記事5分でサイト運営の基礎を抑えよう。ベースカラーやロゴの指定などができる場合がありますが、主要の項目でない場合、カスタムCSS機能等で変更する必要があります。CSSのクラス名等は、設定しているテンプレートにより、つける名称が違うため、それぞれ調査し、対応しなくてはなりません。省力化するために、私が実施している方法をご紹介いたします。※この記事はHTML・CSSの基本的な知識が必要です。Chromeでは、特定の行を選択し、ソースを見ることができるため、wordpressのカスタムCSS機能を利用するには最適です。Chromeをダウンロード、インストールください。プレビューの確認ブラウザをインストールしたら、制作中の画面を表示します。変更したい部分を選択し、マウスを右クリックするとメニューが表示されるので、「検証(I)」を選択します。ブラウザの右に「デベロッパーツール」が表示されます。「Elements」タブでは、ソースコード。「Styles」タブにはElementsで選択されたHTMLに適用されているCSSが表示されています。複数のCSSが指示されている場合でも、適用されていないCSSには打消し線が引かれています。どの指定を変更したいのか、確認しながらCSSのクラス名等をチェックしていきます。開き、編集するテーマを選択で現在有効化されているテーマが選択されているか確認します。(有効化されているテーマが最初に選択されます)選択されていない場合は、テーマ名をドロップダウンメニューより選択し、「選択」ボタンを押します。表示され、選択されていることを確認します。(選択されていない場合には選択して下さい)編集画面内にCSSが表示されます。変更したいCSSのクラス名等を検索し、選択・コピーします。編集を行なえるようになります。)どちらかを開き、ペーストしていき、CSSの内容を追加変更します。スタイルシートを保存ボタンを押して適用させます。最近増えつつあるスマホにも対応した「レスポンシブデザイン」では、@media~にて、条件分岐が行われている可能性もあるため、記載の確認等してください。レスポンシブデザインでのCSSの書き方は、テンプレートによって異なるため、上記CSSの確認にてよく確認してください。テンプレートにより、カスタムCSS記述用のスペースが準備されていたりする場合があります。その際は、そちらの記載スペースを利用してください。変更されたCSSが適用されているか、プレビュー画面を更新(F5)して確認します。更新されない場合、!importantにより改善される場合があります。社内等のネットワークでファイヤーウォールが設置されている場合、以前のデータがキャッシュされていることがあります。その際には、社内のネットワーク管理者にご相談ください。テンプレートの内容は、作成者によって違うので、どうしても反映されない場合には、提供元のホームページやフォーラムを確認するか、問合せしてみてください。...マインドマップで記事の種をつくる3ステップ他人の事はよく見えても、自分のこととなるとどうしたらよいか...。「ふぁぼ:お気に入り」ボタンが2015年11月に「いいね」に変更されました。1記事5分でサイト運営の基礎を抑えよう。