シードプロッド最新ニュース

ビジネスの成長に役立つWordPressのチュートリアル、ヒント、リソース

WordPressの投稿抜粋をカスタマイズする方法(コードなし)

WordPressの投稿抜粋をカスタマイズする方法(コードなし) 

執筆者 著者アバター ステイシー・コリン
著者アバター ステイシー・コリン
ステイシーはWordPressとデジタルマーケティングについて10年以上、その他のトピックについてはもっと長い間執筆している。また、ウェブデザイン、ユーザーエクスペリエンス、SEOにも造詣が深い。
     レビュー レビュアーアバター ターナー・ジョン
レビュアーアバター ターナー・ジョン
ジョン・ターナーはSeedProdの共同設立者です。彼は20年以上のビジネスと開発の経験があり、彼のプラグインは2500万回以上ダウンロードされています。

WordPressの記事抜粋の見栄えをコントロールしたいですか?デフォルトでは、WordPressはあなたの投稿の最初の55単語を取得するだけですが、それはしばしば見栄えの悪いランダムなテキストや画像のクレジットを含んでいます。

カスタム抜粋は、重複コンテンツやページスピードの問題を回避しながら、クリックを促すクリーンで魅力的なプレビューを提供します。

このガイドでは、WordPressの投稿抜粋をカスタマイズする3つの簡単な方法を紹介します。

WordPressの投稿抜粋をカスタマイズする方法:

WordPressの投稿抜粋を使うタイミング

まず、なぜWordPressサイトで抜粋をカスタマイズするのが良いのかについて説明しましょう。

WordPressでは、ブログ記事を公開すると、ホームページ、ブログページ、アーカイブに記事の全内容が表示されます。残念なことに、これでは同じコンテンツが複数のページに表示されるため、ウェブサイトの表示速度が遅くなり、検索エンジンのランキングにも影響します。

ただし、抜粋を使用する場合、記事全体は表示されません。その代わり、ウェブページには記事内容の短いスニペットを含む抜粋ボックスが表示され、重複コンテンツや ページ速度の問題を回避することができます。

抜粋を使うのに最適な場所には、以下のようなものがある:

  • あなたのホームページに投稿が表示されている場合
  • タグとカテゴリーのアーカイブページ
  • 静的なホームページをお持ちの場合は、ブログのページ

最新のWordPressテーマを使用している場合、抜粋をサポートし、その設定に組み込まれている可能性があります。また、多くのテーマでは抜粋の機能をカスタマイズすることができ、抜粋と完全な記事を表示する場所を選択することができます。

なぜWordPressで記事の抜粋をカスタマイズするのか?

WordPressテーマの中には、投稿の抜粋を自動的に生成するものがあります。デフォルトでは、WordPressは投稿の冒頭55語をスニペットに使用しますが、他のテーマではもっと表示される場合もあります。

しかし、記事の導入部の前にコンテンツがある場合、これが問題になることがある。

自動生成された抜粋は、投稿の冒頭にある任意のテキストから始まるため、メタディスクリプションや画像のクレジットなど、不要なコンテンツが含まれる可能性があります。

これがその例だ:

リボソームのテーマで表示される投稿の抜粋

ご覧のように、記事の冒頭から余分な詳細があると、プロフェッショナルには見えず、ウェブサイト訪問者を混乱させる可能性があります。

もし現在のWordPressテーマが抜粋をうまく扱えないのであれば、抜粋をカスタマイズするとよいだろう。そうすれば、より読みやすくなり、より多くの投稿クリックを生み出すことができる。

抜粋が何であるかわかったところで、サイト上で抜粋をカスタマイズするさまざまな方法を見てみましょう。

WordPressの投稿抜粋をカスタマイズする3つの方法

以下のステップでは、WordPressの投稿抜粋をカスタマイズする3つの方法をご紹介します。

最初の方法は、カスタムWordPressテーマを(コードなしで)作成し、カスタム抜粋を追加するための簡単なポイント&クリック設定を使用する方法を紹介します。2つ目の方法では、デフォルトのWordPressエディタを使って投稿抜粋をカスタマイズする方法を紹介します。

そして最後の方法では、テーマファイルを編集してカスタム投稿抜粋を手動で表示する方法を紹介します。

1.WordPressのカスタム投稿抜粋をテーマに追加する

