Hoe voeg je een aangepast menu toe aan je beheerdersbalk

Wilt u een menu toevoegen aan de admin-balk?

WordPress heeft onlangs een API geïntroduceerd die door ontwikkelaars kan worden gebruikt, voordat het slechts een functie van WordPress.com was, werd het vervolgens geadopteerd op de WordPress blog autonoom. Deze beheerdersbalk voegt een extra menubalk toe aan uw WordPress blog afhankelijk van het niveau van de ingelogde gebruiker (rol).

De laatste keer hebben we je tips gegeven over hoe je het kunt uitschakelen de beheerbalk op een WordPress-blog, zullen we u vandaag leren hoe u een aangepast menu en submenu's aan uw admin-balk kunt toevoegen.

We zullen in deze tutorial een php-code gebruiken die je in een plug-in toevoegt. We hebben het u in het volgende artikel gepresenteerd hoe u een WordPress-plug-in maakt.

Maar als je WordPress nog nooit hebt geïnstalleerd, ontdek het dan Hoe maak je een WordPress blog 7 stappen te installeren et Hoe te vinden, installeren en activeren van een WordPress theme op uw blog 

Ga dan terug naar waarom we hier zijn.

Hoe een menu op de werkbalk te maken

Het enige dat u hoeft te doen, is de volgende code toevoegen:

function my_new_admin_bar_menu() {
    global $wp_admin_bar;
    $root_menu = array(
            'parent' => false, // Parent, si false, sera situé à la racine
            'id' => 'new_custom', // id du menu, doit être unique pour la racine.
            'title' => __('Menu Personnalisé'), // Menu / sub-menu title
            'href' => admin_url( 'my-new-menu.php'), // Menu URL
            'meta' => false // table des attributs : array( 'html' => '', 'class' => '', 'onclick' => '', target => '', title => '' );
            );
    $wp_admin_bar->add_menu( $root_menu );
}
add_action( 'wp_before_admin_bar_render', 'my_new_admin_bar_menu' );

Hoe u een submenu op de werkbalk maakt

