2018.06.15こんにちは、Reiraです!この記事ではご相談頂いて何度か、ご案内することもあったのでCSSを簡単に追加出来る、ワードプレスのプラグインを紹介していきます。最後にまとめCSSの追加にプラグインをなぜ使うのか?ブログを運営していく中で、少しカスタマイズしてきたくなったり、調整したい場所が出てきたりした時にCSSを使って行っていきます。このCSSはテーマファイルのスタイルシートを修正する事でも出来るのですが●サイトが壊れる危険がある●テーマの更新を行うと追記したCSSが消えてしまうなど、問題が起こってしまうリスクがあるのでオススメ出来ません。そんな時に使うのが子テーマ、またはプラグインです。これからどんどんカスタマイズをしたい場合は、初めから子テーマを設定してカスタマイズしていくのがオススメですが、簡単なCSSの追加にはプラグインを使うのが一番簡単です。CSS』というプラグインです。インストールして有効化するだけの、とっても簡単なプラグインなので初心者の方にもオススメです。[/aside]こんな感じで簡単に出来るので、ぜひ使ってみて下さいね。ここからは、もっと丁寧な解説を知りたい方向けに画像付きで紹介していきます。CSS』を入力して検索します。CSSが表示されたらインストールをクリックして有効化をクリックします。これでプラグインのインストールは完了です。CSSのインストールと有効化が出来るとダッシュボード上の『外観』より開かれるメニューに『カスタムCSS』という項目が追加されています。ここからCSSの追加が出来るのでクリックします。2カスタムCSSの画面が開かれるので、「カスタムCSSをここに入力してください」と書かれている下にCSSを追加して、『カスタムCSSの更新』をクリックするとCSSが反映されて状態になります。(更新をした際は、常にサイトを表示して無事反映されているか必ず確認しましょう。)追加したCSSの修正や消したい場合なども、追記したCSSを修正したり消して『カスタムCSSの更新』をクリックすれば大丈夫です。CSSの使用方法(その2)CSSの反映を確認しながら記入したい場合などは、カスタマイズ画面より行う事も出来ます。*テーマにより表示のない場合もあります1ダッシュボード「外観」より『カスタマイズ』をクリックします。CSS』という項目が追加されているのでクリックします。3CSS入力画面が表示されますので、CSSを追記して更新をします。使用方法その1も、その2も手順は全く同じです。カスタマイズ画面より設定を行うと、反映を確認しながらCSSを追記出来るので、その時々で使いやすい方でCSSの追記をして頂ければと思います。最後にまとめ最後までお読み頂きありがとうございます。今回はCSSを簡単に追加できるプラグインについて紹介しましたが、使っているテーマやカスタマイズしたい箇所、修正したい箇所により子テーマを使ったほうがいい場合など様々なので他の記事も参考にして頂ければと思います。講座、サポートコンサルティング●代官山の大手広告デザイン会社との提携を視野に入れたWeb部署の立ち上げサポートRe-Brandingのレベルアップと合わせて、Design×Brandingを軸に活動させて頂いてます。