So veröffentlichen Sie lange Artikel in WordPress

Manchmal ist eine einzelne Artikelseite zu lang, was sich auf die Ladegeschwindigkeit der Seite und das Benutzererlebnis auswirkt. In diesem Fall müssen wir WordPress verwenden, um lange Artikel im Paging anzuzeigen. Es gibt zwei Möglichkeiten, Paging zu implementieren: Eine besteht darin, das Paging-Plug-In für lange Artikel von WordPress zu verwenden, und die andere darin, es durch Ändern des Codes zu implementieren.

Schritte zum Paginieren langer WordPress-Artikel:

Schritt 1: Rufen Sie das Backend der WordPress-Website auf, suchen Sie unter „Darstellung“ die Option „Bearbeiten“ und suchen Sie dann das Artikelseitenmodul single.php, suchen Sie den folgenden Code in single.php

<?php the_content(); ?>

Schritt 2: Nachdem Sie den obigen Code gefunden haben, fügen Sie darunter den Funktionscode für die Paging-Funktion von WordPress hinzu:

<?php wp_link_pages(); ?>

Kapitel Schritt 3: Die Der Code im zweiten Schritt kann einen einfachen Paging-Effekt erzielen. Wenn Sie die Paging-Schaltfläche schöner gestalten möchten, können Sie den Code im zweiten Schritt durch den folgenden Aufrufcode ersetzen:

<?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; => "下一页")); ?>

durch den folgenden CSS-Code Um den Anzeigestil der Paging-Schaltfläche zu steuern, kopieren Sie den folgenden CSS-Stil direkt in die Datei style.css, damit der folgende Effekt erzielt werden kann

/**页面分页**/
.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;}

Schritt 4: Fügen Sie den Paging-Code dort ein, wo Paging erforderlich ist der Artikel [Muss im Codetextmodus eingefügt werden]

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

Schritt 5: Wenn Sie Schwierigkeiten haben, den Paginierungscode jedes Mal zu verwenden, können Sie ihn verwenden, indem Sie über dem Editor eine „Paginierungsschaltfläche“ hinzufügen ist, wenn es im Artikel benötigt wird. Durch Klicken auf die Schaltfläche „Seitenpaginierung“ im Paginierungsbereich wird der Paginierungscode automatisch hinzugefügt. [Dieser Schritt kann durchgeführt werden oder auch nicht]

1. Suchen Sie die Datei /wp-includes/class-wp-editor.php. Suchen Sie nach „wp_more“, Tag: (in Zeile 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. Fügen Sie „wp_page“ nach „wp_more“ hinzu (einschließlich einfacher Anführungszeichen und Kommas). Der geänderte Code lautet wie folgt:

$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. Zu diesem Zeitpunkt können Sie auf den Seiten zum Schreiben und Bearbeiten von Artikeln im Hintergrund ein Symbol sehen, das der Schaltfläche „Mehr Tag“ im Texteditor ähnelt.

Ebenso wird im Code-Editor eine Schaltfläche „Weitere Seite“ angezeigt.

Schritt 6: Beseitigen Sie das Problem, dass Artikel auf verschiedenen Seiten nach der Klassifizierung denselben Titel haben, um die SEO-Optimierung der Website nicht zu beeinträchtigen. Suchen Sie in der Theme-Vorlagendatei header.php nach Code, der „b2386ffb911b14667cb8f0f91ea547a7...6e916e0f7d1e588d4f442bf645aedb2f“ ähnelt, und ersetzen Sie ihn durch den folgenden Code.

<?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 } ?>

Schritt 7: Nachdem die Paging-Funktion implementiert ist, werden die Artikel auf der Feed-Seite im Allgemeinen nur der Inhalt der ersten Seite angezeigt wp-includes-Verzeichnis und finden Sie die folgende Codezeile (ungefähr Zeile 3578)

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

Ändern Sie es in die folgende Codezeile.

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

Auf diese Weise haben wir den perfekten paginierten Leseeffekt langer Artikel erreicht.

Weitere technische Artikel zum Thema WordPress finden Sie in der Spalte WordPress-Tutorials, um mehr darüber zu erfahren!

Das obige ist der detaillierte Inhalt vonSo veröffentlichen Sie lange Artikel in WordPress. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!