function my_new_admin_bar_menu() {
    global $wp_admin_bar;
    $root_menu = array(
            'parent' => false, // Parent, si false, sera situé à la racine
                    'id' => 'new_custom', // id du menu, doit être unique pour la racine.
                    'title' => __('Menu Personnalisé'), // Menu / sub-menu title
                    'href' => admin_url( 'my-new-menu.php'), // Menu URL
                    'meta' => false // table des attributs : array( 'html' => '', 'class' => '', 'onclick' => '', target => '', title => '' );
    $sub1 = array( 'parent' => 'new_custom', 'id' => 'new_custom1', 'title' => __('Sub1'), 'href' => admin_url( 'my-first-sub.php'), 'meta' => false );
    $sub2 = array( 'parent' => 'new_custom', 'id' => 'new_custom2', 'title' => __('Sub2'), 'href' => admin_url( 'my-second-sub.php'), 'meta' => false );
    $wp_admin_bar->add_menu( $root_menu );
    $wp_admin_bar->add_menu( $sub1 );
    $wp_admin_bar->add_menu( $sub2 );
}
add_action( 'wp_before_admin_bar_render', 'my_new_admin_bar_menu' );

Aan de hand van ons eerste voorbeeld voegen we twee submenu's toe. We gaan een bovenliggende waarde aan onze array toevoegen, zodat deze een kind is van ons hoofdmenu.

Zie ook ons ​​artikel over Permalinks: Hoe kunt u uw blog banden aan te passen

We zullen de hoofd-ID toevoegen " nieuw_aangepast »Zorg ervoor dat u in al onze submenu's ook een unieke ID gebruikt voor alle submenu's (new_custom1 en new_custom2). Zorg ervoor dat u de " $ wp_admin_bar-> add_menu ($ subX); »Op alle submenutabellen.

Hoe submenu's toevoegen aan bestaande menu's

function my_new_sub_menu() {
 global $wp_admin_bar;
 $sub_menu = array(
 'parent' => 'new-content', // Ajoute un sous menu dans new-content (Nouveau)
 'id' => 'new_custom_sub', // ID du menu unique.
 'title' => __('Custom Sub Menu'), // Titre
 'href' => admin_url( 'my-new-sub-menu.php'), // URL du menu
 'meta' => false // tableau d'options: array( 'html' => '', 'class' => '', 'onclick' => '', target => '', title => '' );
 );
 $wp_admin_bar->add_menu( $sub_menu );
}
add_action( 'wp_before_admin_bar_render', 'my_new_sub_menu' );

Zoals u kunt zien, hebben we de nieuwe inhoud gebruikt als onze bovenliggende ID, deze staat onder het menu " Voeg nieuwe Op de native lijst van het WordPress-beheerbalkmenu. Net als in dit tweede voorbeeld stellen we de bovenliggende ID in als de kinderen van het bovenliggende menu.

Lees ook onze gids over: Adverteren op WordPress: is het nog steeds winstgevend?

Hier zijn enkele beschikbare menu-ID's die u kunt gebruiken.

• apparence - Uiterlijk menu
• opmerkingen - Links met opmerkingen
• Bewerk - Menu voor het bewerken van berichten / pagina / categorie / tag
• get-shortlink - Shortlink van het paginamenu
• mijn-blogs - Mijn website-menu, als u meer dan één website heeft
• nieuwe happy - Voeg een nieuw menu toe
• updates - Update link

Ontdek ook enkele premium WordPress-plug-ins supplementaires 

U kunt andere plug-ins gebruiken om aftellingen weer te geven op uw WordPress blog. In wat volgt, bied ik u er enkele aan.

1. Binnenkort CountDown

Binnenkort Beschikbaar CountDown is een van WordPress plugins premium countdown-timers op het WordPress-platform. Het heeft 2 countdown-ontwerpen, evenals 10 soorten achtergronden om ze mooier en opvallender te maken.

En effet, Binnenkort Beschikbaar Met CountDown kunt u doorgaan met uw werk op uw website terwijl uw bezoekers zien gaf de 'Coming Soon'-pagina weer. Als u klaar bent, kunt u uw website weer online krijgen met slechts één druk op de knop.

Wij nodigen u ook uit om onze te ontdekken 10 WordPress plugins om de visie van uw website te verbeteren

Het is ook mogelijk om te beslissen welke gebruikers kunnen de website al dan niet zien, afhankelijk van hun status. Als slechts een deel van de website op de "Coming Soon" -pagina moet worden geplaatst, kunt u ook bepalen welke pagina's beschikbaar zijn voor uw bezoekers en welke niet.

Downloaden | demonstratie | web hosting

2. WooCommerce Verkoop Countdown

WooCommerce Sales Countdown is een WordPress Plugin fantastische premium ontworpen om verkoopcampagnes op uw e-commerce website te promoten. 

Het stelt een speciaal aftelgebied in met het product dat in de aanbieding is, en vertelt uw klanten hoeveel tijd er over is om dat product tegen een lage prijs te kopen. Deze plug-in geeft je ook de mogelijkheid om een ​​aftelling toe te voegen aan de komende saldoperiode.

Downloaden | demonstratie | web hosting

3. Social Share & Locker Pro

De Social Share & Locker Pro-extensie is ontworpen om uw website beter zichtbaar te maken op sociale netwerken. Met slechts een paar klikken kunt u de positie van uw sociale pictogrammen instellen of uw inhoud vergrendelen door te delen op een van de sociale netwerken die door u worden aangeboden.

U hebt vooraf gedefinieerde 10-thema's en deze zouden de meest voorkomende wensen moeten dekken. Al haar thema's zijn Retina en werken wonderen. 

Dit zijn onze 6 WordPress-plug-ins om RGPD-conformiteit van een blog te garanderen

Bovendien kunt u met Social Share & Locker Pro de volledige naam van sociale netwerken of alleen het pictogram weergeven. Het hangt af van uw ontwerp, de beschikbare ruimte of uw wensen.

Downloaden | demonstratie | web hosting

Aanbevolen bronnen

Lees meer over andere aanbevolen bronnen om u te helpen bij het bouwen en beheren van uw website.

• Hoe maak je een eenvoudige Gutenberg Block WordPress-plug-in?
• 15 WordPress plug-ins om een ​​boekingswebsite te maken
• 5 WordPress-plug-ins om uw aantal abonnees te vergroten
• 5 WordPress-plug-ins om uw blog tegen malware te beschermen
• Wat moet u weten voordat je affiliate marketing WordPress

Conclusie

Alstublieft ! Dat was het voor deze tutorial. Je kunt het ook gebruiken in je volgende WordPress Plugin, als u een beheerdersmenu voor uw instellingen wilt toevoegen. U hoeft het alleen zo te configureren dat uw plug-in werkt.

U kunt echter ook onze ressources, als u meer elementen nodig hebt om uw projecten voor het maken van internetsites uit te voeren, raadpleeg onze gids op de WordPress blog creatie.

Aarzel niet om deel dit artikel met je vrienden op je favoriete sociale netwerken. Maar vertel ons in de tussentijd over uw commentaires en suggesties in de speciale sectie.

...