🚀 サイト構築が難しい?手取り足取りご案内します——「WordPressサイト構築伴走」サービスを詳しく見る →

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

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

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

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

方法1:moreタグを使用する

More标签 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コードを以下のように修正する必要があります:
この方法はウェブの基礎知識がない方には適していません。なぜなら、テーマによってthe_contentの位置や内容が異なり、間違えて修正するとサイトが開かなくなるからです。修正する場合は、必ず修正するファイルをバックアップし、問題が発生したら復元してください。

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

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

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

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

Theme Twenty Twelveの修正方法

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

🚀 チュートリアルを見てもまだ迷っていますか?私が直接手を取ってご案内しましょう

「WordPressサイト構築伴走サービス」——ドメイン名の選択、ホスティングの購入から、Themeのインストール、公開、投稿まで、すべてのステップで私が伴走し、遠回りをせずに目標に直行します。

👉 サイト構築伴走サービスについて詳しく知る
🔒

コメントは閉鎖されました

この記事のコメント機能は閉鎖されています。ご質問がある場合は、他の方法でお問い合わせください。

×
二维码

QRコードをスキャンしてフォロー