トップ > 日記 > WordPress Theme Raindrops1.280 html in excerptの使い方

WordPress Theme Raindrops1.280 html in excerptの使い方

日記

まだ、レビューの結果は出ていませんが、次期バージョン1.280での概要表示機能について説明します。


Raindropsテーマ1.280に　html in excerpt という概要表示の見せ方を変更する機能を追加しました。




html in excerptは、通常の概要表示とは、何が違うのか？



WordPressの標準の概要表示機能の仕組み



WordPressの投稿作成ページには、タイトル、本文、抜粋の入力項目があります。


抜粋項目に、入力が行われていない場合、


抜粋（　概要　）は、投稿本文から、html要素を取り除き、そのうえで、英語の場合は、単語数をカウントし、指定単語数に達するまで表示したら、表示を停止します。


日本語環境で利用する場合、単語数でカウントして表示を停止する事が困難なため、WP Multibyte Patch等で日本語環境では、指定文字数で切り詰めた表示を行うといった事が、行われています。


いずれにしても、概要表示は、html要素を除去して、一定の文字数（または、単語数）で丸めて表示する機能という事が言えます。


この概要表示を行うメリットは、


  • ループページでの、表示スピードの向上
  • レイアウト枠の中に、納まりがいい

といった事になります。

デメリットは、

  • htmlタグが除去されることによって、文字列と、段落要素だけしか表示されない。
  • 投稿フォーマット、画像などの表示ができなくなる。
  • 音声プレイリスト、ギャラリー表示が出来ない

等々、最新のワードプレスで実装された機能の多くは表示できなくなる


投稿フォーマットや、プレイリスト等では、文字列が省略されることが結構あるのではないかとも思います


このような場合には、タイトルだけといった事も起こってくるでしょう。


以下のスクリーンショットを見てみてください。



全文を表示した場合



f:id:tenman:20150327113614j:image



WordPressの概要表示


f:id:tenman:20150327113615j:image


Raindropsの html in excerpt


f:id:tenman:20150327113616j:image



html in excerptは、

<img src="http:example.com/image.jpg" alt="sample image" />

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

のように、テキストの前方に記述された要素は、常に表示されます

<img src="http:example.com/image.jpg" alt="sample image" />

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

<img src="http:example.com/image.jpg" alt="sample image" />

のような構造の場合は、文字列の切りつめが終了してしまった場合は、後方の画像は表示されません


といった、従来の　WordPressの概要文よりも、ソフトに働くという特徴があります。


どちらか、もちろん選択することが出来る機能です。














TOP