W artykule:
Czy chcesz dodać przycisk Załaduj więcej postów w WordPress? Wiele popularnych platform pozwala użytkownikom ładować więcej postów, gdy dotrą do dołu strony. W tym artykule pokażemy, jak łatwo dodać przycisk Załaduj więcej postów w WordPress.
Kiedy i dlaczego Dodaj przycisk Załaduj więcej postów w WordPress
Utrzymywanie zaangażowania użytkowników w treści pomaga uzyskać więcej wyświetleń, a ostatecznie więcej subskrybentów.
Wiele blogów korzysta z prostego linku nawigacyjnego „Starsze Posty” na końcu stron domowych, blogów i archiwów. Niektóre strony internetowe korzystają z numerycznej nawigacji strony, która dodaje więcej kontekstu.
Istnieją jednak pewne rodzaje stron internetowych,które mogą czerpać ogromne korzyści z nieskończonego przewijania lub załadowania więcej postów. Niektóre przykłady obejmują: strony fotograficzne, listy i witryny z treściami wirusowymi.
Zamiast ładować całą nową stronę, przycisk „Załaduj więcej postów” działa jak nieskończone przewijanie. Używa JavaScript, aby szybko pobrać następny zestaw treści. Poprawia to komfort użytkownika i daje mu możliwość wyświetlania większej ilości treści.
Mając to na uwadze, przyjrzyjmy się, jak łatwo dodać przycisk Załaduj więcej postów w swojej witrynie WordPress.
Dodawanie przycisku Załaduj więcej postów w WordPress
Pierwszą rzeczą, którą musisz zrobić, to zainstalować i aktywować wtyczkę Ajax Load More. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.
Po aktywacji wtyczka doda nowy element menu o nazwie „Ajax Load More” do menu administratora WordPress. Musisz go kliknąć i przejść do strony ustawień wtyczki.
Na stronie ustawień możesz wybrać kolor przycisku. Możesz również zastąpić przycisk nieskończonym przewijaniem, które automatycznie ładuje następną partię postów bez klikania przycisku przez użytkowników.
Następnie musisz odwiedzić Ajax Load Więcej ” Repeater Template strona do dodania szablonu do wyświetlania postów.
Wtyczka zawiera podstawowy szablon zawierający pętlę WordPress do wyświetlania postów. Jednak nie pasuje do Twojego motywu i może wyglądać nie na miejscu w Twojej witrynie.
Aby to naprawić, musisz skopiować kod, którego motyw używa do wyświetlania postów na stronach indeksu, archiwum i bloga.
Zwykle kod ten znajduje się w folderze template-parts Twojego motywu. W tym folderze zobaczysz szablony do wyświetlania różnych treści. Na przykład content-page.php, content-search.php i nie tylko.
Będziesz szukał treści ogólnej.szablon php. Oto przykład z zawartości naszego motywu demo.plik php:
< article id = " post -<?php the_ID ();?>" <?php post_class ();?>>
<?php
// Post thumbnail.
twentyfifteen_post_thumbnail();
?>
<header class = "entry-header">
<?php
if ( is_single() ) :
the_title ('<h1 class = "entry-title">',' </h1>');
else :
the_title (sprintf ('<h2 class = "entry-title" > <a href = "%s "rel= "bookmark">', esc_url( get_permalink ())), '< / a > < / H2>');
endif;
?>
< / header><!-- .entry-header -->
< div class = "entry-content">
<?php
/ * Tłumacze: %s: nazwa bieżącego postu */
the_content (sprintf(
__( 'Continue reading %s',' twentyfifteen'),
the_title ('<span class = "screen-reader-text">', ' < / span>', false )
) );
wp_link_pages (array(
'before' = > '< div class = "page-links" > <span class = "page-links-title">'. __( 'Pages:', 'twentyfifteen'). '</span>',
'after' = > ' < / div>',
'link_before' = > ' <span>',
'link_after' = >'</span>',
'pagelink' = > '<span class = "screen-reader-text">'. __( 'Page', 'twentyfifteen'). ' </span>%',
'separator' = > '<span class = "screen-reader-text">, < / span>',
) );
?>
< / div><!-- .wpis-treść -->
<?php
// Autor bio.
if ( is_single() && get_the_author_meta( 'description' ) ) :
get_template_part ('author-bio' );
endif;
?>
< footer class = "entry-footer">
<?php twentyfifteen_entry_meta ();?>
<?php edit_post_link( __( 'Edit', 'twentyfifteen'), '<span class = "edit-link">', ' < / span>');?>
< / footer><!-- .wpis-stopka -->
< / article><!-- #post - # # -->
Po znalezieniu tego kodu musisz wkleić go w pole Repeater Templates w ustawieniach wtyczki.
Nie zapomnij kliknąć przycisku „Zapisz szablon”, aby zapisać swoje ustawienia.
Następnie musisz odwiedzić Ajax Load Więcej ” Shortcode Builder strona do wygenerowania krótkiego kodu.
Ta strona zawiera wiele różnych opcji, które można dostosować. Najpierw musisz wybrać typ kontenera. Jeśli nie jesteś pewien, po prostu spójrz na szablon, który skopiowałeś wcześniej. Większość współczesnych motywów wykorzystuje <div>; element.
Następnie przewiń w dół do sekcji etykiety przycisków. Tutaj możesz zmienić tekst wyświetlany na przycisku. Domyślnie wtyczka używa „starszych postów” i możesz to zmienić na „Załaduj więcej postów” lub cokolwiek chcesz.
Na koniec musisz wybrać, czy chcesz, aby posty ładowały się automatycznie, czy czekać, aż użytkownicy klikną przycisk Załaduj więcej postów.
Twój shortcode jest teraz gotowy do użycia. W prawej kolumnie zobaczysz wyjście shortcode. Śmiało i skopiuj shortcode i wklej go w edytorze tekstu, jak będzie to potrzebne w następnym kroku.
Dodawanie Załaduj więcej postów w swoim motywie WordPress
Ta część samouczka wymaga dodania kodu do plików motywów WordPress. Jeśli nie robiłeś tego wcześniej, zapoznaj się z naszym przewodnikiem, jak skopiować i wkleić kod w WordPress.
Nie zapomnij wykonać kopii zapasowej motywu WordPress przed dokonaniem jakichkolwiek zmian.
Musisz znaleźć pliki szablonów, w których chcesz dodać przycisk Załaduj więcej postów w swoim motywie. W zależności od tego, jak zorganizowany jest motyw, zwykle te pliki są indeksowane.php, archiwa.php, kategorie.php itp.
Będziesz musiał dodać shortcode skopiowany wcześniej do motywu zaraz po endwhile; tag.
Ponieważ dodajemy shortcode w pliku motywu, będziemy musieli dodać go wewnątrz funkcji do_shortcode, w ten sposób:
echo do_shortcode('[ajax_load_more container_type="div" post_type="post"]');
Możesz teraz zapisać zmiany i odwiedzić swoją witrynę, aby zobaczyć przycisk „Załaduj więcej postów” w akcji.
Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak dodać przycisk Załaduj więcej postów w WordPress. Możesz również zobaczyć naszą mega listę najbardziej przydatnych wskazówek, sztuczek i hacków WordPress dla początkujących.
Jeśli podoba Ci się ten artykuł, zasubskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Znajdziesz nas również na Twitterze i Facebooku.
