入口 > お問合せ - お返事 > 右カラムにそのカテゴリの記事を表示したい件

右カラムにそのカテゴリの記事を表示したい件

◆みふぁ様 

うまくいった部分もあったようでよかったです!
が、すみません昨日のお返事で一部ミスがありました!!! 2カラム変更用ソースの右カラムクラス名が入口ページのプルダウンメニューのものと被ってしまっていたのです。
昨日のお返事記事を書き換えていますので、すみませんがもう一度ご確認くださいますでしょうか。(「div class="main"」を「div class="mainclm"」に、「div class="sub"」を「div class="subclm"」にし、スタイルシートも「.main」「.sub」を「.mainclm」「.subclm」にしています。)
不注意で申し訳ありませんでした。

コメント欄についても申し訳ありません、がんばってください。ご要望の多いカスタマイズではあるので、いつか記事としてまとめたいとは思っていますが、個人的な事情もありいつになるかはっきりしたことは言えないです。旧版用の記事でだいぶ勝手は違いますが、こちらの記事が多少参考になるかもしれません。(もうご覧になってたらすみません。)

さて今回のご質問ですが、

>それと、2カラムにした右側に、
>そのカテゴリの記事だけ表示する
>記事欄みたいのを作りたいのですが
>それは可能ですか?

記事欄というのがどういうものをイメージされてるのかよくわからないのですが、うちの「お返事」ページみたいな感じでしょうか? であれば、全く同じは難しいと思います(あれは別途javascriptによるカテゴリ別全記事表示用テンプレを作ってそのソースの必要な部分だけを記事としてまとめ、メインテンプレの月日付別画面を調整した上でトラバ受付の可否をトリガーにしてお返事カテゴリだけをカラム分けしiframeで右カラムに該当記事を呼び出す、という大変ややこしいことをしているので)が、似たことなら一応可能ではあります。
各カテゴリページがかなり重くなってしまう・記事数が増えた場合メンテナンスが必要・日記カテゴリが複数ある場合はさらにめんどくさい改変が必要、というデメリットもありますが、それでもよければ、下記のようにしてください。
なお、もし右カラムに表示させる記事が最大15件でよければ、関連記事リスト機能を使って同様にするやり方もあると思います。こちらの方がページを軽くできますしメンテも(多分)いらないという利点があります。その方がよければまたお尋ねください。カテゴリエリアでは関連記事機能が使えないので無理でした、申し訳ありません。

  1. テンプレを複製し、名前を「all」に変更する(この名前は説明しやすいよう仮につけただけなので、以下の説明が理解できれば変更しなくてもいいですし、お好きな名前に変えてくださってもかまいません)

  2. 「all」テンプレHTMLの以下の灰字部分を削除し赤字部分を追加する

    <body id="<!--not_edit_area--><!--not_titlelist_area--><!--not_permanent_area--><!--not_date_area--><!--not_category_area--><!--not_search_area--><!--not_tag_area-->index<!--/not_tag_area--><!--/not_search_area--><!--/not_category_area--><!--/not_date_area--><!--/not_permanent_area--><!--/not_titlelist_area--><!--/not_edit_area-->
    <!--edit_area-->edit<!--/edit_area--><!--titlelist_area-->titlelist<!--/titlelist_area--><!--permanent_area-->permanent<!--/permanent_area--><!--date_area-->date<!--/date_area--><!--category_area-->category<!--/category_area--><!--search_area-->search<!--/search_area--><!--tag_area-->tag<!--/tag_area-->_body"<!--permanent_area--> class="category_cat<!--topentry--><%topentry_category_no><!--/topentry-->_body"<!--/permanent_area--><!--category_area--> class="category_cat<%cno>_body"<!--/category_area-->>

    <div id="container">

    <!--検索窓-->
    <div id="search"><form action="./" method="get">
     ・
     ・
     ※かなり多いです
     ・
     ・
    <h3><!--titlelist_area--><span class="h3">全更新履歴</span><!--/titlelist_area-->
    <!--not_titlelist_area--><span class="h3"><%sub_title><!--search_area--> の検索結果<!--/search_area--><!--date_area--> に書かれた記事<!--/date_area--></span><!--/not_titlelist_area--></h3>
    <div class="topentry_body">

    <ul>
    <!--titlelist_area-->
    <!--■全記事リスト■-->
    <!--titlelist-->
    <li class="date_<%titlelist_year><%titlelist_month> cat_<%titlelist_category_no> titlelist_cat<%titlelist_category_no> titlelist_no<%titlelist_eno>"><%titlelist_year>/<%titlelist_month>/<%titlelist_day> ... <a
    href="<%titlelist_url>" title="<%titlelist_body>" target="_top"><%titlelist_title></a> [<a
    href="<%titlelist_category_url>" title="「<%titlelist_category>」ト&#12483;プへ"><%titlelist_category></a>]
    </li>
    <!--/titlelist-->
    <!--■全記事リスト終■-->
    <!--/titlelist_area-->
    <!--not_titlelist_area-->
    <!--■検索結果/曰付別記事リスト■-->
     ・
     ・
    <!--■検索結果/曰付別記事リスト終■-->
    <!--/not_titlelist_area-->

    </ul>
    </div><!--/.topentry_body-->
    </div><!--/.topentry-->
    <div id="back">
     ・
     ・
     ※ここも相当多いです
     ・
     ・
    <!--/not_category_area--><!--/not_permanent_area-->

    </div><!--/#not_index_area-->
    <!--/not_page_area--><!--/not_index_area-->


    <div id="footer">
    <p class="fc2">Powered by <a href="http://blog.fc2.com/" title="FC2 BLOG">FC2 Blog</a></p>
    <p class="template"><a class="cursor" title="*ver.3-1* (site_gitai_p)">Template</a> by <a href="http://ucdundo.blog.fc2.com/" title="UNDO">UNDO</a></p>
    <div><%ad> <%ad2></div>
    </div><!--/#footer-->
    </div><!--/#container-->
    </body>
    </html>


  3. 「all」テンプレスタイルシートの末尾に以下を追加し、ピンク背景の「N」を日記カテゴリのカテゴリ番号に書き換えて「更新」

    #titlelist_body ul { margin: 0; text-align: left; }
    #titlelist_body li { display: none; }
    #titlelist_body li.cat_N { display: block; margin-bottom: 1em; }


  4. 2カラムに改造したテンプレHTMLの右カラムの中身を青字のようにして「更新」

    <!--★右カラム★-->
    <div class="subclm">
    <iframe src="<%url>?template=all&all" name="2clom_sub" frameborder="0" border="0" scrolling="NO" width="170" height="3000"></iframe>
    </div><!--★右カラム終★-->

    (ブルー背景部分の数値は適宜増減してください。)

以上です。日記カテゴリが複数ある場合はご相談ください。

よろしくお願いします。
2012-08-09