WordPressでMoreブロックを適切に使用する方法

ウェブサイトのホームページは、お店のショーウィンドウのようなものです。訪問者を圧倒することなく、提供するものを紹介する必要があります。

そこでWordPressの「もっと」ブロックが非常に役立ちます。これにより、人々が最も関心のあるコンテンツをすばやく見つけられる、クリーンでスキャン可能なプレビューが作成されます。

よく考えてみてください。関連性の高い情報を見つけるために、いくつかの長文記事をスクロールするのと、短いプレビューを閲覧して目に留まったものをクリックするのと、どちらが良いでしょうか？ほとんどの訪問者は後者を選びます。

WPBeginnerでは、「続きを読む」リンクを使用して訪問者を完全な投稿に誘導しています。このシンプルなアプローチにより、サイトのナビゲーションがはるかに楽しくなりました。

訪問者がサイトを訪れるたびに、スムーズで魅力的な体験を得られるように、適切に追加する方法をご紹介します。

WordPressでMoreブロックを使用するタイミング

多くのウェブサイトでは、訪問者が完全版をチェックするように促すために投稿プレビューを使用しています。

WordPressユーザーは、組み込みの「もっと読む」ブロックを使用するか、カスタム抜粋を記述することで、これらの投稿プレビューを2つの主な方法で作成できます。

デフォルトでは、ほとんどの最新のWordPressテーマは、ホームページやブログアーカイブで投稿全体ではなく、投稿のプレビューを自動的に表示します。

例えば、私たちのブログページでは、投稿の数語と、完全な投稿への「続きを読む」リンクが表示されます。

このプレビューテキストは、訪問者がすべての投稿をスクロールしなくても、ブログのトピックをさらに確認するのに役立ちます。また、訪問者は投稿を読み終えるためにクリックする必要があるため、 ページビューを増やす のにも役立ちます。

Moreブロックまたは抜粋を使用することで、WordPressがこれらのプレビューに表示する内容を正確に制御できます。

サイトにとって最良の選択肢は、WordPressのテーマによって異なります。テーマによっては、作成したMoreブロックを無視するものがあるため、代わりに抜粋を使用する必要があります。

続きを読むブロックと抜粋：違いは何ですか？

開始する前に、続きを読むブロックと抜粋の違いを簡単に見てみましょう。これにより、ウェブサイトに最適なオプションを選択するのに役立ちます。

• Moreブロックを使用すると、投稿コンテンツを正確なポイントでカットできます。Moreブロックより上のすべてが、ブログページのプレビューとして表示されます。
• 抜粋は、投稿のカスタムで個別に記述された要約です。このテキストはプレビューにのみ使用され、投稿全体には表示されません。

どのテーマを使用していても魅力的なプレビューを表示できるように、Moreブロックと抜粋の両方について説明します。

特定の方法に直接ジャンプしたい場合は、以下のリンクを使用できます。

1. WordPressでMoreブロックを適切に使用する方法
2. Moreブロックの「続きを読む」テキストを変更する方法
3. 代替案：WordPressで投稿の抜粋を設定する方法
4. Moreブロックに関するよくある質問

準備はいいですか？始めましょう。

ステップ1：WordPressでMoreブロックを正しく使用する方法

WordPressのブロックエディターには、WordPress投稿のプレビューテキストの正確な区切り位置を指定できる、組み込みの「続きを読む」ブロックがあります。

📝 クラシックエディターでは、このブロックは以前「続きを読む」タグとして知られていました。

Moreブロックは、投稿内のどこにでも追加できます。文の途中や段落の途中でも可能です。

「続きを読む」ブロックより上のすべてのコンテンツは、ブログのアーカイブページや、WordPressサイトの投稿がリストされるその他の場所に表示されます。WordPressはプレビューに「続きを読む」リンクも追加するため、訪問者はクリックして投稿の全文を読むことができます。

投稿に「もっと」ブロックを追加する前に、サイトがホームページに最新の投稿を表示するように設定されていることを確認することが重要です。

ホームページを静的ページとして使用している場合、テーマは「続きを読む」ブロックを無視し、独自のカスタム設定を使用する可能性があります。

ホームページとして静的フロントページを使用しているかどうかわかりませんか？ WordPressダッシュボードで設定 » 表示 に移動するだけで確認できます。

この画面の上部には、「ホームページの表示」セクションがあります。「最新の投稿」が選択されている場合は、Moreブロックを使用するのに問題はないはずです。

開始するには、続きを読むブロックを追加したい投稿を開くだけです。次に、プレビューの区切りポイントを作成したい場所を見つけ、「+」アイコンをクリックして新しいブロックを追加します。

その後、「More」と入力し、正しいブロックを選択してページに追加できます。

一部のテーマでは、ホームページやアーカイブページに表示する単語数に制限があります。

プレビューに多数の単語を含めると、テーマがMoreブロックを上書きする場合があります。そのため、投稿の早い段階で区切りポイントを作成することをお勧めします。

これで、通常どおり投稿の執筆を続けることができます。

ブロックエディターで投稿を編集する際に「More」ブロックが表示されますが、訪問者はWordPressブログで投稿を読んでいる際には表示されません。

他のブロックと同様に、WordPressにはMoreブロックを設定するためのいくつかの設定があります。これらの設定を表示するには、Moreブロックを選択してクリックするだけです。

右側のメニューに、「コンテンツ全体のページで抜粋を非表示にする」というラベルの設定が表示されます。

デフォルトでは、Moreブロック（プレビュー）の上に配置したテキストも、完全な投稿の先頭に表示されます。このトグルで、それを制御できます。

このプレビューテキストを投稿ページ全体で非表示にしたい場合は、スライダーをクリックして青色にしてください。

