2018.08.14WordPressでCSSを追加したり編集したりする方法WordPressのデザインやレイアウトはテーマファイルで決まりますが、ちょっとだけ色を変えたいとか文字の大きさを変えたいとか、この部分を非表示にしたい、とかありますよね。そんな時は、CSSを使えばカスタマイズすることができます。WordPressでCSSを編集する方法はいくつかありますが、その中から、初心者でも安心・安全に作業できる方法をご紹介します。上記2つの方法はどちらもWordpressの管理画面からCSSを編集するやり方です。テーマに含まれるCSS(style.css)とは別の場所に保存されるので、管理しやすいです。上記2つの方法とは別に、テーマファイルの「テーマの編集」からstyle.cssを編集する方法がありますが、元々あるCSSとの区別がつかなくなりますし、テーマファイルのアップデート時に消えてしまう可能性がありますので避けた方がよいと思います。(子テーマ不使用の場合)テーマファイルの「追加CSS」を使う方法それではまず「追加CSS」を使うやり方から説明します。「追加CSS」のメリットテーマアップデートの影響を受けないミスしても、全て削除すれば元に戻る補完機能が付いていて入力しやすい「追加CSS」のデメリット「テーマ」を変えると反映されなくなる「追加CSS」のいいところは、外観>カスタマイズで編集できるので非常に分かりやすいところ、だと思います。補完機能(エラー表示もあります)も、個人的には地味に便利だと思います。デメリットである「テーマを変更すると反映されなくなる」が嫌な場合は、プラグインの利用をおススメします。外観>カスタマイズをクリックします。追加CSSをクリックします。入力欄にCSSコードを入力し、公開をクリックします。これでCSSが反映されるはずです。ちなみに、追加CSSに記入した内容は、ファイルではなくDB内に保存されます。次にプラグインを使ってCSSをカスタマイズする方法です。JS」を使っています。理由は、保存方法(外部ファイル・head内など)が選べること、javascriptカスタマイズでも使えること、アップデートが続いていること、です。JS」のメリットテーマアップデートの影響は受けないミスした場合、削除しなくても「deactive」(無効化)すれば元に戻るテーマを変更しても反映されるCSSの記述場所を選べるCSSカスタマイズしておかしくなった場合、どこでまずいのか分からなくなってしまった場合でも、該当のCSSを保存したまま「無効化」することができます。カスタマイズするためのCSSは複数作成できるので、例えばテーマを変える時にテーマごとにカスタマイズCSSを作っておくこともできます。CSSの記述場所をヘッダーもしくはフッターで選べますし、CSSコードを直接記述するか外部ファイル化するかも選べます。JS」でのCSS編集手順インストール、有効化します。CSSをクリックします。タイトル、CSSコードを入力し、公開をクリックします。「タイトル」はこの設定画面での管理用なので、分かりやすい名称で大丈夫です。Wordpressでチェックマークを普通に記述すると、青っぽいチェックマークになります。シンプルな線だけのチェックマークのCSSです。一つは、投稿内に<script>タグを記述する方法。一つは、プラグインを使って読み込む方法、です。Insightの点数があがりました。サイトの表示スピードの評価としてよく使われる「PageSpeedInsight」。ワードプレスのトップページは、初期設定では、最新の投稿記事が新着順で表示されるようになっています。Wordpress3.5からデフォルトで有効化されている「XML-RPC」。ファイルダウンロードを管理するためのWordpressプラグインです。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。上に表示された文字を入力してください。お問い合せタイトルとURLをコピーしました。