Hoe recente berichten te tonen als een drop-down in WordPress

Hoe recente berichten te tonen als een drop-down in WordPress / Thema's

U bent waarschijnlijk bekend met de Category-widget in WordPress. Onlangs vroeg een van onze lezers ons of het ook mogelijk was om recente berichten in een drop-down weer te geven. In dit artikel laten we u zien hoe recente berichten kunnen worden weergegeven als een vervolgkeuzelijst in WordPress.

Waarom en wie heeft recente berichten nodig in Drop Down?

WordPress wordt geleverd met een ingebouwde widget voor recente berichten die u kunt toevoegen aan elk gereed gebied van een zijbalk of widget.

Deze widget geeft eenvoudig een lijst met recente berichten weer en u kunt het aantal berichten kiezen dat u wilt weergeven. Maar als u meer dan 5-10 berichten wilt weergeven, dan zal de lijst veel ruimte in uw zijbalk innemen.

Sommige WordPress-gebruikers hebben mogelijk een compacte manier nodig om recente berichten weer te geven. In dat geval kunt u met behulp van vervolgkeuzelijsten of samenvouwbare lijsten ruimte besparen.

Laten we een paar verschillende manieren bekijken om recente berichten te laten zien als vervolgkeuzemenu in WordPress.

Toont WordPress Recente berichten in een gewoon vervolgkeuzemenu (Manual Code)

Deze methode maakt gebruik van de ingebouwde wp_get_recent_posts functie. Het enige wat u hoeft te doen is de volgende code kopiëren en plakken in het functie.php-bestand van uw thema of een sitespecifieke plug-in.

 function wpb_recentposts_dropdown () $ string. = 'Selecteer een bericht'; $ args = array ('numberposts' => '5', 'post_status' => 'publiceren'); $ recent_posts = wp_get_recent_posts ($ args); foreach ($ recent_posts als $ recent) $ string. = ''. $ Recente [ "POST_TITLE"].' ';  $ string. = 'var urlmenu = document.getElementById ("rpdropdown"); urlmenu.onchange = function () window.open (this.options [this.selectedIndex] .value, "_self"); ; '; return $ string;  add_shortcode ('rp_dropdown', 'wpb_recentposts_dropdown'); add_filter (widget_text ',' do_shortcode); 

Nu kunt u de shortcode gebruiken [Rp_dropdown] in uw WordPress-berichten, pagina's en tekstwidgets. Het ziet er als volgt uit:

Het toevoegen van samenvouwbare recente berichten met behulp van Plugin

De bovenstaande methode vermeldt eenvoudig uw recente berichten in een vervolgkeuzelijst. Een andere manier om ruimte te besparen, is door een samenvouwbare lijst met recente berichten toe te voegen die wordt uitgevouwen wanneer gebruikers erop klikken.

Allereerst moet u de Collapse-O-Matic-plug-in installeren en activeren. Het werkt uit de doos en er zijn geen instellingen die u kunt configureren.

Met de plug-in kunt u eenvoudig alles in een samenvouwbaar menu weergeven met behulp van een shortcode.

Voordat we deze plug-in gebruiken, hebben we een manier nodig om recente posts eenvoudig overal te kunnen weergeven. Voeg deze code toe aan het functions.php-bestand van uw thema of een sitespecifieke plug-in.

 function wpb_recentposts () $ string. = '
    '; $ args = array ('numberposts' => '5', 'post_status' => 'publiceren'); $ recent_posts = wp_get_recent_posts ($ args); foreach ($ recent_posts als $ recent) $ string. = '
  • '. $ Recente [ "POST_TITLE"].'
  • '; $ string. = '
'; return $ string; add_shortcode ('latestposts', 'wpb_recentposts'); add_filter (widget_text ',' do_shortcode);

Met deze code kunt u eenvoudig een lijst met recente berichten weergeven met behulp van de shortcode [recente berichten].

Nu zullen we onze shortcode toevoegen in de Collapse-O-Matic shortcode om een ​​samenvouwbare lijst met recente berichten te maken.

Voeg eenvoudig de shortcode toe als deze:

[Vergroten] [recentposts] [/ vergroten]

U kunt deze shortcode toevoegen aan een tekstwidget, berichten of pagina's op uw WordPress-site. Dit is hoe het eruit zag op onze testsite.

Dat is alles, we hopen dat dit artikel u heeft geholpen recente berichten te laten zien als dropdown in WordPress. Misschien wilt u ook deze 6 tips zien om een ​​geweldige editoragekalender in WordPress te maken.

Als je dit artikel leuk vond, meld je dan aan voor onze YouTube-video-tutorials over WordPress. U kunt ons ook vinden op Twitter en Facebook.