これで、続きを読むブロックより上のコンテンツは、ホームページとアーカイブページにのみ表示され、訪問者はクリックするとすぐに投稿の全コンテンツが表示されます。

終了したら、「更新」または「公開」ボタンをクリックして変更を保存できます。

さて、ホームページまたはブログのアーカイブページにアクセスすると、この投稿のために作成したプレビューが表示されます。

🤔 何か違うものが見えていますか？ その場合、お使いのWordPressテーマが「もっと」ブロックを無視している可能性があります。

一部のテーマは抜粋を表示するように設計されており、すべてのMoreブロックを上書きします。ホームページやブログアーカイブにMoreブロックを使用したプレビューが表示されない場合は、代わりに抜粋を使用する必要があります。

ステップ2：Moreブロックの「続きを読む」テキストを変更する方法

デフォルトでは、「More」ブロックはアーカイブページとホームページに「Read More」リンクを表示します。

このテキストを変更する方法はいくつかありますが、WordPressのテーマによっては、結果が若干異なる場合があります。一部のテーマは、独自のデフォルト設定で変更を上書きします。

まず、WordPressの投稿エディターを使用して「続きを読む」のテキストを変更できるかどうかを確認する価値があります。

これを行うには、Moreブロックがある投稿を開きます。次に、デフォルトの「READ MORE」テキストをクリックして、代わりに使用したいテキストを入力できます。

その後、通常どおりページを更新または公開します。その後、ホームページまたはブログアーカイブにアクセスして、Read Moreテキストが変更されたかどうかを確認できます。

まだ元の「続きを読む」リンクが表示されている場合は、コードを使用してテーマの設定を上書きする必要がある場合があります。

サイト固有のプラグインを作成するか、コードスニペットプラグイン（例: WPCode（推奨））を使用して、以下のコードをサイトに追加できます。

function modify_read_more_link() {
    return '<a class="more-link" href="' . get_permalink() . '">Check out the full post</a>';
}
add_filter( 'the_content_more_link', 'modify_read_more_link', 999 );

これは、次の画像でわかるように、デフォルトの「続きを読む」テキストを「投稿全体を確認する」に置き換えます。

コードスニペットの「Check out the full post」を置き換えることで、好きなテキストを使用できます。コードの `get_permalink()` 部分は、完全な投稿への正しいリンクを自動的に追加するため、変更について心配する必要はありません。

代替案：WordPressで抜粋を設定する方法

WordPressには投稿プレビューを表示する2つの方法があります。「続きを読む」ブロックはすでに説明しましたが、抜粋を使用してプレビューを作成することもできます。

WordPressブログやウェブサイトの訪問者にとって、プレビューは抜粋を使用して作成され、「もっと」ブロックはまったく同じように見えます。ただし、一部のテーマは抜粋を使用するようにコーディングされているため、「もっと」ブロックを無視して代わりに抜粋を表示します。

投稿に抜粋を手動で追加しない場合、WordPressはテーマで定義された抜粋の長さに基づいて自動的に抜粋を作成します。これにより、文の途中でプレビューが途切れる可能性があります。

これを踏まえて、代わりに手動で抜粋を作成することを選択できます。これを行うには、投稿を開き、右側のメニューにある「抜粋」セクションをクリックして展開します。

「抜粋を書き込む」ボックスで、投稿に使用したい抜粋を入力または貼り付けることができます。

右側のメニューに「抜粋」ボックスが表示されない場合は、右上隅の3点アイコンをクリックしてこの設定を有効にできます。

それが終わったら、「設定」をクリックしましょう。

表示されたポップアップで、「パネル」をクリックするだけです。

右側のメニューに追加できるすべての設定が表示されます。「抜粋」を見つけてクリックするだけで、白（無効）から青（有効）に切り替わります。

次に、このポップアップを閉じます。これで、右側のメニューで「抜粋」設定にアクセスできるようになります。

これで、上記と同じプロセスで抜粋を作成できます。

これが完了したら、変更を保存してサイトにアクセスしてください。ホームページとブログアーカイブにカスタム抜粋が表示されるようになります。

Moreブロックに関するよくある質問

WordPressのMoreブロックについて、読者からよく寄せられる質問をいくつかご紹介します。

Moreブロックと抜粋の違いは何ですか？

Moreブロックを使用すると、コンテンツ内のどこにでも「続きを読む」の区切りを配置できます。ブロックより上のすべてが、ブログページでのプレビューとして使用されます。

抜粋は、投稿設定で作成する、個別に手作業で書かれた要約です。一部のテーマは抜粋のみを使用するように設計されており、「続きを読む」ブロックは無視されます。

Moreブロックが機能しないのはなぜですか？

最も一般的な理由は、WordPressテーマがそれを上書きしていることです。多くのテーマはデフォルトで抜粋を使用するようにコーディングされており、Moreブロックを完全に無視します。

ホームページに最新の投稿を表示する代わりに、静的なフロントページを使用している場合にも発生する可能性があります。

デフォルトの「続きを読む」テキストを変更できますか？

はい、エディターの「続きを読む」ブロック内のテキストを直接編集できることがよくあります。それが機能しない場合は、テーマに独自のデフォルトテキストがあることを意味します。

小さなコードスニペットを追加することで、テーマの設定を上書きできます。テーマファイルを直接編集せずに安全にこれを行うには、WPCodeのようなプラグインを使用することをお勧めします。

この記事が、WordPressで続きを読むブロックを正しく使用する方法を学ぶのに役立ったことを願っています。また、HTML不要でWordPressの投稿に複数列のコンテンツを追加する方法や、WordPressの投稿やページにテーブルを追加する方法に関するガイドも確認してください。

この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterやFacebookでもフォローできます。