Klasse zu Links hinzufügen, die von Next_posts_link und Previous_posts_link generiert werden

Diese beiden Funktionen erstellen Ankerlinks, und Sie können vieles davon anpassen, aber es ist unmöglich, eine Klasse nur über ihre Parameter hinzuzufügen. Muss eine Funktion zu functions.php hinzufügen

add_filter('next_posts_link_attributes', 'posts_link_attributes');
add_filter('previous_posts_link_attributes', 'posts_link_attributes');

function posts_link_attributes() {
  return 'class="styled-button"';
}

Kommentare

Chris Perryman

# 20. Dezember 2011

Nochmal vielen Dank! Ich habe dies ein wenig geändert, um verschiedene Stile für nächste/vorherige zu ermöglichen. Hier ist, was ich getan habe, falls jemand anderes eine Klasse für jede benötigt

add_filter('next_posts_link_attributes', 'posts_link_attributes_1');
add_filter('previous_posts_link_attributes', 'posts_link_attributes_2');

function posts_link_attributes_1() {
    return 'class="prev-post"';
}
function posts_link_attributes_2() {
    return 'class="next-post"';
}

Antworten

webfairy

Permalink zum Kommentar# 7. Februar 2013

Danke Chris! Hat mir sehr gut gefallen!

Brent Lagerman

# 5. August 2012

Eine andere Möglichkeit, dies ohne Funktion zu tun, wäre, ein LI um jeden Link zu legen

<!--BEGIN: Page Nav-->
		<?php if ( $wp_query->max_num_pages > 1 ) : // if there's more than one page turn on pagination ?>

	        <nav id="page-nav">
	        	<h1 class="hide">Page Navigation</h1>
		        <ul class="clear-fix">
			        <li class="prev-link"><?php next_posts_link('« Previous Page') ?></li>
			        <li class="next-link"><?php previous_posts_link('Next Page »') ?></li>
		        </ul>
	        </nav>

		<?php endif; ?>
		<!--END: Page Nav-->

brent
@
mimoYmima.com

schauen Sie sich unsere WordPress-Shell an – html5.mimoymima.com

Antworten

Edward

# 3. Dezember 2012

Ich mag Brents Methode, aber ich habe ... als Wrapper um jeden Link anstelle von Tags verwendet. Ich war faul und hatte keine Lust, das zusätzliche CSS für die Listenelemente zu schreiben, aber es funktionierte genauso gut.

Antworten

Edward

# 3. Dezember 2012

Ich mag Brents Methode, aber ich habe span-Tags verwendet, um jeden Link anstelle von li-Tags zu umschließen. Ich war faul und hatte keine Lust, das zusätzliche CSS für die Listenelemente zu schreiben, aber es funktionierte genauso gut.

Antworten

Chris

# 6. Dezember 2012

Ich bekomme den ul/li-Ansatz nicht zum Laufen. Das Styling ist fixiert, was auch immer ich tue.... irgendwelche Ideen, was ich falsch mache?

Antworten

Rick de Jong

# 8. Januar 2013

Ist es auch möglich, einen "last_posts_link" zu generieren? Wenn Sie zum Beispiel 5 Ergebnis-Seiten haben, würden Sie sofort zu Seite 5 springen.
wp pagenavi nutzt es, aber ich möchte dieses Plugin nicht verwenden.

Antworten

Robin Thebs

# 5. Februar 2013

Ich mochte Brents Art, es zu tun.

Antworten

Martin Allien

# 18. März 2013

Hallo, vielen Dank!
Dies hat die Hälfte meiner „Probleme“ gelöst... Irgendwelche Ideen, wie man benutzerdefinierte Stile zu next/previous_post_link hinzufügt? Ich habe es auf die offensichtliche Weise versucht, indem ich next_post_link_attributes hinzugefügt habe, aber es hat nicht funktioniert.

Jede Hilfe wird geschätzt :]

Antworten

Justin Klemm

# 29. Mai 2013

Martin, ich hatte dieselbe Frage. Ich habe den WordPress-Code gefunden. Es stellt sich heraus, dass WordPress die Filter für die einzelnen Post-Links etwas anders anwendet. Ich habe unten etwas Code eingefügt, der für diese Links funktioniert. Er kann in Verbindung mit dem obigen Code verwendet werden.

add_filter('next_post_link', 'post_link_attributes');
add_filter('previous_post_link', 'post_link_attributes');

function post_link_attributes($output) {
    $injection = 'class="styled-button"';
    return str_replace('<a href=', '<a '.$injection.' href=', $output);
}

Antworten

LebCit

Permalink zum Kommentar# 31. Dezember 2014

Hallo Justin, ich möchte dir nur ZEHNTAUSEND DANK sagen ;)
LittleHoopoe

Permalink zum Kommentar# 20. Mai 2016

Das hat bei mir in WP 4.5 funktioniert.

Vielen Dank fürs Teilen.

Jason

# 11. Juni 2013

Wie kann man einem „<a href“ eine Klasse hinzufügen, anstatt „“ für das WordPress-Menü, wie man es für Implementierungen von fancybox bräuchte?

Antworten

Jon

# 25. September 2013

