ブログのタイトルについて
ブログのタイトルと説明文の位置が逆になっているのですが、どうしたらタイトルが上で説明文が下に並べ替えられるのでしょうか?回答(2)
1.
管理画面「カスタマイズ/管理」→「デザインの設定」→「カスタマイズ」と進み、「トップページ」を選択します。
ここからはテンプレートによって変わってくるのかもしれませんが、とりあえず私が使っているもので説明しますと、<div id="banner">内の
<h1 class="blogtitle"><a href="<$BlogUrl$>" accesskey="1"><$BlogTitle ESCAPE$></a></h1>
こちら↑がブログのタイトル部分。そして、
<div class="description"><$BlogDescription$></div>
こちら↑がブログの説明部分になります。
ですのでこの二つをひっくり返し、保存します。
この作業を「個別」「カテゴリ別」「月別」でも行い、最後に全ページ再構築をすればOKです。
もしかするとCSSで調整が必要かもしれませんが、概ねこのような感じかと。
もし該当部分が分からないようでしたら、お使いのテンプレートを教えていただければと思います。
2.
ブログの投稿画面で、上のメニューから「カスタマイズ/管理」を選び、左側「デザインの設定」を選びます。一番右下、「カスタマイズ」を選びます。表示されているのがスタイルシートになります。「スタイルシート(CSS)」の右隣、「トップページ」を選びます。
以下のような記述を見つけてください。例1と例2を比較してみると、位置が上下反対になっていることが分かると思います。同じ要領で修正してみてください。
例1)
<div id="banner">
<div class="description"><$BlogDescription$></div>
<h1 class="blogtitle"><a href="<$BlogUrl$>"><$BlogTitle ESCAPE$></a></h1>
</div>
例2)
<div id="banner">
<h1 class="blogtitle"><a href="<$BlogUrl$>"><$BlogTitle ESCAPE$></a></h1>
<div class="description"><$BlogDescription$></div>
</div>
終わったら「この内容で保存する」を選んで保存します。仕上げは再構築です。左上「ブログに設定を反映(再構築)」を選び、下の方に「再構築する部分を指定」があるので、「インデックス(トップの記事)」を選んで「ブログを再構築する」ボタンを押せば完了です。
コメント(7)
ちょっと表現が難しいということなのでしょうか。
試験利用者さん。毎回ありがとうございます。
該当部分はわかったのですが、テンプレートではタイトルの後に説明文になっているようなのです。テンプレートは以下(その1)↓
試験利用者さんへ(その2)テンプレートです。
<a name="top"></a>
<div id="container">
<div id="banner">
<h1 class="blogtitle"><a href="<$BlogUrl$>" accesskey="1"><$BlogTitle ESCAPE$></a></h1>
<div class="description"><$BlogDescription$></div>
</div>
<div id="content">
<div class="blog">
ちょっと見てみますね。
テンプレートをいくつか見てみたのですが、逆になっているデザインを見かけたこともあったような気がしました。しかし、見つけることはできず。逆になった理由が想像できませんでした。
もし、うまくいかないときは、ブログのurlを教えてください。ちなみに、トップページでうまくいったら、同じ要領にて、「個別記事ページ」、「カテゴリアーカイブ」、「月別アーカイブ」も修正してください。