現在使用しているWordPressテーマにWordPressの投稿抜粋をカスタマイズする機能が含まれていない場合、次に何をすべきかわからないかもしれません。WordPressテーマを変更するべきか、テーマファイルに抜粋を手動でコーディングするべきか?

幸いなことに、第3の選択肢がある。SeedProdでカスタムWordPressテーマを構築し、数回のクリックで抜粋をカスタマイズすることができます。

SeedProd ドラッグ&ドロップWordPressウェブサイトビルダー

SeedProdは最高のWordPressウェブサイトビルダーです。この強力なプラグインを使用すると、ゼロからWordPressテーマを作成し、あなたのビジネスウェブサイトのためのカスタム機能を追加することができます:

さらに重要なことは、SeedProdはコード、デザイン、技術的な専門知識を必要としないということです。それは自動的にすべてのテーマテンプレートファイルを生成し、あなたはそのドラッグアンドドロップページビルダーであなたのWordPressテーマをカスタマイズすることができます。

SeedProdを始めるにはここをクリックし、このステップバイステップのガイドに従ってカスタムWordPressテーマを作成してください。その後、以下の手順に従って、新しいテーマにカスタマイズ可能な投稿抜粋を追加することができます。

ブログページのテンプレートを編集する

SeedProdでWordPressテーマを作成した後、WordPress管理画面からSeedProd " Theme Builder画面に移動します。このページでは、新しいテーマを構成するテンプレートのリストが表示されます。

SeedProdでブログページのテーマファイルを編集する

SeedProdのビジュアルエディターで各テンプレートを視覚的にカスタマイズできます。

次に、Blog、Index、Archives、Searchテンプレートファイルが表示されるまでリストをスクロールし、Edit Designリンクをクリックします。

WordPressの投稿抜粋をカスタマイズする

テンプレートはライブページビルダーで開き、ポイント&クリックで外観や機能をカスタマイズできます。

SeedProdのドラッグ&ドロップ・ビルダーでブログ・ページを作成する

このテンプレートのレイアウトは、ウェブサイトキットを選ぶ際に選択した設定に依存します。デフォルトでは、ブログページテンプレートは以下の要素を表示します:

  • 見出し
  • アーカイブタイトル
  • 投稿

投稿の抜粋をカスタマイズするには、ライブプレビューで投稿ブロックをクリックします。そうすると、画面の左側にブロックの設定が表示されます。

SeedProdの投稿ブロック設定

このパネルでは、ユーザーがブログページにアクセスした際に表示する内容を選択することができます。例えば、クエリータイプ別にブログ記事をリストアップしたり、カラムレイアウトを変更したり、ページネーションを表示したり、フィーチャー画像を表示したり、タイトルタグを調整したりすることができます。

また、Show Excerptトグルをオンまたはオフにすることで、同じパネルで投稿の抜粋を表示または非表示にすることができます。

SeedProdの投稿ブロックのShow Excerptトグルをオンにする。

トグルを「オン」にした後、カスタム文字数を入力して抜粋の長さを変更することができます。また、続きを読むリンクを有効にし、そのテキストをカスタマイズすることもできます。

抜粋の「続きを読む」リンクテキストをカスタマイズする

カスタム投稿の抜粋に満足したら、画面右上の保存ボタンをクリックします。

覚えておいてください: あなたのウェブサイトのフロントエンドに変更を表示するには、SeedProdテーマを有効にする必要があります。これを行うには、SeedProd " Theme Builderに 行き、'Enable SeedProd Theme'トグルを'On'の位置にします。

SeedProdテーマを有効にする

これで、カスタムWordPress投稿抜粋をサイト上でライブで見ることができます。

ワードプレスの投稿抜粋の例

2.WordPressエディタにカスタム抜粋を追加する(デフォルト)

WordPressのテーマを変更したくない場合は、WordPressのデフォルトのブロックエディタを使ってカスタム投稿抜粋を追加することができます。

まず、WordPressの既存の投稿を編集するか、新しい投稿を作成する。

WordPressのコンテンツエディタ内で、右側のパネルに'Excerpt'ドロップダウンが表示されているはずです。下矢印をクリックして、カスタム抜粋ボックスを展開します。

ワードプレスの記事抜粋パネル

カスタム投稿の抜粋をボックスに入力します。例えば、投稿の最初の段落をコピーして貼り付けることができます。

カスタムWordPress投稿抜粋ボックス

PublishまたはUpdateボタンをクリックして変更を保存すると、ウェブサイトをプレビューしたときに抜粋が表示されます。

ワードプレスの投稿抜粋の例

プロからのアドバイス:クラシック・エディターの場合は、右上の「画面オプション」タブをクリックします。そして、「抜粋」にチェックを入れます。その後、記事を書くエリアの下に抜粋のセクションが表示されます。

3.WordPressテーマの抜粋をコードで手動カスタマイズする

前述したように、ほとんどの最新テーマにはカスタム投稿抜粋のサポートが組み込まれていますが、そうでないものもあります。現在のテーマがそうである場合、子テーマを作成してコードを追加することで、テーマファイルを手動で修正する必要があります。

テーマファイルを編集するのが面倒な場合は、コードを必要としないこの記事の1の方法を使うことができる。

まず、子テーマが投稿を表示するために使用しているテンプレートファイルを見つける必要があります。どのファイルが必要かは、WordPressのテンプレート階層に関するガイドを参照してください。

ファイル名はテーマによって異なる場合があります。しかし、ほとんどの場合、home.php、content.php、archive.php、category.phpファイルを探していることでしょう。

各ファイルの中で、次の行を見つける必要がある:

<?php the_content(); ?>

次に、次のようにthe_excerptタグに置き換える:

<?php the_excerpt(); ?>

ウェブサイトで抜粋をプレビューする前に、ファイルを更新して変更を保存することを忘れないでください。エラーでお困りの場合は、以下の手順に従ってWordPressの抜粋が表示されない問題を解決してください。

それだけだ!

WordPressの投稿抜粋に関するFAQ

WordPressの記事の抜粋とは何ですか?

WordPressでは、抜粋はブログ記事全体の短い要約で、通常アーカイブページや検索結果に表示されます。読者がクリックして記事全体を見るように誘うティーザーとして機能します。

WordPressで記事の抜粋を見つけるには?

WordPressで記事の抜粋を見つけるには2つの場所があります:

  1. 編集画面:投稿を編集する際、エディタの右側にある「抜粋」ボックスを探してください。ここで、特定の投稿のカスタムサマリーを書くことができます。
  2. テーマの設定:あなたのテーマには、抜粋の表示方法をコントロールするオプションがあるかもしれません。これらの設定は通常、ダッシュボードの「テーマ」または「ブログ」オプションの下にあります。

WordPressで投稿の抜粋をオフにするには?

WordPressで投稿の抜粋をオフにする方法は2つあります:

  1. 抜粋欄を空欄にする:投稿を編集する際、"Excerpt "ボックスを空欄にします。これにより、テーマがデフォルト設定であっても、抜粋が表示されなくなります。
  2. CSSを使用する(特定のページの場合):特定のページ(単一の投稿など)でのみ抜粋を非表示にしたい場合、抜粋を含む要素を非表示にするCSSコードをテーマに追加することができます。これにはCSSの知識が必要です。

WordPressで抜粋の長さを変更できますか?

はい。WordPressで抜粋の長さを変更するには、テーマ設定(サポートされている場合)を編集するか、SeedProdのようなページビルダーを使用するか、functions.phpファイルにコードスニペットを追加します。SeedProdはシンプルな文字数カウントオプションでこれを簡単にします。

WordPressの抜粋はSEOに影響するか?

はい。完全な記事の代わりに抜粋を使用することで、アーカイブページでの重複コンテンツの問題を防ぎ、ページ速度を向上させることができます。どちらもサイトのランクを上げる重要なSEO要素です。

次のステップ

このガイドでは、WordPressの投稿抜粋をカスタマイズする方法を学びました。他にも参考になるチュートリアルがいくつかあります:

お読みいただきありがとうございました!あなたのご意見をぜひお聞かせください。YouTubeXFacebookで、あなたのビジネスを成長させるために役立つアドバイスやコンテンツを提供していますので、お気軽に会話にご参加ください。

著者アバター
ステイシー・コリン ライター
ステイシーはWordPressとデジタルマーケティングについて10年以上、その他のトピックについてはもっと長い間執筆している。また、ウェブデザイン、ユーザーエクスペリエンス、SEOにも造詣が深い。

情報開示私たちのコンテンツは読者支援型です。つまり、あなたが私たちのリンクをクリックした場合、私たちはコミッションを得る可能性があります。私たちは、読者に付加価値をもたらすと信じる製品のみを推薦します。