見出しのカスタマイズ3

今回は3番目の個別にcssを追加する方法

これをやるにはプラグインが必要。

Custom CSS and JSというプラグインを導入する。プラグインの導入はいいですよね。
導入したら、投稿の編集画面で右上の「表示オプション」で「カスタムフィールド」にチェックをいれます。

スクリーンショット 2015-07-03 17.26.41

するとエディタの下にカスタムフィールドが表示されます。

そのカスタムフィールドの「名前」の欄に下記のキーワードを入力します。
外部ファイルを追加する場合は custom_css
コードを追加する場合は custom_css_code
です。
「値」の欄には
外部ファイルを追加する場合は 追加するCSSの外部ファイルのパスを記述
コードを追加する場合は 追加するCSSのコードを記述
します。

便利です。これは見出しの変更ばかりでなく、大きな変更ができます。やってみてください。

しかし、見出しの変更は前回紹介した方法が一番いいと思います。使いたい様々な見出しをclass名をつけて作成し、エディタのスタイルに登録しておく方法です。

実際に見出しを作る場合はネット上にジェネレーターがいろいろありますからそれを使うといいと思います。「見出し css」で検索すればたくさんでてきますよ。
やってみてください。

コメントする

メールアドレスが公開されることはありません。 が付いている欄は必須項目です