Advanced Excerptの使い方と設定：WordPressの抜粋でHTMLタグを保持・文字数調整する方法

Advanced Excerptとは

WordPressプラグインのAdvanced Excerptは、WordPressの投稿の抜粋（Excerpt）をより詳細に、そして柔軟に制御するためのプラグインです。

WordPressのデフォルトの抜粋機能は、いくつかの制限があります。例えば、通常はHTMLタグがすべて削除されてしまうため、強調表示やリストなどの書式が失われます。また、抜粋の長さも固定されていて、調整の自由度が低い場合があります。

Advanced Excerptプラグインは、これらのデフォルトの抜粋機能の課題を解決し、以下のような機能を提供します。

• HTMLマークアップの保持: 抜粋内にHTMLタグを保持するかどうか、または特定のタグのみを保持するかどうかを選択できます。これにより、抜粋でも記事の書式をある程度維持できます。
• 抜粋の長さの制御: 文字数または単語数で抜粋の長さを指定できます。これにより、表示される抜粋の長さを細かく調整できます。
• 「続きを読む」リンクのカスタマイズ: 抜粋の最後に表示される「続きを読む」リンクのテキストを自由に設定したり、リンクを挿入するかどうかを制御したりできます。
• 省略記号のカスタマイズ: 抜粋の最後に表示される省略記号（例: 「…」）を変更できます。
• 「リアルな」テキストのカウント: HTMLタグはカウントせずに、純粋なテキストのみで抜粋の長さを計算します。
• 句読点の考慮: 抜粋が単語や文章の途中で途切れることなく、自然な形で終了するように調整できます。
• カスタム抜粋の扱い: 手動で作成された抜粋に対しても、設定を適用するかどうかを選択できます。

Advanced Excerptを使用することで、ホームページ、アーカイブページ、検索結果など、記事の抜粋が表示されるあらゆる場所で、より魅力的で読みやすい抜粋を作成することができます。これにより、ユーザーエクスペリエンスの向上や、サイトのSEO対策にも貢献することが期待できます。

代替えプラグイン

Advanced Excerptは、WordPressの抜粋（Excerpt）の表示方法を詳細にコントロールできる人気のあるプラグインです。

代替となるアプローチやプラグインには、いくつか選択肢があります。

1. WordPressの標準機能とテーマのカスタマイズ

多くの機能は、実はプラグインを使わなくても実現できます。

• 手動での抜粋作成:
  • WordPressの投稿編集画面には、デフォルトで「抜粋」フィールドがあり、ここに手動で作成した抜粋を入力できます。Advanced Excerptのような自動生成機能は使えませんが、完全に内容をコントロールできます。
• 「続きを読む」ブロック/タグ (More Tag/Block):
  • 投稿本文の途中に「続きを読む」ブロック（Gutenbergエディターの場合）またはタグ（クラシックエディターの場合）を挿入することで、それより前の部分が抜粋として表示されます。
• functions.php を使用したカスタマイズ:
  • テーマの functions.php ファイルを編集することで、コードを使って抜粋の文字数/単語数や「続きを読む」リンクのテキストなどを変更できます。（※テーマファイルを編集する際は、必ずバックアップを取るか、子テーマを使用してください。）

2. 抜粋に特化した代替プラグイン

Advanced Excerptと同様に、抜粋の生成や表示をコントロールする機能を持つプラグインがあります。

• Easy Custom Auto Excerpt:
  • 自動で抜粋を生成し、文字数や単語数で長さを設定できます。「続きを読む」ボタンのカスタマイズ機能もあります。
• Rich Text Excerpts:
  • 抜粋編集フィールドをリッチテキストエディター（HTMLが使える）に変更したい場合に役立ちます。

3. ブロックエディター（Gutenberg）ベースのプラグイン

投稿一覧などを表示する際に、抜粋の表示方法を柔軟に設定できるブロック系のプラグインもあります。

• PostX – Gutenberg Post Blocks:
  • 投稿のリストやグリッド表示を行う際に、抜粋の表示設定（長さやメタ情報など）を細かくコントロールできる場合があります。SEOプラグイン（Yoast SEO、Rank Mathなど）のメタディスクリプションを抜粋として使用するオプションを持つものもあります。

Advanced Excerptの使い方

Advanced Excerptプラグインは、WordPressの抜粋（Excerpt）機能を拡張し、より詳細な制御を可能にするものです。通常、WordPressの抜粋は文字数制限があったり、HTMLタグが除去されたりしますが、Advanced Excerptを使うと、これらの動作をカスタマイズできます。

具体的な使い方を以下にまとめます。

1. インストールと有効化

まず、WordPressの管理画面からAdvanced Excerptをインストールして有効化します。

1. WordPress管理画面にログインします。
2. 「プラグイン」>「新規追加」をクリックします。
3. 検索ボックスに「Advanced Excerpt」と入力し、検索します。
4. Advanced Excerptプラグインが表示されたら、「今すぐインストール」をクリックします。
5. インストールが完了したら、「有効化」をクリックします。

2. 設定画面へのアクセス

有効化後、設定画面にアクセスします。

1. WordPress管理画面の左メニューから「設定」>「Excerpt」をクリックします。

3. 主要な設定項目と使い方

Advanced Excerptの設定画面では、主に以下の項目を設定できます。

a. Excerpt Length (抜粋の長さ)

• Length: 抜粋の長さを文字数または単語数で指定します。デフォルトでは、WordPressの抜粋は単語数で設定されていますが、Advanced Excerptではより細かく制御できます。
  • 例: 「200」と入力し、「characters」を選択すると、200文字までの抜粋が表示されます。
• Length type: 「characters」（文字数）または「words」（単語数）を選択します。

b. Excerpt End (抜粋の末尾)

• Read More link text: 抜粋の末尾に表示される「続きを読む」リンクのテキストを指定します。
  • 例: 「… 続きを読む」「詳細はこちら」など。
• Add “Read More” link to Excerpt: 抜粋の末尾に「続きを読む」リンクを追加するかどうかをチェックボックスで選択します。
• Add “Read More” link to content: 投稿本文の末尾に「続きを読む」リンクを追加するかどうかをチェックボックスで選択します。

c. HTML Tags (HTMLタグの扱い)

Advanced Excerptの最も強力な機能の一つです。通常、WordPressの抜粋はHTMLタグがすべて除去されますが、Advanced Excerptでは残したいHTMLタグを指定できます。

• Allowed HTML Tags: 抜粋に残したいHTMLタグをカンマ区切りで入力します。
  • 例: <a>, <strong>, <em>, <ul>, <ol>, <li> など。
  • これらを指定することで、抜粋内でもリンクや強調、リストなどが表示されるようになります。
• Strip Shortcodes: ショートコードを抜粋から除去するかどうかをチェックボックスで選択します。通常は除去することが推奨されます。
• No Custom Excerpt: カスタム抜粋が設定されている場合でも、Advanced Excerptの設定を強制的に適用するかどうかを選択します。

d. Other Settings (その他の設定)

• Force Excerpts: 抜粋が手動で作成されていない投稿に対しても、Advanced Excerptの設定を強制的に適用するかどうかを決定します。
• Disable on feed: RSSフィードでAdvanced Excerptの機能を無効にするかどうかを選択します。
• Disable on search: 検索結果ページでAdvanced Excerptの機能を無効にするかどうかを選択します。

4. 設定の保存

設定を変更したら、必ず画面下部の「変更を保存」ボタンをクリックして設定を適用してください。

5. 実際の表示確認

設定後、フロントエンド（ウェブサイトの訪問者が見るページ）で投稿一覧ページやアーカイブページなどを確認し、抜粋が意図した通りに表示されているかを確認してください。

Advanced Excerptを使うメリット

• HTMLタグの保持: 抜粋に装飾やリンクを含めることができるため、より魅力的な抜粋を作成できます。
• 抜粋の長さの柔軟な制御: 文字数または単語数で抜粋の長さを正確に制御できます。
• 「続きを読む」リンクのカスタマイズ: リンクテキストを自由に変更でき、ユーザーエクスペリエンスを向上させます。
• ショートコードの除去: 抜粋に不要なショートコードが表示されるのを防ぎます。

Advanced Excerptは、WordPressの抜粋機能をより強力に、そして柔軟にしたい場合に非常に役立つプラグインです。ぜひこれらの設定を参考に、ご自身のサイトに合った抜粋表示をしてみてください。

Advanced Excerptの注意点

WordPressプラグイン「Advanced Excerpt」をご利用の際に注意すべき点はいくつかあります。以下に主な点をまとめました。

1. テーマや他のプラグインとの競合

• 抜粋機能の重複: WordPressには標準で抜粋機能が備わっています。テーマによっては独自の抜粋表示機能を実装している場合もあります。Advanced Excerptを導入することで、これらの機能と競合し、意図しない表示になったり、どちらか一方の機能が正常に動作しなくなる可能性があります。
• JavaScript/CSSの競合: Advanced Excerptが使用するJavaScriptやCSSが、他のプラグインやテーマのスクリプトと競合し、レイアウトの崩れや機能不全を引き起こすことがあります。

2. カスタムフィールドの扱い

