So verwenden Sie WP_Query zum Erstellen von Seitenumbrüchen in WordPress
Veröffentlicht: 2021-08-31
Eine der produktivsten Möglichkeiten, die Seitenaufrufe Ihrer Website zu erhöhen und eine optimale Absprungrate zu erzielen, ist die Verwendung von WP_Query zum Erstellen von Paginierungen in WordPress.
In diesem Tutorial führen wir Sie durch eine leicht verständliche Anleitung zum Hinzufügen einer benutzerdefinierten WordPress-Schleife mit Paginierung.
Was ist WP_Query?
WP_Query ist eine der wichtigsten Klassen in WordPress, da Sie damit auf Datensätze, Beiträge, Seiten und benutzerdefinierte Beitragstypen in der Datenbank zugreifen können.
In der Zwischenzeit müssen die Entwickler keine komplexen SQL-Abfragen gegen die Datenbank schreiben, um die erforderlichen Informationen zu Beiträgen, Seiten oder benutzerdefinierten Beitragstypen zu erhalten, da WP_Query das alles für uns erledigt.
Was ist Paginierung in WordPress und warum brauchen Sie sie?
Paginierung ist eine der Kernfunktionen, die jeder WordPress-Benutzer für eine Vielzahl von Zwecken verwenden kann. Es ist eine gute Praxis, lange Posts in mehrere Teile zu unterteilen und jeden von ihnen auf einer neuen Seite zu präsentieren.
Wenn Sie ein gut codiertes WordPress-Thema verwenden, das Ihnen zur Verfügung steht, wird die Verwendung von Tags in Ihrem Beitrag, die genau dort hinzugefügt werden, wo der Beitrag enden und auf der nächsten Seite beginnen soll, aller Wahrscheinlichkeit nach die Arbeit für Sie erledigen.
Es ist nicht schwer zu erraten, dass das Laden langer Posts lange dauert und für die Website-Gäste oder Blog-Follower unbequem zu lesen ist.
Teilen Sie Ihre Artikel oder langen Beschreibungen auf so viele Seiten auf, wie es sinnvoll erscheint, damit die Leser alle Informationen ohne Ärger verdauen können.
Wenn Sie ein WordPress-Webmaster oder Eigentümer einer WordPress-Website sind, kennen Sie sicherlich die in WP integrierte Paginierungsfunktion, die Sie einfach mit Links oder numerischer Paginierung verwenden können, um lange Posts in so viele verschiedene Teile wie nötig aufzuteilen und sie mit vorherigen und nächsten Seiten zu präsentieren entsprechend.
Abgesehen davon, dass Ihre Artikel und Posts leichter zu verfolgen und besser lesbar sind, hat die Paginierung auch andere Vorteile.
Es wird das allgemeine Erscheinungsbild Ihrer Website genauer und kompakter machen, die Seitenaufrufe Ihrer Website hinzufügen, die Absprungrate reduzieren, zum SEO-Ranking beitragen und Ihnen mehr Seiten zum Platzieren von Werbung und mehr bieten.
Diese Methode funktioniert jedoch nicht immer mühelos mit modernen WordPress-Themes und -Vorlagen. Daher bieten wir Ihnen an, WP_Query zu verwenden, um Seitenumbrüche in WordPress zu erstellen.
Bevor wir näher auf den Prozess eingehen, in dem detailliert beschrieben wird, wie WP_Query zum Erstellen von Paginierungen in WordPress verwendet wird, empfehlen wir Ihnen, sich mit der WP Query-Klassenreferenz in WordPress Codex vertraut zu machen: https://codex.wordpress.org/Class_Reference/WP_Query#Usage .
Wenn Sie nun eine allgemeine Vorstellung von WP_Query und seiner Verwendung haben, lassen Sie uns ein Beispiel einer Abfrage mit Ihnen teilen.
<?php
/**
* Vorlagenname: Benutzerdefinierte Seite
*/
get_header(); ?>
<?php
$paged = ( get_query_var( 'paged' ) ) ? get_query_var('ausgelagert'): 1;
$args = array(
'posts_per_page' => 4,
'ausgelagert' => $ausgelagert
);
$custom_query = neue WP_Query( $args );
?>
<!----Start-------->
<div class="wrap">
<div class="content-area">
<main class="site-main" role="main">
<?php
while($custom_query->have_posts()) :
$custom_query->the_post();
?>
<div>
<ul>
<li>
<h3><a href="<?php the_permalink(); ?>" ><?php the_title(); ?></a></h3>
<div>
<ul>
<div><a href="<?php the_permalink(); ?>"><?php the_post_thumbnail('thumbnail'); ?></a></div>
</ul>
<ul>
<p><?php echo the_content(); ?></p>
</ul>
</div>
<div>
</li>
</ul>
</div> <!-- Blogbeiträge beenden -->
<?php endwhile; ?>
<?php if (function_exists("pagination")) {
Paginierung ($custom_query->max_num_pages);
} ?>
</main><!-- #main -->
</div><!-- #primär -->
</div><!-- .wrap -->
<!----ende-------->
<?php get_footer();
So verwenden Sie WP_Query zum Erstellen von Seitenumbrüchen in WordPress
Code zum Rendern der Paginierung
Erstellen Sie eine Vorlagendatei mit dem Namen CustomPage.php im Themenordner und fügen Sie den unten genannten Code in eine benutzerdefinierte statische Seite ein.
<?php if (function_exists("pagination")) {
Paginierung ($custom_query->max_num_pages);
} ?>
Gehen Sie zum Admin-Dashboard, um eine Seite zu erstellen, und wählen Sie eine benutzerdefinierte Seite als Vorlage aus.
Außerdem müssen Sie den folgenden Code verwenden, damit die benutzerdefinierte Paginierung funktioniert: Sie müssen diesen Code in functions.php (zu finden in Ihrem Themenordner) hinzufügen.
Funktionspaginierung ($pages = ”, $range = 4)
{
$showitems = ($range * 2)+1;
global $paged;
if(empty($paged)) $paged = 1;
if($seiten == '')
{
global $wp_query;
$pages = $wp_query->max_num_pages;
if(!$seiten)
{
$seiten = 1;
}
}
if(1 != $seiten)
{
echo "<div class=\"pagination\"><span>Seite ".$paged." von ".$pages."</span>";
if($paged > 2 && $paged > $range+1 && $showitems < $pages) echo "<a href='".get_pagenum_link(1)."'>« First</a>";
if($paged > 1 && $showitems < $pages) echo „<a href='“.get_pagenum_link($paged – 1).“'>‹ Zurück</a>“;
for ($i=1; $i <= $pages; $i++)
{
if (1 != $pages &&( !($i >= $paged+$range+1 || $i <= $paged-$range-1) || $pages <= $showitems ) )
{
echo ($paged == $i)? "<span class=\"aktuell\">".$i."</span>":"<a href='".get_pagenum_link($i)."' class=\"inactive\" >".$i."</a>";
}
}
if ($paged < $pages && $showitems < $pages) echo "<a href="".get_pagenum_link($paged + 1)."\">Next ›</a> "; if ($paged < $pages-1 && $paged+$range-1 < $pages && $showitems < $pages) echo "<a href='".get_pagenum_link($pages) ."'>Letztes »</a>"; echo "</div>\n"; } }
Nachdem wir es nun geschafft haben, WP_Query zum Erstellen von Paginierungen in WordPress zu verwenden, gehen wir zum Styling-Teil über. Natürlich haben wir es jetzt mit der style.css-Datei anstelle von function.php zu tun.
Suchen Sie style.css im Themenordner und fügen Sie den folgenden Code hinzu.
/* Seitennummerierung */
.Seitennummerierung {
Lösche beide;
Position: relativ;
Schriftgröße: 11px; /* Paginierungstextgröße */
Zeilenhöhe: 13px;
schweben rechts; /* Float-Richtung der Paginierung */
}
.pagination span, .pagination a {
Bildschirmsperre;
Schwimmer: links;
Rand: 2px 2px 2px 0;
Polsterung:6px 9px 5px 9px;
Textdekoration: keine;
Breite: automatisch;
Farbe:#fff; /* Paginierungstextfarbe */
Hintergrund: #555; /* Paginierung nicht aktive Hintergrundfarbe */
-webkit-Übergang: Hintergrund .15s Ease-in-out;
-moz-Übergang: Hintergrund .15s Ease-in-out;
-ms-Übergang: Hintergrund .15s Ease-in-out;
-o-Übergang: Hintergrund .15s Ease-in-out;
Übergang: Hintergrund 0,15s Ease-in-out;
}
.paginieren a:hover{
Farbe:#fff;
Hintergrund: #6AAC70; /* Paginierungshintergrund beim Hover */
}
.paginierung .aktuell{
Polsterung:6px 9px 5px 9px;
Hintergrund: #6AAC70; /* Aktueller Seitenhintergrund */
Farbe:#fff;
}
Das ist es. Wir hoffen wirklich, dass unser Artikel Ihnen helfen wird, WP_Query zu verwenden, um Seitenumbrüche in WordPress problemlos zu erstellen. Wenn Sie Fragen zu diesem Tutorial oder den darin geteilten Codes haben, können Sie uns gerne um Hilfe bitten!
Wenn Sie Ihre Website auf WordPress einrichten, sollten Sie unter anderem die Verwendung von wp_query zum Erstellen von Seitenumbrüchen in WordPress in Betracht ziehen.
Natürlich werden Sie sich fragen, warum Sie sich mit Paginierung beschäftigen sollten, aber hier ist, warum Paginierung ein wichtiger Aspekt jeder Website ist.
Paginierung ist der Prozess, mit dem Sie einen langen Beitrag in kürzere Beiträge aufteilen können, wobei Teile des ursprünglichen Beitrags auf anderen Seiten mit einem Link zurück zum ursprünglichen Beitrag veröffentlicht werden.
Dies trägt dazu bei, die Seitenaufrufe auf Ihrer Website zu erhöhen, und kann sich in Bezug auf SEO und Rankings als unschätzbar erweisen.
Aus diesem Grund müssen Sie wp_query verwenden, um eine Paginierung in WordPress zu erstellen , damit Sie den Beitrag anpassen, kürzer halten und dabei helfen können, die Benutzererfahrung zu verbessern. Hier sind einige Gründe, warum Paginierung wichtig und für Ihre Website unerlässlich ist.
- Sauberes, klares Aussehen: Als Ergebnis der Paginierung sollten Sie in der Lage sein, Ihre Beiträge kürzer zu halten und dabei Ihre Startseite übersichtlich zu halten. Dies sollte es Ihnen ermöglichen, Ihren Kunden einen sauberen, klaren Look zu präsentieren.
Darüber hinaus sollten Sie bei kürzer geschnittenen Beiträgen in der Lage sein, den weißen Raum strategisch voll auszunutzen und die Aufmerksamkeit des Benutzers auf die relevanten Teile Ihrer Website zu lenken, vielleicht auf einen Handlungsaufruf, damit er darauf klicken kann.
- Marketing: Mit Paginierung sollten Sie die Länge der Posts kürzen und dabei auch noch optimieren können.
Mit diesem Plugin können Sie entscheiden, welche Posts kürzer gekürzt werden sollen, und sogar den Post anpassen, damit er für den Endbenutzer attraktiver erscheint.
Als Ergebnis sollte Ihr Traffic zunehmen und Sie sollten dabei auch in der Lage sein, mehr mit Ihren Benutzern zu interagieren als zuvor.
- Benutzerinteraktion: Kein Benutzer möchte einen langen Beitrag direkt auf der Titelseite lesen; Aus diesem Grund ist es wichtig, dass Sie die Paginierung verwenden, um die Beiträge kurz zu halten.
Die Benutzer würden das aufgeräumte Aussehen und die schnell ladenden Seiten zu schätzen wissen, und Sie sollten daher in der Lage sein, sich mehr mit ihnen zu beschäftigen.
Wenn die Paginierung ins Spiel kommt, sollten Sie in der Lage sein, die Absprungraten auf einem optimalen Niveau zu halten, Ihr Publikum ausreichend zu interessieren und, was noch wichtiger ist, die Seitenaufrufe auf Ihrer Website zu erhöhen.
Infolgedessen werden Sie zwangsläufig Ihre Rankings verbessern und Ihre Online-Konversionsrate steigern.
Dies sind einige der Gründe, warum Sie eine Paginierung auf Ihrer Website benötigen, da dies dazu beitragen kann, dass Ihre Website noch besser abschneidet als zuvor.
Sie können entscheiden, wie kurz die Posts sein sollen, und mit der Paginierung sollten Sie in der Lage sein, die Länge und sogar das Aussehen der Posts zu bestimmen. Mit dieser Funktion sollten Sie in der Lage sein, Ihren Benutzern eine bessere Benutzererfahrung zu bieten.