Html研究
気に入った事はとことんやってしまいます。
ほどほどにしたいものデス。ヾ(´▽`*)ゝ
recent comment

最新の記事

月別アーカイブ

recent trackback

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


一つの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】 カスタマイズ | トラックバック(0) |
コメント(4)
りんご/ どりーみー/ りんご/ どりーみー/ 

comment
♥  
こんにちは~♪
カテゴリの数だけcssファイルを作ってそこを
開くようにするんですね。

以前、ドコかのブログでカテゴリによって違うブログを見ていてどうやって作るのかな?と思った事がありましたが、謎が解けました。

教えてくださって、ありがとうございます!

【2018/10/03 12:50】 url[りんご #JalddpaA] [ 編集]

♥  りんごちゃん
すごい速さで来ていただいてありがとうございます。

おかげさまで以前やったことを思い出すことができました。
もっと難しいjavascriptなんかがあるのかと思ったんですが、割とすっきりしていましたね。
こうゆうことを考え付く方をほんとに尊敬します。




【2018/10/03 15:18】 url[どりーみー #JalddpaA] [ 編集]

♥  
こんにちは~♪
お知らせありがとうございます!
その後あらためて実験されたんですね、スゴイ!!
cssが苦手な私にはとても難しく感じますので
これを実践できるなんて本当に凄いと思います!!

これを知りたくて検索などで辿りついた方には、
とても助かる情報だと思います!!!
私も何度も助けて頂いておりますので
いつもありがとうございます♪

【2018/10/10 08:54】 url[りんご #JalddpaA] [ 編集]

♥  
りんごちゃん。何回もすみません。
誰かのお役というより、自分のためになるんですよね。
しばらくたつとすっかり忘れてしまいます((´∀`))ケラケラ

これからどんどんあたらしことが入らなくなってやっと入れてもすぐ出て行ってしまうんでしょうね。トホホ

【2018/10/11 12:50】 url[どりーみー #JalddpaA] [ 編集]

投稿













管理者にだけ表示を許可する




trackback
trackback url ↓
http://dreamy.blog2.fc2.com/tb.php/234-0a393407



| ホーム |
ブログ内検索

RSSフィード

*最新記事のRSS
*最新コメントのRSS
*最新トラックバックのRSS

TB_People

カレンダー

05 | 2021/06 | 07
- - 1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 - - -

ブロとも一覧

ブロとも申請フォーム

この人とブロともになる

リンク

author_name=Dreamy/album

気に入った事はとことんやってしまいます。
ほどほどにしたいものデス。ヾ(´▽`*)ゝ
recent comment

最新の記事

月別アーカイブ

recent trackback

ブログ内検索

RSSフィード

*最新記事のRSS
*最新コメントのRSS
*最新トラックバックのRSS

TB_People

カレンダー

05 | 2021/06 | 07
- - 1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 - - -

ブロとも一覧

ブロとも申請フォーム

この人とブロともになる

リンク

Template production /preview