• Advanced Excerptは、主に投稿本文（the_content）から抜粋を生成することを目的としています。カスタムフィールドに保存されたテキストからは、デフォルトでは抜粋を生成しません。カスタムフィールドの内容も抜粋に含めたい場合は、別途フックやフィルターを使って対応する必要があるかもしれません。

3. HTMLタグの除去と保持

• Advanced Excerptは、抜粋から特定のHTMLタグを除去したり、保持したりする設定が可能です。しかし、意図しないタグが除去されてレイアウトが崩れたり、逆に保持されてデザインを損ねたりする可能性もあります。設定をよく確認し、適切に調整する必要があります。特に、<iframe>や<script>などの埋め込みコードを含む場合、これらが除去されると表示が崩れる可能性があります。

4. 文字数制限と文字化け

• 日本語環境での文字数制限は、半角英数字と全角文字でカウント方法が異なる場合があります。Advanced Excerptの設定で指定した文字数が、期待通りの長さにならないことがあります。
• マルチバイト文字（日本語など）の途中で抜粋が切れると、文字化けや表示崩れの原因となることがあります。Advanced Excerptは、この問題を緩和するための設定（「抜粋の末尾に全単語を追加する」など）を提供していることが多いですが、それでも完全に防げない場合もあります。

5. パフォーマンスへの影響

• 多くの記事で抜粋を生成する場合、特に複雑な処理を行うように設定していると、サイトの表示速度にわずかながら影響を与える可能性があります。キャッシュプラグインとの併用を検討するなど、パフォーマンス対策も考慮に入れると良いでしょう。

6. 設定の確認とテスト

• Advanced Excerptを有効化したら、必ずサイトの様々なページ（トップページ、アーカイブページ、検索結果ページなど）で抜粋が正しく表示されるかを確認してください。
• 特に、異なる投稿タイプやカスタム投稿タイプを使用している場合は、それらの抜粋も確認することが重要です。
• 設定を変更した際には、その都度表示を確認し、問題がないことを確認しましょう。

7. テーマの変更やプラグインのアップデート時

• テーマを新しいものに変更したり、他のプラグインやWordPress本体をアップデートしたりする際には、Advanced Excerptが正常に動作し続けるか再確認が必要です。予期せぬ競合や不具合が発生する可能性があります。

これらの注意点を考慮し、Advanced Excerptを適切に設定・運用することで、より効果的にウェブサイトの抜粋表示を管理することができます。

抜粋機能が優れたテーマ3選

WordPressテーマ選びにおいて「抜粋（記事一覧などで表示される説明文）」の機能性は、サイトの回遊率やSEO、そして何より「運用の手間」に直結する重要なポイントですね。

1. THE THOR（ザ・トール）

【圧倒的な表示管理機能】 THE THORは、抜粋に関する設定項目が非常に細かく、初心者でも管理画面から直感的に操作できるのが特徴です。

• 文字数制限の自由度: 記事一覧のレイアウトごとに、抜粋の文字数を1文字単位で設定可能です。
• デザイン連動: カード形式やリスト形式など、デザインに応じて「抜粋を表示するか・しないか」をスイッチ一つで切り替えられます。
• SEOへの配慮: 投稿画面の「ディスクリプション」に入力した内容を優先的に抜粋として表示させる仕組みが整っており、SEO対策と連動しやすいのが強みです。

2. AFFINGER（アフィンガー）

【戦略的な抜粋の使い分け】 AFFINGERは、単なる「文章の切り出し」ではなく、「読ませるための抜粋」を作る機能に長けています。

• PC・スマホ別設定: デバイスごとに抜粋の表示・非表示や文字数を変更できるため、画面サイズの小さいスマホで意図しない長文が表示されるのを防げます。
• 独自タグの除外: 記事冒頭に装飾やボタンを置いている場合、それらを抜粋から自動で除外してテキストだけを綺麗に抽出する精度が高いです。
• カテゴリ別制御: 特定のカテゴリだけ抜粋を表示しない、といった細かな出し分けが可能です。

3. LIQUID PRESS（リキッドプレス）

【スマートな自動抽出と可読性】 LIQUID PRESSは、多機能さよりも「スマートで美しい自動制御」に定評があります。

• 自動要約の精度: 独自のロジックで本文から適切な箇所を抜粋し、デザインが崩れないよう調整されます。
• ビジネス・メディア向け: 企業サイトやニュースサイトで使いやすいよう、抜粋部分の余白やフォントサイズのバランスがデフォルトで最適化されています。
• 柔軟なフック: 開発者にとっても扱いやすく、カスタマイズ次第で特定のカスタム投稿タイプの抜粋を拡張するのも容易です。