WordPressホームページの記事に„続きを読む“ボタンを表示する方法

WordPressを初めて使う方は、サイトのホームページにアクセスすると、デフォルトでは記事の内容がすべて直接表示されることに気づくでしょう。これは閲覧体験にとって非常に良くありません。ホームページで自動要約や文字切り捨て表示を採用し、続きを読む/続きを読むボタンを表示すれば、ブラウジング体験が大幅に改善されます。以下の図をご覧ください：

????自動要約使用前、????自動要約使用後

では、WordPressで自動要約と文字切り捨て表示を実現するにはどうすればよいでしょうか？Naibaはここで3つの方法を紹介します。方法1と方法3は初心者ユーザーに適しており、方法2はphpの基礎知識があるユーザーに適しています。

方法1：moreタグを使用

これは最もネイティブな方法ですが、記事を書くときに手動でmoreタグを挿入する必要があります。すでに多くの記事があるサイトにはあまり実用的ではありません。新しいサイトではこの方法を採用でき、良い習慣です。 moreタグの使い方：WordPress管理画面で新しい記事を作成する際、エディタでテキストを選択し（図1）、moreを挿入します。 ビジュアルエディタで直接moreタグをクリックして挿入することもできます（図2）。注意：上記2つの図はどちらもクラシックエディタ内での効果です。使用するにはWordPressの新しいエディタを無効化する必要があります。

方法2：コードを改造

コードの改造は初心者の方には少し難しいかもしれません。以前Naibaが使用していたTwenty Fifteenテーマを使用している場合は、以下の2つのファイルのコードを修正するだけです。 エディタで/wp-content/themes/twentyfifteen/ディレクトリ内のindex.phpとarchive.phpの2つのファイルを開き、以下のコードを検索します：

get_template_part( 'content', get_post_format() );

以下のコードに置き換えます：

get_template_part( 'content-search', get_post_format() );

基本的に、この2つのファイルのこのコード内のcontentをcontent-searchに変更します。 このテーマを使用していない場合は、自分でテーマファイル内でthe_contentフィールドを検索し、そのphpコードを

<?php
     if(!is_single()) 
	 { 
	the_excerpt();
		 } 
	else {
	the_content(__('(more…)')); 
	} 
?>

に変更する必要があります。 この方法はウェブの基礎知識がない方には適していません。なぜなら、テーマによってthe_contentの位置と内容が異なり、間違えて修正するとサイトが開かなくなる可能性があるからです。修正する場合は、必ず修正するファイルをバックアップし、問題が発生したら復元してください。

方法3：自動要約プラグインをインストール

ここでおすすめするWordPress自動要約プラグインはWP-UTF8-Excerptです。ダウンロードURL：https://wordpress.org/plugins/wp-utf8-excerpt/主な特徴： 1. マルチバイト言語（中国語など）をサポートし、文字化けが発生しません。 2. 要約は記事内のフォーマットタグ（フォント、色、リンク、画像など）を保持できます（保持するタグは管理画面で設定可能）。 3. ホームページとアーカイブページで異なる文字数を設定できます（デフォルトではホームページは記事ごとに300文字、アーカイブページは記事ごとに150文字を表示）。 要約表示の優先順位は以下の通りです： 1. ユーザーが手動で要約を設定した場合、文字数やタグに関係なく、手動設定された要約を表示します。 2. ユーザーが手動で<!–more–>を設定した場合、文字数やタグに関係なく、<!–more–>より前の部分を出力します。 3. その他の場合、ユーザーが設定した文字数と許可されたタグに従って要約を表示します。 注意：WordPressプラグインを多くインストールしすぎると、サイトの読み込みが遅くなる可能性があります。Naiba サイト構築ノート現在、13個のプラグインが有効化されています。

記事に要約内容を設定するには？

体験から言うと、自動切り捨ての効果は要約を表示する効果ほど良くありません。では、記事に要約を設定するにはどうすればよいでしょうか？方法は以下の図の通りです：記事投稿画面で、右上の「表示オプション」をクリックし、「要約」にチェックを入れます。すると、記事編集ボックスの下に要約ボックスが表示されるので、要約を入力します。WordPress初心者チュートリアル2：記事の投稿方法

テーマTwenty Twelveの修正方法

Naiba サイト構築ノートは現在 Twenty Twelve というテーマを使用しています。修正方法を記録しておきます。 content.php ファイルの40行目を、以下のコードに置き換えます。

<?php if ( is_home() || is_category() || is_archive() || is_search() ) : // Only display Excerpts for Search ?>