SWELLをダークモードに:準備編

2.プラグイン「Code Snippets」を入れる

WordPress.org 日本語

Code Snippets An easy, clean and simple way to enhance your site with code snippets.

このプラグインはfunction.phpを直接触らずともコードの入力ができるものです。たとえ子テーマがアップデートされてもこちらにデータが残るので、消えることはありません。データ自体も取り出したり、自身で記入したコードをこのプラグイン内に入れることも可能です。

プラグインの設定の仕方

• プラグインを探す
  • WordPressの管理画面から「プラグイン」 「プラグインを追加」
     検索画面で「Code Snippets」を入力する 「有効化」

function.phpを直接触らない理由

function.phpを直接触って編集すると、たった一つのコードを入力しただけでも「真っ白」になってしまうことがあります。今回はそれを避けるため、このプラグインを設定します。

今回のダークモード以外にも、function.phpを触らずに設定したい時におすすめです！

注意点

無料で登録できるのは5つまでです。それ以上登録したい場合は有料になるので注意！
※一つのスニペッドにすべて入力してしまえばいいかもしれませんが。

3.プラグイン「Simple Custom CSS and JS」を入れる

WordPress.org 日本語

Simple Custom CSS and JS 最高のエディタで、ウェブサイトに独自の CSS や JS を簡単に追加できます。

カスタムCSSにコードを入れるのもいいけど、私はこちらに打ち込んで使用しています。CSSだけでなく、HTMLやJSも追加できるとても便利なプラグインです。登録の仕方は上記と同じです。

カスタムCSSではいけない？

カスタムCSSに入力してもいいのですが、どこに何のコードを入れたのかがわからなくなってしまうので…。整理するためにも私はこちらに入力することが多いですね。

4.終わりに

今回は準備編として子テーマの設定とコード入力のためのプラグインの紹介をしました。ダークモード設定以外でもテーマの設定を替えたい方には便利かもしれませんね。では、次回。