当店の掲示板に御質問がありましたので回答を兼ねて。( entryネタ補充の為？ )
カテゴリやアーカイブを選択した際、メインカラムに記事の代わりに 『記事タイトル』 のリストを表示させる方法について。
これには大まかに二つの方法が考えられます。即ち「カテゴリ・アーカイブ選択時」は
○ タイトル（個別表示へのリンク付き）のみを表示（記事本文は非表示化）
○ リストを別に用意し上記条件で通常記事ブロックを隠して代わりに表示
・・当店のように 『記事折り畳み（目次化）』 機能のあるテンプレートでは条件を判断して頁表示時に「折り畳み」を実行させれば前者の方法は実現できる訳ですが、テンプレート改造の手間がかなり掛かってしまいますので、 今回は後者の方法について述べさせて頂きます。
これは以前
別記事で述べたエントリリスト（ＪＵＧＥＭで云う selected_entry_list ） を特定条件で表示させるという事になります。 （ 原理は下図のようになります ）
メインカラム領域
リスト
（category・archive時のみ表示） |
記 事
（category・archive時のみ隠す） |
|
「カテゴリ選択時」に関しては丁度先般サポートされた単変数、
<%cno> が利用できます。
ＨＴＭＬで
<div class="リスト部のクラス名" id="XXX<%cno>">
★リストの独自ブロック
</div>
<div class="記事部分のクラス名" id="YYY<%cno>">
★記事部分の独自ブロック
</div>
とし、ＣＳＳでは
#XXX,#YYY1,#YYY2,#YYY3, 〜#YYYn {display:none}
( XXX と YYY は任意の文字列。 n はカテゴリの数 )
とすれば良い訳です。
（ カテゴリ選択時以外はリスト部のid は XXX 、記事部のid は YYY となるので ）
しかし、「アーカイブ参照時」にも表示を逆転するとなると、これだけでは不十分です。
同様にＣＳＳのみで対応したいところですが、適当な単変数やブロックがありませんからスクリプトに頼らざるを得ません。 両ブロック
以降の場所に以下のスクリプトを書きます
ブロックが読み込まれてから、でないと機能しませんので<script type="text/javascript"><!--
var d=""; var k=""+self.frames.location;
if (k.indexOf("date")>0) {
if (k.indexOf("date=")>0) { d=k.split("te=")[1] }
else { d=(k.split("date-")[1]).split(".")[0] }
if (eval(d)<1000000) {
document.getElementById("XXX").style.display="block";
document.getElementById("YYY").style.display="none";
} }
//--></script>
（ 「月別参照」を「日別参照」 から区別しています ）
★それにしても （何度か書いてますが）カテゴリの記事が 「一覧」できない、というのは惜しく感じられてなりません。 これが出来るというのはＪＵＧＥＭ（最近また重い？）の美点であったことよ、とツクヅク思われます。
（ 「やり方」によっては『全ての記事』を一覧することも可能でした ）
「あ♪ これじゃどうだろ？」 と、試しに「blog 内検索」 で試してみましたが、やっぱり１０件ずつのページ割りで表示されましたですよ。 ぐすっ
Comment
★
shi〜
shi〜
Edit
03/06 22:02 |
難しい・・・。 こんばんは！！
サポートＢＢＳで質問しました所、こんなに
詳しく答えを出して下さって、ほんと有り難いです！！
え〜っと、やってみました。
ただ、まだまだ私の勉強不足の所為なのか・・・・
ＩＤを加える場所が違うのかどうか分かりませんが
どうしても「タイトル」が消えてしまうのです。
詳しく申しますと
<div class="リスト部のクラス名" id="XXX<%cno>">
★リストの独自ブロック
</div>
というのを、<div class="entry_title">のところに
ＩＤを加えたのですが。
カテゴリーを選択した時の表示は
なんとなくリスト表示されているとは思うのですが
ＴＯＰページの「記事タイトル」が消えてしまうのです。
ん〜、難しいですね・・・。
それと、もうひとつお聞きしたい事があるんですが・・。
サポートＢＢＳへ書き込みしますね！！！
|
★
daniel
daniel
Edit
03/06 22:40 |
大丈夫 実現できるまでお世話しますから。
shi〜 さんの 作業中のテンプレート名を教えてください。
あ、
「ＴＲ掲示板」 に現在使ってらっしゃるテンプレートのソース（ＨＴＭＬ/ＣＳＳ ）
を貼り付けて下されば、完成品のソースをお作りしますよ！
|
|
TrackBack http://pcafe.blog3.fc2.com/tb.php/75-3165e366
Shown after Admisson