私はワードプレスで1ページのWebサイトを作成していますが、インデックスページに投稿の要約を1つだけ表示したいと考えています。そのために、loop.php で the_content を the_excerpt に変更できることを知っています。しかし、「続きを読む」をクリックすると、新しいページが表示されますが、それは私が望んでいるものではありません。div を下にスライドさせて、ニュース全体をページに表示します。
それを行う方法はありますか?
前もって感謝します
簡単な解決策(最善ではありません):
the_excerpt() を表示されている div に表示し、 the_content() を非表示の div に表示し、[続きを読む] をクリックして (jquery を使用) アニメーションを切り替えます。
抜粋とコンテンツの両方を、それぞれ独自のdiv
タグに出力します。それに応じてクラス分けdiv.content
し、CSS ファイル内のコンテンツを非表示にします。ここで、これら 2 つの の後にread morediv
リンクを配置し、ハンドラーをread moreにリンクして、抜粋を非表示にしdiv.excerpt
、コンテンツdiv.content
を 1 つのモーションで表示します。
$("a.readmore").click(function () {
$(this).prev().prev("div.excerpt").hide();
$(this).prev("div.content").show();
// EDIT:
return false; // this will stop default behaviour of jumping to the top of page for instance
}
これがあなたを正しい道に導くことを願っています。ここで私の解決策: http://jsfiddle.net/FANVp/6/。ポエリンカが言うように、最高ではありませんが、うまくいきます.