PagekitのカスタムCSS設定方法

BlogCMS 二月 11, 2020 CSS設定方法

アメリカのシンプルなCMS「Pagekit」を使ってみて管理画面からはCSSが編集できなかったのでやり方をシェアします。

Pagekitは管理画面からはCSS編集ができません。そこでFTPでCSSファイルをダウンロードして編集する方法を取ります。直接記入しても大丈夫だと思いますが、今回は追加用のCSSファイルadd.cssを作って適用させる形にします。

PagekitのCSSの位置は？

cssはテーマフォルダの中にあります。

\packages\pagekit\テーマ名css

の中です。

まずその中にメモ帳などに作ったadd.cssをアップロードします。cssファイルは中にcssを記入して.cssで保存すればOKです。

そこに芽出しのCSSとかマーカーのCSSとかを追記していきます。

Pagekitの管理画面からSite>設定に入っていくとコードがあります。そこに以下のように記載します。

ソースコードを見ると他のCSSには_v=xxxx（数字）が追加されています。必要かわかりませんがもし上の表記で聞かなかったら追加してみて下さい。

※テーマ名は個別のテーマ名です。

この?v=xxxx(数字)はよくわからないのですが他のcssファイルについていたので付けておきました。

ページのソースコードを見てメインのcssへのリンクタグを見ればどのように記述されているかはわかります。

これでadd.cssの内容が反映されるようになりました。

または試してませんがヘッダーのコードのところに<style></style>と書いてその中にCSSを書いても行けるはずです。