解決済

Ads By Google

トートロジー

「続きを読む」をクリックした後に続きから表示されるのを変えたいのですが

「記事を書く」で一部分だけ記事を書いて、「続きを書く」で記事を続けているのですが、「続きを読む」をクリックすると「記事を書く」の内容の後の部分から表示されるんです。上にスクロールすれば「記事を書く」で書いた部分も読めるには読めるのですが、「続きを読む」をクリックした後、「記事を書く」の部分から表示されるようにした方が見やすいので変えたいです。変え方を教えていただけるとありがたいです。

2009-03-05 19:41の質問

違反を報告する

この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(1)

1.

2009-03-05 21:32:32

tani.masaru

デザインのカスタマイズからTOPページのHTMLテンプレートを見ると、下記のような部分があると思います。

<IfArticleBodyMore><span class="article-continue"><a href="<$ArticlePermalink$>#more" title="この記事の続きを読む">続きを読む</a></span></IfArticleBodyMore>

ここ部分で「#more」を取って下記のように変更すれば個別記事のトップページに移動します。

<IfArticleBodyMore><span class="article-continue"><a href="<$ArticlePermalink$>" title="この記事の続きを読む">続きを読む</a></span></IfArticleBodyMore>

他にも、個別記事ページに遷移させなくても先ほどの部分を下記のように変えることで同一ページ内で続きを読むことも可能になります。

<input type="button" value="続きを読む" onclick="document.getElementById('read-more').style.display = 'block';">
<input type="button" value="続きを隠す" onclick="document.getElementById('read-more').style.display = 'none';">
<style type="text/css">
 div#read-more { display: none; }
</style>
<IfArticleBodyMore><div class="article-body-more" id="read-more"><$ArticleBodyMore$></div></IfArticleBodyMore>

違反を報告する

無事にできました。同一ページでする方法も便利そうなので
後で試してみます。ありがとうございました！

Ads By Google

コメント(2)

コメントする

#1. 万年床生活者

2009-03-05 21:09:23

「続きを読む」リンクの"#more"を消しちゃえばいいんですよ。
あ、すいませんもう出かけなきゃ
どなたかが詳しく回答してくれると思います

違反を報告する

#2. tani.masaru

2009-03-05 21:34:18

すみません、少し修正です。

<IfArticleBodyMore>
<input type="button" value="続きを読む" onclick="document.getElementById('read-more').style.display = 'block';">
<input type="button" value="続きを隠す" onclick="document.getElementById('read-more').style.display = 'none';">
<style type="text/css">
 div#read-more { display: none; }
</style>
<div class="article-body-more" id="read-more"><$ArticleBodyMore$></div>
</IfArticleBodyMore>

違反を報告する