デフォルトでTTSWPは投稿タイトルとメインコンテンツをナレーションします。どちらも変更できます。特定のセクション(画像キャプション、サイドバー、関連投稿ボックスなど)を除外したり、どの投稿タイプに音声を生成するかを選択したりすることも可能です。
コンテンツ設定ページを開く
テキスト読み上げ → コンテンツ に移動します。ページは4つのセクションで構成されています。
- 音声を生成する投稿タイプ
- 投稿タイトルを含めるかどうか
- 含める・除外するCSSセレクター
no-audioクラス
音声を生成する投稿タイプを選ぶ
デフォルトでTTSWPは投稿にのみ音声を生成します。他のコンテンツタイプに音声を有効にするには、それぞれのトグルをオンにしてください。
サポートされている投稿タイプ:
- 投稿(デフォルトでオン)
- 固定ページ
- WooCommerce商品
- テーマや他のプラグインで登録されたカスタム投稿タイプ
公開時の自動生成がオンの場合、有効になっている投稿タイプのみ自動で音声が生成されます。
投稿タイトルを含める
タイトルを音声に含めるがオンの場合、投稿タイトルが最初に読み上げられ、続いてコンテンツが読み上げられます。これがデフォルトの設定です。
以下の場合はオフにしてください。
- タイトルがすでにコンテンツ内に表示されている場合(一部のテーマはこの動作をします)
- 音声を記事本文から直接始めたい場合
CSSセレクター: 含める・除外する
2つのフィールドがあり、どちらも任意です。
含めるセレクター
デフォルトではTTSWPは投稿コンテンツエリア全体をナレーションします。テーマがメイン記事を特定のコンテナ(例: .article-body や #main-content)内に格納している場合、そのセレクターをここに追加してください。一致する要素内のテキストのみがナレーションされます。
デフォルトの動作を維持する場合は、このフィールドを空のままにしてください。
除外するセレクター
スキップしたいテキストのCSSセレクターを追加します。一致する要素(およびその内部のすべて)は音声生成前に削除されます。
よく使われる例:
.wp-caption
figcaption
.sidebar
#secondary
.widget-area
.related-posts
.comments-area
#comments
.ad-container
複数のセレクターを1行ずつ追加できます。
no-audioクラス
単一のブロックを音声から除外する最も簡単な方法は、そのブロックに no-audio クラスを追加することです。
ブロックエディターの場合:
- 除外したいブロックをクリックします。
- 右側のブロックサイドバーを開きます。
- 高度な設定 までスクロールします。
- 追加CSSクラス に
no-audioを追加します。
クラシックエディターまたはページビルダーの場合:
<div class="no-audio">
このテキストは音声に含まれません。
</div>
クラス属性に対応しているページビルダー(Elementor、Divi、Visual Composer、Gutenberg、クラシックエディター)であれば動作します。
特定カテゴリーの投稿を除外する
これはコンテンツページの設定ではなく、投稿エディターに存在します。
- 投稿を開きます。
- 右サイドバーの TTS音声 パネルを探します。
- この投稿の音声をスキップ にチェックを入れます。
投稿は他のコンテンツやカテゴリーの割り当てを保持しますが、TTSWPはその投稿の音声を生成しません。
フィルターの処理順序
TTSWPは以下の順序で投稿を処理します。
- 投稿の生のコンテンツを取得する
- 含めるセレクターを適用する(設定がある場合)
- 除外するセレクターに一致する要素を削除する
no-audioクラスを持つ要素を削除する- 画像、ショートコード、スクリプトを除去する
- 空白を整理する
- ElevenLabsに送信する
予期しないものが音声に含まれている場合は、手順3と4を確認してください。セレクターやクラスが一致していない可能性があります。
フィルターのテスト
フィルターを変更したら、テスト投稿で音声を再生成して結果を確認してください。
- 投稿 → 投稿一覧 を開きます。
- テスト投稿を見つけます。
- TTSの列で 再生成 をクリックします。
- 再生をクリックして聴きます。
結果が期待通りでない場合は、セレクターを調整して再試行してください。サイト全体に適用するより、1つの投稿で修正する方が簡単です。