Hoe een meer berichten laden knop te krijgen in WordPress - DeLaatbusiness
chatbots marketing

Hoe een meer berichten laden knop te krijgen in WordPress

5 min


114
Dummy image 6 gratis internet marketing ebooks, klik hier voor download

Wilt u een knop laden meer berichten toevoegen in WordPress? Op veel populaire platforms kunnen gebruikers meer berichten laden wanneer ze de onderkant van de pagina bereiken. In dit artikel laten we u zien hoe u gemakkelijk een knop Meer posten laden kunt toevoegen in WordPress.

voor 700+ andere wordpress artikelen: https://delaatbusiness.com/category/wordpress/

Hoe laad meer berichten knop in WordPress

Wanneer en waarom Voeg Load More Posts Button in WordPress

Door uw gebruikers betrokken te houden bij de inhoud , krijgt u meer weergaven en uiteindelijk meer abonnees.

Veel blogs gebruiken de eenvoudige link ‘Oudere berichten’ aan het einde van hun startpagina, blog en archiefpagina’s. Sommige websites gebruiken numerieke paginanavigatie die meer context toevoegt.

Er zijn echter bepaalde soorten websites die enorm kunnen profiteren van oneindige scrollen of laden van meer berichten. Enkele voorbeelden zijn: websites met foto’s , listicles en websites met virale inhoud.

In plaats van een hele nieuwe pagina te laden, werkt de knop ‘Meer berichten laden’ als een oneindige scroll. Het gebruikt JavaScript om snel de volgende set inhoud op te halen. Dit verbetert de gebruikerservaring en geeft hen een kans om meer van uw inhoud te bekijken.

Dat gezegd hebbende, laten we eens kijken naar hoe eenvoudig laden meer posts knop in uw WordPress-site toevoegen.

Knop Meer posts laden toevoegen in WordPress

Het eerste wat je hoeft te doen is de Ajax Load More plug-in installeren en activeren . Raadpleeg onze stapsgewijze handleiding voor het installeren van een WordPress-plug-in voor meer informatie .

Na activering voegt de plug-in een nieuw menu-item met de naam ‘Ajax Load More’ toe aan uw WordPress-beheerdersmenu. U moet erop klikken en naar de instellingenpagina van de plug-in gaan.

Ajax Meer laden instellingen

Op de instellingenpagina kun je de kleur van je knop kiezen. Je kunt de knop ook vervangen door een oneindige scroll die de volgende reeks berichten automatisch laadt zonder dat gebruikers op de knop hoeven te klikken.

Vervolgens moet je de pagina Ajax Load More »Repeater Template bezoekenom je sjabloon toe te voegen voor het weergeven van berichten.

De plug-in wordt geleverd met een basissjabloon die de WordPress-lus bevatom berichten weer te geven. Het komt echter niet overeen met uw thema en kan op uw website misplaatst lijken.

Om dit op te lossen, moet u de code kopiëren die uw thema gebruikt om berichten weer te geven op index-, archief- en blogpagina’s.

Normaal gesproken bevindt deze code zich in de map met sjabloononderdelen van uw thema. In die map ziet u sjablonen om verschillende inhoud weer te geven. Bijvoorbeeld content-page.php, content-search.php en meer.

U gaat op zoek naar de generieke content.php-sjabloon. Hier is een voorbeeld uit het content.php bestand van ons demothema:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<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
            /* translators: %s: Name of current post */
            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><!-- .entry-content -->
    <?php
        // Author 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><!-- .entry-footer -->
</article><!-- #post-## -->

Zodra u die code hebt gevonden, moet u deze in het veld Repeater-sjablonen plakken in de plugin-instellingen.

Vergeet niet op de knop ‘Sjabloon opslaan’ te klikken om uw instellingen op te slaan.

Vervolgens moet u de pagina Ajax Load More »Shortcode Builder bezoekenom de shortcode te genereren .

Deze pagina bevat veel verschillende opties die u kunt aanpassen. Eerst moet u het containertype selecteren. Als je het niet zeker weet, kijk dan eens naar de template die je eerder hebt gekopieerd. De meeste moderne thema’s gebruiken de <div>; element.

Hierna scrol je naar het gedeelte met knoplabels. Hier kunt u de tekst wijzigen die op de knop verschijnt. Standaard gebruikt plug-in ‘oudere berichten’ en je kunt dit wijzigen in ‘Meer berichten laden’ of alles wat je wilt.

Knop label

Ten slotte moet u kiezen of berichten automatisch moeten worden geladen of wachten tot gebruikers klikken op de knop Meer berichten laden.

Schakel scroll uit

Uw shortcode is nu klaar om te worden gebruikt. In de rechterkolom ziet u de uitvoer van de shortcode. Ga je gang en kopieer de shortcode en plak deze in een teksteditor zoals je hem in de volgende stap nodig hebt.

Korte code uitvoer

Meerdere berichten laden in uw WordPress-thema

Dit deel van de tutorial vereist dat je code toevoegt aan je WordPress themabestanden. Als je dit nog niet eerder hebt gedaan, bekijk dan onze handleiding over het kopiëren en plakken van code in WordPress .

Vergeet niet om een back-up te maken van uw WordPress-thema voordat u wijzigingen aanbrengt.

U moet de sjabloonbestanden vinden waar u de knop Meer berichten laden in uw thema wilt toevoegen. Afhankelijk van hoe je thema is georganiseerd, zijn deze bestanden meestal index.php, archives.php, categories.php, etc.

Je moet de shortcode die je eerder hebt gekopieerd direct na de endwhile;tag aan je thema toevoegen .

Aangezien we de shortcode in een themabestand toevoegen, moeten we deze toevoegen aan de do_shortcode-functie, zoals deze:

1
echo do_shortcode('[ajax_load_more container_type="div" post_type="post"]');           

U kunt nu uw wijzigingen opslaan en uw website bezoeken om de knop ‘Meer berichten laden’ in actie te zien.

Klik om de voorbeeldweergave van meer posts te laden

We hopen dat dit artikel je heeft geholpen bij het leren laden van meer posts in WordPress.


Erwin@delaatbusiness.com
Dag, Hulp nodig met internet marketing of websites maken? neem dan contact op

0 Comments

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *