WordPressで長い記事を投稿する方法

1 つの記事ページが長すぎる場合があり、ページの読み込み速度とユーザー エクスペリエンスに影響します。この場合、WordPress を使用して長い記事をページングで表示する必要があります。ページングを実装するには、WordPress の長い記事ページング プラグインを使用する方法と、コードを変更して実装する方法の 2 つがあります。

長い WordPress 記事をページングするための操作手順:

ステップ 1: WordPress Web サイトのバックエンドに入り、「外観」の下にある「編集」オプションを見つけて、記事ページを見つけます。 module single .php で、single.php で次のコードを見つけます。

<?php the_content(); ?>

ステップ 2: 上記のコードを見つけたら、その下に WordPress 独自のページング関数の関数コードを追加します。

<?php wp_link_pages(); ?>

ステップ 3: 2 番目のステップのコードは、単純なページング効果を実現できます。ページング ボタンをより美しくしたい場合は、2 番目のステップのコードを次の呼び出しコードに置き換えることができます:

<?php wp_link_pages(array(&#39;before&#39; => &#39;<div>分页阅读：&#39;, &#39;after&#39; => &#39;&#39;, &#39;next_or_number&#39; => &#39;next&#39;, &#39;previouspagelink&#39; => &#39;上一页&#39;, &#39;nextpagelink&#39; => "")); ?> <?php wp_link_pages(array(&#39;before&#39; => &#39;&#39;, &#39;after&#39; => &#39;&#39;, &#39;next_or_number&#39; => &#39;number&#39;, &#39;link_before&#39; =>&#39;<span>&#39;, &#39;link_after&#39;=>&#39;</span>&#39;)); ?> <?php wp_link_pages(array(&#39;before&#39; => &#39;&#39;, &#39;after&#39; => &#39;</div>&#39;, &#39;next_or_number&#39; => &#39;next&#39;, &#39;previouspagelink&#39; => &#39;&#39;, &#39;nextpagelink&#39; => "下一页")); ?>

次の CSS コード経由ページング ボタンの表示スタイルを制御するには、次の CSS スタイルを style.css ファイルに直接コピーします。これにより、次のような効果が得られます

/**页面分页**/
.fenye{text-align:center;margin:0px auto 10px;font-weight:bold}
.fenye span{background-color:#DDDDDD;color:#fff;font-weight: bold;margin:0px 1px;padding:1px 6px;display:inline-block;text-decoration:none;border:1px solid #e0e0e0;}
.fenye a{text-decoration:none;}
.fenye a span{background-color:#F6F6E8;font-weight: normal;color: #000;text-decoration: none;}
.fenye a:hover span{background-color:#DDDDDD;color: #fff;}

ステップ 4: ページングが必要な場所にページング コードを挿入します。記事 [コード テキスト モードで挿入する必要があります]

<p><!--nextpage--></p>

ステップ 5: 毎回ページング コードを使用するのが面倒な場合は、エディターの上に「ページング ボタン」を追加して使用できます。ページネーションエリアの「ページページネーションボタン」をクリックすると、ページネーションコードが自動的に追加されます。 [この手順は実行してもしなくても構いません]

1. /wp-includes/class-wp-editor.php ファイルを見つけます。 「wp_more」を検索し、タグ: (行 366)

$mce_buttons = apply_filters(&#39;mce_buttons&#39;, array(&#39;bold&#39;, &#39;italic&#39;, &#39;strikethrough&#39;, &#39;¦&#39;, &#39;bullist&#39;, &#39;numlist&#39;, &#39;blockquote&#39;, &#39;¦&#39;, &#39;justifyleft&#39;, &#39;justifycenter&#39;, &#39;justifyright&#39;, &#39;¦&#39;, &#39;link&#39;, &#39;unlink&#39;, <SPAN style="TEXT-DECORATION: underline"><STRONG><SPAN style="COLOR: #ff0000; TEXT-DECORATION: underline">&#39;wp_more&#39;,</SPAN></STRONG></SPAN> &#39;¦&#39;, &#39;spellchecker&#39;, &#39;fullscreen&#39;, &#39;wp_adv&#39; ), $editor_id);

2. 「wp_more」の後に「wp_page」を追加します (一重引用符とカンマを含む)。修正されたコードは次のとおりです:

$mce_buttons = apply_filters(&#39;mce_buttons&#39;, array(&#39;bold&#39;, &#39;italic&#39;, &#39;strikethrough&#39;, &#39;¦&#39;, &#39;bullist&#39;, &#39;numlist&#39;, &#39;blockquote&#39;, &#39;¦&#39;, &#39;justifyleft&#39;, &#39;justifycenter&#39;, &#39;justifyright&#39;, &#39;¦&#39;, &#39;link&#39;, &#39;unlink&#39;, <SPAN style="TEXT-DECORATION: underline"><STRONG><SPAN style="COLOR: #ff0000; TEXT-DECORATION: underline">&#39;wp_more&#39;,&#39;wp_page&#39;,</SPAN></STRONG></SPAN> &#39;¦&#39;, &#39;spellchecker&#39;, &#39;fullscreen&#39;, &#39;wp_adv&#39; ), $editor_id);

3. この時点で、バックグラウンドの記事の作成および編集ページのテキスト エディターに [その他のタグ] ボタンのようなアイコンが表示されます。

同様に、コード エディターに [次のページ] ボタンが表示されます。

ステップ 6: Web サイトの SEO 最適化への影響を避けるために、分類後に異なるページの記事が同じタイトルになる問題を解決します。テーマ テンプレート ファイル header.php で に類似したコードを見つけて、次のコードに置き換えます。

<?php if ( is_single() ) { ?><title><?php echo trim(wp_title(&#39;&#39;,0)); ?><?php if (get_query_var(&#39;page&#39;)) { echo &#39;-第&#39;; echo get_query_var(&#39;page&#39;); echo &#39;页&#39;;}?> — <?php bloginfo(&#39;name&#39;); ?></title><?php } ?>

ステップ 7: ページング機能が実装されると、フィード ページの記事がページ分割されます。通常、最初のページのコンテンツのみが表示されます。解決策: wp-includes ディレクトリを見つけて、次のコード行 (約 3578 行目)

if ( strpos( $content,&#39;<!–nextpage–>&#39; ) ) {

を次のコード行に変更します。

if ( strpos( $content, &#39;<!--nextpage-->&#39; ) && (!is_feed()) ) {

このようにして、長文記事の完璧なページ分割された読書効果が完成しました。

WordPress 関連の技術記事をさらに詳しく知りたい場合は、wordpress チュートリアル 列にアクセスして学習してください。

以上がWordPressで長い記事を投稿する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。