折り畳む、文章を伸ばす

JavaScript(ジャバ・スクリプト)を使って

続きを読む、で「うにょ〜」と伸びるように

WordPressには「続きを読む」とのタグがあって、それをクリックすると文章の続きが読めます。

デフォルトの設定では「続きを読む」をクリックすると、新たにフレームが立ち上がってそこに残りの文章が表示されます。

ただ、その方式だと文章が途中で途絶えるんですよね。検索エンジン経由でどこかの記事とかページ(WordPressにおける静的ページ)に当たると、検索した文字列の発見に手間取ります。

GoogleやYahoo!がどこかのページをキャッシュした時には全文になっています。ですから、検索した文字列もきちんと入っているのですがWordPressの場合は少々事情が異なります。

WordPressは閲覧者が訪れたり、ボタンを押した時点でデータベースから情報を書き出します。ですので、「続きを読む」の場合、ボタンを押した時点から再スタートになります。

デフォルトのままだと「別ページ」が開いて立ち上がることになります。

すると文字がハイライトされないことが多い。

ボタンを押した瞬間に新しく書き出す形式になりますので、ハイライトが消えてしまいます。

WordPressにおいて「続きを読む」を設定する場合には <More>というタグを埋めるだけなのでとても簡単なのですが・・・。たったそれだけで文章を短くすることが可能です。

ただし、だからこそ使い方が難しい。ユーザーが下にスクロールさせて読むのがが当たり前だと思っている人の場合、WordPressに備わっているデフォルトの機能<More>(続きを読む)を一度も使わないままサイトを構築しているケースもあります。

ですので「More? 続きを読むってなんじゃ?」と思ってる人も多いです。「いつ使うのか、何の役目があるのか?」と不思議に感じている方もいます。

続きを読む »
テキストの紹介
テキストの紹介
公式 Twitter
Random Pages created by Best Accounting Services