Hikiプラグインの作り方 番外編 append-cssプラグインでCSSを追加する

ウェブページにCSSを適用するには三つの方法があります。

  • 外部ファイルに書いて、head要素で読み込む
  • head要素内にstyle要素を置いて、その中に書き込む
  • pとかulとかそれぞれの要素のstyle属性に書き込む

です。
上の、テーマを使うのが「外部ファイル」の方法で、head内のstyle属性を使うのが、append-cssプラグインです。
ちょっとしたCSSの追加や、広告との兼ね合いの微調整などには、手軽でいいと思います。


まずは管理画面からappend-cssを有効化してください。
すると、管理画面のサイドバーにあるメニューに、「CSSの追加」という項目が増えている筈です。
あとはその画面に書いてある通りで、箱の中にCSSを書いて、書き終わったらOKボタンを押すだけです。


桁揃えにタブを使いたい人は、一旦テキストエディターで書いてからここにコピーしてくるといいでしょう。


さて、今回の番外編は実は伏線で、次回はappend-cssで起こったように、プラグインから管理画面の項目を追加して、そこからHikiをコントロールする方法を書いてみたいと思います。