Ads By Google
記事のカテゴリ表示を上に表示させたい
各記事のカテゴリの表示は、いつも本文下に表示されるんですが、これをタイトル付近、できれば日付の隣あたりに表示させることはできますか?現在のことと過去のことを同時に書いているので、いろいろ紛らわしいので、カテゴリを記事の一番上に表示させてわかりやすくしたいので、良いやり方があればどなたかご教授ください。
2006-03-09 14:38の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
回答(2)
1.
2006-03-09 15:00:14

デザインによって違うので、とりあえず原理を説明します
変更するのは、デザインのカスタマイズでトップ・個別・カテゴリ・月別アーカイブのHTMLです
カテゴリーを表示させるタグ
<a href="<$ArticleCategory1Url$>"><$ArticleCategory1$></a> </IfArticleCategory1><IfArticleCategory2>| <a href="<$ArticleCategory2Url$>"><$ArticleCategory2$></a></IfArticleCategory2>
を見つけて、
これを日付が入っている場所
<div class="date">から</div>の間に挿入すればOKです
お使いのデザインがわかれば、更に詳しく説明できます^^
変更するのは、デザインのカスタマイズでトップ・個別・カテゴリ・月別アーカイブのHTMLです
カテゴリーを表示させるタグ
<a href="<$ArticleCategory1Url$>"><$ArticleCategory1$></a> </IfArticleCategory1><IfArticleCategory2>| <a href="<$ArticleCategory2Url$>"><$ArticleCategory2$></a></IfArticleCategory2>
を見つけて、
これを日付が入っている場所
<div class="date">から</div>の間に挿入すればOKです
お使いのデザインがわかれば、更に詳しく説明できます^^
2.
2006-03-09 20:25:25
テンプレートを修正して再構築します。
表示されるデザインは、すべて自動で作られているものなので、元のテンプレートを修正することで、カテゴリの表示位置などを変更したり、追加することもできます。
ブログの投稿画面で、上のメニューから「カスタマイズ/管理」を選び、左側「デザインの設定」を選びます。一番右下、「カスタマイズ」を選びます。「スタイルシート(CSS)」の右隣、「個別記事ページ」を選びます。
カテゴリを表示するためのhtml例)
<a href="<$BlogCategoryUrl$>"><$BlogCategoryName$></a>
挿入するhtmlは上述になります。日付の隣りならば、datebodyというところを見つけてください。以下に修正の要領を書きます。ただし、日付の下の表示になります。細かなデザインは試行錯誤してください。
修正前の例)
<div class="datebody"><h2 class="date"><$ArticleDate$></h2></div>
修正後の例)
<div class="datebody"><h2 class="date"><$ArticleDate$></h2> <a href="<$BlogCategoryUrl$>"><$BlogCategoryName$></a></div>
終わったら「この内容で保存する」を選んで保存します。仕上げは再構築です。左上「ブログに設定を反映(再構築)」を選び、下の方に「再構築する部分を指定」があるので、「全てのページ」を選んで「ブログを再構築する」ボタンを押せば完了です。
表示されるデザインは、すべて自動で作られているものなので、元のテンプレートを修正することで、カテゴリの表示位置などを変更したり、追加することもできます。
ブログの投稿画面で、上のメニューから「カスタマイズ/管理」を選び、左側「デザインの設定」を選びます。一番右下、「カスタマイズ」を選びます。「スタイルシート(CSS)」の右隣、「個別記事ページ」を選びます。
カテゴリを表示するためのhtml例)
<a href="<$BlogCategoryUrl$>"><$BlogCategoryName$></a>
挿入するhtmlは上述になります。日付の隣りならば、datebodyというところを見つけてください。以下に修正の要領を書きます。ただし、日付の下の表示になります。細かなデザインは試行錯誤してください。
修正前の例)
<div class="datebody"><h2 class="date"><$ArticleDate$></h2></div>
修正後の例)
<div class="datebody"><h2 class="date"><$ArticleDate$></h2> <a href="<$BlogCategoryUrl$>"><$BlogCategoryName$></a></div>
終わったら「この内容で保存する」を選んで保存します。仕上げは再構築です。左上「ブログに設定を反映(再構築)」を選び、下の方に「再構築する部分を指定」があるので、「全てのページ」を選んで「ブログを再構築する」ボタンを押せば完了です。
Ads By Google
コメント(3)
#1. ピー
2006-03-13 12:45:28
#2. ピー
2006-03-13 12:50:22
>>2 試験利用者様
申し訳ありません、ベスト回答って複数選べなかったんですね…(1つ選んだらもうボタンないなんて!)。試験利用者様の具体例もわかりやすかったので選べるものならお二方共選びたかったのに…。
#3. 試験利用者
2006-03-14 05:23:18
そうなんですよ、複数選べません。私も最初の質問で失敗して恥をかいてしまいました。ピーさんが問題解決ということで良かったです。私は結構嬉しいです。



