解決済
月別に画面のデザインを変えたい
ライブドアのブログ画面で月別に画面のデザインを変えたいのですが、
方法がわかりません。
どうか教えて下さい。
宜しくお願い致します。
回答(1)
2.
別のCSSを作ってください。
（といっても基本のものをちょっと変更するだけでいいんじゃないかと思いますが）
で、そのCSSファイルを
ライブドアブログではアップロードできないので
他のところでアップします。
デザインの設定の「月別アーカイブ」の中の
４行目当たりに
<link rel="stylesheet" href="<$CSSUrl$>" type="text/css" />
というのがあると思うんですが
href="<$CSSUrl$>"の<$CSSUrl$>を
先ほどアップしたurlに変更してください。
お礼が遅くなりまして申し訳ございません。
ご回答ありがとうございました。
コメント(11)
>>1でスフィーさんが書かれた通り、ブログの設定には無いのですが、カスタマイズならいくつかできることはあります（レイアウトを全面的に変える…というのはちょっと厳しいですが、背景画や配色程度なら）。
コメント欄に変えたい内容、ブログのアドレスかまたはデザイン名を書いていただければ対応できるかと思います。
imq様
コメントありがとうございます！
変えたい内容は
１）9月の画面のデザイン（デザイン：タグふれんず（お月見））
２）8月の画面を2カラム→3カラム
です。
ブログのアドレス↓
http://blog.livedoor.jp/ywave/?blog_id=2508736
宜しくお願い致します。
9月をタグフレンズ（お月見）
8月を現在のWe Love Natureにしたいということでしょうか？
その場合は大幅なレイアウト変更となりますのでkavalierさんの書かれた通り、別サイトにCSSファイルを置いて、それをを切り替える方法となります。そういうウェブ上にファイルを置けるスペースはお持ちですか？
あと、2カラムと3カラムを動的に変えるのは手間なので、できればどちらかに統一していただけると助かります。。。注文多くてすみませんが。。
>>#1に書きました通り、タイトル画像を変えてみる…程度なら簡単なのですが。。
>>#4
いえ、こちらこそスフィーさんの質問者の意図を汲み取る力にはいつも感心させられています。そうありたいとは思うのですが、なかなか難しいですね。
コメントありがとうございます。
＞9月をタグフレンズ（お月見）
＞8月を現在のWe Love Natureにしたいということでしょうか？
そうです。
＞その場合は大幅なレイアウト変更となりますのでkavalierさんの書かれた通り、別サイトにCSSファイルを置いて、それをを切り替える方法となります。そういうウェブ上にファイルを置けるスペースはお持ちですか？
スペース＝どこでもいいのでしょうか？
であれば、あります。
＞あと、2カラムと3カラムを動的に変えるのは手間なので、できればどちらかに統一していただけると助かります。。。注文多くてすみませんが。。
3カラムで統一します。
当方本当に初心者なので、高度な技術や専門用語を理解していず申し訳ないです。せっかく回答して頂いてるにもかかわらずお手数をおかけしますが宜しくお願い致します。
思ったよりも物量が多くなってしまいました。
ブログを始めたばかりの方にすすめるかどうか迷いますが、
一応手順を書いておきますね。
まずはスタイルシート（CSS）を自分のPCに保存します。
9月のデザイン「タグフレンズ（お月見）」に変更してから、
カスタマイズ/管理 -> デザインの設定-> カスタマイズ -> スタイルシート（CSS）と選ぶとCSSが表示されます。
その内容をコピーして、テキストエディタ（メモ帳など）を開いて貼り付け、
名前を付けて保存で、ファイル名をsite09.cssとして保存します。
次にデザインを8月の「We Love Nature」にして同様の操作で、
ファイル名をsite08.cssとして保存します。
この2つのCSSファイルをウェブ上のファイル置き場にアップロードします。
ただし、
所謂オンラインストレージやアップローダと言われている所は使えないので、
ホームページ用のスペースやWEBサーバなどに置いてください。
次は月別アーカイブに上記のCSSを設定する部分を追加します。
管理ページトップから
カスタマイズ/管理 -> デザインの設定-> カスタマイズ -> 月別アーカイブと選んで、月別アーカイブのカスタマイズを行います。
次に、
<link rel="stylesheet" href="http://blog.livedoor.jp/ywave/site.css" type="text/css" />の下に以下のように月ごとのcssファイルを追加指定します。
<link rel="alternate stylesheet" href="8月のCSSファイルのURL" title="08" type="text/css" /> <link rel="alternate stylesheet" href="9月のCSSファイルのURL" title="09" type="text/css" />hrefの所は各月のcssファイルをアップロードしたURLを、
titleの所は月名を半角2文字で指定します。
同様に月別アーカイブで
<body>の下にこちらを挿入します。
<script type="text/javascript">
<!--
function set_css(month){
var i;
var base_css_url = '<$CSSUrl$>';
var el = document.getElementsByTagName('link');
for(i=0; el.length; i++){
if(el[i].getAttribute('rel') == 'stylesheet' && el[i].getAttribute('href') == base_css_url) var el_b = el[i];
if(el[i].getAttribute('rel').indexOf('stylesheet') && el[i].getAttribute('title')){
el[i].disabled = true;
if(el[i].getAttribute('title') == month){
el[i].disabled = false;
el_b.disabled = true;
}
}
}
}
document.URL.match(/.*\d\d\d\d-(\d\d).html.*/); var _month = RegExp.$1; set_css(_month); // --> </script>最後に月別アーカイブを再構築してください
注意点
現在のWe Love Natureの方をベースのデザインにした方が
タグフレンズ（お月見）の表示が崩れないので良いようです。
デザインを変更すると全てリセットされて、カスタムで挿入した部分は消えます。
そのときは新たに挿入し直す必要があります。
カスタム後はカスタムしたページ（月別アーカイブ）を自分のPCにバックアップしておくことをおすすめします。
問題点
ライブドアブログのデザインテンプレートは同じ3カラムで互換性がないものも多いです。
ということから、ベースになるデザインを変更するとレイアウトが崩れる場合があります。
その場合、各月のCSSファイルを修正する必要が出てきますが、
たとえば12か月分修正したりすると、かなりの手間になります。
事実上ベースになるデザインの変更は難しくなりますね。
お返事が遅くなり、申し訳ございません。
とても丁寧なご回答ありがとうございました。
どういたしまして。
