Home > Movable Type > ページ移動なしで「続きを読む」

ページ移動なしで「続きを読む」

2004-12-04 (土)
Movable Type

そもそも最初は「続きを読む」ってどうするのかもわからなかったんでまずはそこから…
(今更過ぎるオハナシですが…)

かなり長文のエントリーの場合縦にビローーンと長くなってしまい見にくい感じがしますよね？
特にMTのカスタマイズなどでズラズラ長いソースが表示されると興味がない人にとっては非常につまらなくなってしまいます。
そこでエントリーの最初だけ表示して続きに興味のある人だけ「続きを読む」をクリックするとエントリーの最後まで読めるという方法です。
新規エントリー画面で最初に表示する部分を「エントリーの内容(body)」に書きます。
「追記(extend) 」の欄にエントリーの続きを書けばOKです。
ただデフォルトでは個別エントリーのページに移動します。
indexの同じページ内でエントリーの続きをクリックひとつで表示したり折りたたんだりする方法です。

以下覚書↓

＜参考元＞
なかよしこよし: 続きを読むのスクリプト

1.)<head>～</head>間に以下のソースを追加します。

2.)テンプレートを修正します。
<MTEntryIfExtended>～</MTEntryIfExtended>で挟まれている部分を探してください。
そっくり以下に差し替えます。
参照元ソースのtitle属性にエントリーのタイトルを加えてみました。

<MTEntryIfExtended> <span id="varP<$MTEntryID$>"><a title="<$MTEntryTitle$>の続きを読む" href="<$MTEntryLink$>#<$MTEntryID pad="1"$>" onclick="showMore(<$MTEntryID$>,'<$MTEntryLink$>#<$MTEntryID pad="1"$>');return false;">read more...</a></span> <div id="varXYZ<$MTEntryID$>" style="display: none"><$MTEntryMore$><a title="<$MTEntryTitle$>の続きを隠す" href="#<$MTEntryID pad="1"$>" onclick="showMore(<$MTEntryID$>,0);return true;">...hide more</a></div> </MTEntryIfExtended>

ワタシはリンクを画像にしてます。

なかよしこよしさんには上記のスクリプト以外の新バージョンも紹介されています。

なかよしこよし: 続きを読む (新バージョン)

ワタシもこだるまさんと同じく古い方の動きの方が好きなのでこのままにしてます。

Home > Movable Type > ページ移動なしで「続きを読む」

Categories

Archives

Search

Feeds

RSS2.0
ATOM

Page Top