Wie würde ich den Link in einen

<div> umschließen, damit ich ihn auf einer eigenen Leiste platzieren kann? Wenn ich versuche, ihn in einen <div> zu setzen, erscheint der Div oben auf der Seite, aber die Navigation selbst bleibt nach allen Beiträgen.

Antworten

Jack

# 25. September 2013

Vielen Dank für Ihre Hilfe dabei. Ich habe erfolgreich eine Klasse zu den Links "vorheriger" und "nächster" hinzugefügt.

add_filter('next_posts_link_attributes', 'posts_link_attributes_1');
add_filter('previous_posts_link_attributes', 'posts_link_attributes_2');

function posts_link_attributes_1() {
    return 'class="prev_button" onclick="javascript:ajax_loadContent(\'box-right\',' . next_posts_link() . '");return false"';
}

function posts_link_attributes_2() {
    return 'class="next_button" onclick="javascript:ajax_loadContent(\'box-right\',' . previous_posts_link() . '");return false"';
}

Allerdings habe ich, wie Sie sehen können, Probleme mit der Verwendung von AJAX, um Beiträge in mein box-right DIV zu laden. Ich verwende den folgenden Code, um Links zu laden

<a href="#" onclick="javascript:ajax_loadContent('box-right','page.php');return false">hello</a>

Ich versuche, die Funktion previous_posts_link() zu verwenden und sie dort zu platzieren, wo im obigen Code page.php steht. Ich bekomme es nicht zum Laufen? Ich bin ziemlich neu in PHP, also ist es vielleicht einfach?

Ich möchte den Code return '<a href="' . previous_posts( false ) . "\" $attr>". preg_replace( '/&([^#])(?![a-z]{1,8};)/i', '&$1', $label ) .'</a>'; in der Datei link-template.php ändern, so dass der href ein Hash ist, href=#, und $attr lädt onclick="javascript:ajax_loadContent('box-right','page.php');return false" – wobei page.php tatsächlich eine Funktion verwendet, um die vorherige und nächste Seite zu laden.

Bitte helft mir dabei!
Danke!

Dies ist der Ansatz, den ich verfolgt habe, der nicht funktionierte...

    return 'class="prev_button" onclick="javascript:ajax_loadContent(\'box-right\',' . previous_posts_link() . '");return false"';

Antworten

Catherine Cerezuela

# 31. Dezember 2013

Vielen Dank für diese Informationen. Der von Justin gegebene Tipp funktioniert perfekt für meine Situation.

Antworten

Tony Mosley

# 20. März 2014

Ich habe wirklich Schwierigkeiten, einen Filter auf diese Links am Anfang der Seite anzuwenden

Ich möchte nur eine ID von „pref“ & „next“ hinzufügen, um von einem einfachen Seitenwischen angesprochen zu werden, aber aus irgendeinem Grund sind Dokumentationen zu diesen Links schwer zu finden, es sei denn, Sie möchten sie entfernen.

Kann mir jemand einen Beitrag oder ein Snippet vorschlagen, um so etwas zu erstellen

Antworten

Tony Mosley

# 20. März 2014

dieses <link id="prev" rel='prev' title='Waiting' href='http://www.seventhsecond.com/waiting/' />

Antworten

Zeal Murapa

# 12. April 2014

Warum sollte man das tun wollen, wenn man schon hat

post link[rel="next"]{

}

Das Einzige, worauf Sie achten müssen, ist, dass Sie die Seite/den Beitrag-Klasse haben...

Antworten

Johnson

Permalink zum Kommentar# 6. April 2017

Weil Sie möglicherweise bestehende Klassen haben, die Sie auf Ihre Links anwenden möchten.

LebCit

# 31. Dezember 2014

Hallo, vielen Dank!
Die Methode von Justin Klemm hat für mich bei den Links für vorherige/nächste Beiträge funktioniert.
Wenn jemand eine spezifische Klasse zu den Links für vorherige/nächste Kommentare hinzufügen möchte, hier ist der Code

add_filter('next_comments_link_attributes', 'comments_link_attributes');
add_filter('previous_comments_link_attributes', 'comments_link_attributes');

function comments_link_attributes() {
    return 'class="button success radius"';
}

Funktionierte bei mir auf WP 4.1
DANKE NOCHMAL css-tricks!

Antworten

duki

# 7. Januar 2015

Hallo Leute. Sie können sich auch die Funktion get_adjacent_post ansehen. Sie ist flexibler.
Funktioniert super!

http://codex.wordpress.org/Function_Reference/get_adjacent_post

Antworten

Andre

# 2. März 2015

Genau das, was ich brauchte, danke!

Antworten

Sean

# 7. September 2017

Für nächste Navigationspunkte auf einer Seite: http://justinklemm.com/add-class-to-wordpress-next_post_link-and-previous_post_link-links/

add_filter('next_post_link', 'post_link_attributes');
add_filter('previous_post_link', 'post_link_attributes');

function post_link_attributes($output) {
    $code = 'class="styled-button"';
    return str_replace('<a href=', '<a '.$code.' href=', $output);
}

Antworten

Kommentare

Hinterlassen Sie eine Antwort Antwort abbrechen