カテゴリ別スタイルシート

一つのBlogでカテゴリによってまるで違うBlogを見ているようにスタイルシートを変えることができるそうです。
参考にさせていただいたのは
Glim.さま・・・最後のあがき・・・・・です。ありがとうございます。

テンプレートの設定から
htmlの編集
<ink href="style.css" rel="stylesheet" type="text/css" />
という部分を

<link rel="stylesheet" type="text/css" href="スタイルシートファイルが置かれているサーバーアドレス/ctest_style<%cno><!--permanent_area--><!--topentry--><%topentry_category_no><!--/topentry--><!--/permanent_area-->css" />
と書き換えます。
(注 < と > を英数字に書き換えて下さいね)

そして
ファイルのアップロードに移り
ctest_style.css(トップページ用) ctest_style1.css ctest_style2.css ctest_style3.cssなどカテゴリの数だけcssファイルをアップします。

テンプレートの設定のスタイルシートは使えなくなっていると思いますので、
それぞれのスタイルシートにそのページのbodyの背景画像や色、linkの色 や左右のカラムの左右への配置、幅のピクセルなどの設定をします。
例として
ctest_style1.cssは
blog-category-1.htmlのスタイルです。

カテゴリのナンバーを調べるのは
カテゴリの編集に移り上のほうにある # をクリックすると作成した順番に数字が現れるのでその番号が
ctest_styleの番号になります。

Glim.さま・ありがとうございます。



後日記2018‐10‐09
その後、改めて実験してみましたら
<link href="<%css_link>" type="text/css" rel="stylesheet">
という部部を書き換えるのではなく残しておき、
その下に
<link rel="stylesheet" type="text/css" href="スタイルシートファイルが置かれているサーバーアドレス/ctest_style<%cno><!--permanent_area--><!--topentry--><%topentry_category_no><!--/topentry--><!--/permanent_area-->css" />
を書き加えます。
そして ctest_style.css はトップページ用ではなく、真っ白なメモ帳にこの名前を付けアップします。
ctest_style0.css は最初からあったカテゴリで削除ができないものです。
以下スタイルを変更したいcssを作りますが、基本的にテンプレートの編集のスタイルが使われますので
変更したいところだけを書き込めばいいようです。
例えばbodyの色や背景画像、h2の背景画像などを変えるだけでいいようです。
書き込まないところは、テンプレートの編集のスタイルが使われます。
またアップされないカテゴリではテンプレートの編集のスタイルが使われます。

前述の記事を参考になさった方がいらしたらすみません。
実験してみたのでこの後日記のほうは大丈夫です。m(__)m

実験的に一つのカテゴリだけやってみてもいいかもしれませんね。
カテゴリ別スタイルシート/2018/10/03 09:20/[Blog]カスタマイズ/ トラックバック(0)/ comment(4)
| ホーム |