Widgets toevoegen aan WordPress-pagina ‘ s & posten (2021)

er zijn een paar basisfuncties die u wilt leren over als u begint met het ontwerpen van uw eerste WordPress site. Je moet bijvoorbeeld leren hoe je standaard inhoudstypen zoals pagina ‘ s en berichten kunt gebruiken. Bovendien moet u bekend zijn met de ins en outs van WordPress widgets.

Widgets zijn kleine componenten die u kunt gebruiken om zijbalken voor uw website te maken. Ze maken het eenvoudig om tekst, links en andere soorten informatie toe te voegen aan specifieke gebieden. Voor veel sites zijn de standaard WordPress widgets voldoende, maar je kunt ook extra opties downloaden als je wilt.

we behandelen alles wat u moet weten over widgets in dit artikel. Dit omvat informatie over wat ze zijn, hoe je een widget toevoegen aan WordPress, en de beschikbare opties. We zullen u ook laten zien hoe u een paar plugins gebruiken om nog meer widgets toe te voegen aan uw site. Laten we eens kijken, zullen we?

Wat zijn WordPress-Widgets?

WordPress is bedoeld als een gebruiksvriendelijk platform voor beginners. WordPress maakt het eenvoudig om uw site aan te passen aan uw behoeften, zelfs als u beperkte technische vaardigheden en geen ervaring met coderen.

Widgets zijn een van de tools die WordPress biedt om dit te bereiken. Een WordPress widget is een flexibele component waarmee u een specifieke functie toe te voegen aan uw website. Widgets zijn een integraal onderdeel van WordPress ‘ s ontwerp en lay-out aanpassingen, en ze kunnen worden toegevoegd aan verschillende gebieden van een website, zoals sidebars en footer gebieden.

Widgets geven u de flexibiliteit om inhoud te identificeren die u op elke pagina van uw site wilt weergeven en ervoor te zorgen dat niemand deze mist, waardoor uw site meer is dan alleen een blog.

verschil tussen Widget en Plugin

Widgets en plugins lijken soortgelijke taken uit te voeren op het oppervlak. Zij hebben echter verschillende verantwoordelijkheden.

een WordPress plugin, bijvoorbeeld, voegt meestal ‘globale’ functionaliteit toe aan uw website die standaard niet beschikbaar is.

een widget, aan de andere kant, kunt u extra inhoud in verschillende delen van uw website (zoals de header, zijbalk, en voetteksten). Ze kunnen functies toevoegen, maar ze zijn meestal kleiner, meer gerichte toevoegingen die kunnen worden gesleept en laten vallen op zijn plaats.

welke Widgets zijn beschikbaar op WordPress?

het bekijken van enkele voorbeelden van WordPress widgets is de beste manier om de mogelijkheden die ze bieden te begrijpen. Laten we eens kijken naar elf verschillende soorten widgets die je ziet op WordPress sites.

kaartwidget

als uw bedrijf een fysieke locatie heeft en u wilt dat mensen u snel kunnen vinden, kan een kaartwidget op uw website helpen.

Navigatiewidget

Widgets kunnen ook worden gebruikt om bezoekers aan te moedigen zich door uw site te bewegen. De Navigatie Menu widget kunt u een aangepaste navigatie menu te maken in aanvulling op de belangrijkste navigatie menu van uw site, die u vervolgens kunt toevoegen aan een widget gebied.

recente Commentaarweergave

de widget recente commentaren toont de meest recente commentaren op uw site, zodat bezoekers direct naar hen kunnen springen en deelnemen aan het gesprek.

Recent bericht

de widget voor recente berichten is een van de meest populaire widgets in blogs.

Hiermee kunt u een lijst van uw meest recente berichten weergeven in de zijbalk of voettekst van elke pagina op uw site, waardoor de kans groter wordt dat bezoekers door de site bladeren en meerdere berichten lezen.

Social Media Widget

uw social media-feed toevoegen aan de zijbalk of voettekst van uw website zal bezoekers laten zien dat u actief bent op social media en hen aanmoedigen om u leuk te vinden of te volgen.

Search Displays

de zoekwidget, die vooraf is geladen met WordPress, is een zeer eenvoudige maar uiterst nuttige widget. Door dit op te nemen in uw zijbalk of header, maakt u het makkelijker voor bezoekers om informatie te vinden op uw website.

aanroep-tot-actie-Widget

u kunt een aanroep-tot-actie-widget gebruiken om mensen aan te moedigen actie te ondernemen, wat een geweldig gebruik van een widget is. Uw widget kan een eenvoudige knop, of je zou een tekst widget, HTML widget, of zelfs een afbeelding widget, die allemaal komen vooraf geïnstalleerd met WordPress om iets uniekers te maken.

Media-Widget

media in uw zijbalk of voettekst opnemen zal uw site opvrolijken en bezoekers iets geven om naar te kijken of om mee te communiceren. De ingebouwde afbeelding widget kunt u een afbeelding weer te geven in uw zijbalk of voettekst, en het stelt u ook in staat om die afbeelding te zetten in een link.

als alternatief kunt u met de video-widget video ‘ s van YouTube of Vimeo rechtstreeks streamen naar het widgetgebied van uw site. Dit is vooral handig als uw site widget gebieden voor de startpagina heeft, maar het kan ook nuttig zijn in de voettekst om de aandacht van mensen te trekken wanneer ze het einde van een post bereiken.

winkelwagen Widget

Als u een plugin zoals WooCommerce gebruikt om een e-commerce winkel op uw site uit te voeren, is het een goed idee om een winkelwagen widget op te nemen, zodat gebruikers gemakkelijk naar hun winkelwagen kunnen navigeren, ongeacht waar ze zich in de winkel bevinden.

als uw thema een widget-gebied in de header bevat, kunt u dit in de zijbalk plaatsen waar het gemakkelijk te zien is, of in de header voor extra zichtbaarheid.

Login-Widget

een login-widget maakt het gemakkelijk voor mensen om in te loggen op uw site zonder naar een aparte login-pagina te hoeven gaan als u een lidmaatschapssite draait.

Form Widget

u kunt een formulier in uw zijbalk opnemen als u wilt dat mensen contact met u opnemen, vragen stellen of zich abonneren op een mailinglijst. Een login link is opgenomen in de meta widget die wordt geleverd met WordPress.

waarom Widgets toevoegen aan WordPress-pagina ‘ s en berichten?

Widgets zijn fantastisch, en veel plugins zullen aangepaste widgets bevatten waarmee u dingen kunt doen die u normaal niet zou kunnen doen. De meerderheid van deze extra functies kunnen alleen worden toegevoegd aan de zijbalk of voettekst van een pagina. Omdat thema ‘ s alleen kunt u widgets te plaatsen in specifieke gebieden. Er zijn verschillende andere mogelijkheden die een widget zou kunnen brengen naar pagina ‘ s van uw website die u misschien niet bewust van.

• in een zijbalk kunt u extra menu ‘ s toevoegen om uw gebruikers te helpen door die pagina of de hele site te navigeren.
• als u uw gebruikerservaring en advertentie-inkomsten op uw WordPress site wilt balanceren, zult u merken dat het toevoegen van een widget aan uw zijbalk en voettekst specifiek voor dit doel essentieel is.
• nieuwe blogberichten, groenblijvende inhoud en aanbiedingen met beperkte tijd zijn voorbeelden van aanvullende inhoud die mogelijk hun eigen pagina ‘ s op uw site heeft, maar die kunnen profiteren van wat extra promotie voor uw lezers. Het toevoegen van deze inhoudstypen als widgets in een zijbalk is een slimme manier om ze naar de voorgrond zonder dat ze lijken rommelig.

Hoe Widgets toevoegen aan WordPress pagina en Post?

het is tijd om de widgets die u nodig hebt voor uw WordPress site te installeren zodra u hebt besloten wat voor soort widgets u nodig hebt.

ga niet overboord met de toevoegingen. Gebruikers hebben minder kans om ze op te merken als er veel van hen. In plaats daarvan, concentreren op twee of drie belangrijke zijbalk widgets. U kunt meer in de voettekst, waar ze minder merkbaar.

ook, als uw thema extra widget gebieden heeft, beslissen welke widgets te plaatsen in hen. Zorg ervoor dat ze gaan met de lay-out en het ontwerp van uw site.

• om een widget aan uw site toe te voegen, logt u eerst in op uw dashboard en gaat u vervolgens naar Weergavewidgets: voeg een Widget toe.

• u vindt hier een lijst van de standaard WordPress widgets, samen met een titel en een korte beschrijving voor elk. Een of meer aangewezen widget gebieden kunnen worden gevonden aan de rechterkant, met headers (zoals zijbalk of voettekst) met vermelding van hun locatie. Sommige widgets kunnen al aanwezig zijn in deze gebieden, afhankelijk van uw thema. Klik en sleep een nieuwe widget in een widget gebied.

• als u widgets van uw site wilt verwijderen, doet u het tegenovergestelde. U kunt ook afzonderlijke widgets opnieuw rangschikken door ze omhoog of omlaag te slepen. Daarmee is onze discussie beëindigd. U moet de volgende nieuwe functie merken als u naar de front-end van uw site:

hoe Widget toevoegen aan WordPress pagina en berichten met behulp van Plugins?

hoewel u widgets kunt toevoegen aan uw website met behulp van native WordPress-functies, voorkomen de standaardinstellingen dat u deze widgets op specifieke berichten of pagina ‘ s weergeeft (of uitschakelt), of u ze nu daar wilt of niet.

Plugins kunnen worden gebruikt om dit probleem op te lossen. Met deze aangepaste add-ons kunt u bepalen waar en hoe widgets verschijnen.

AMR Shortcode elke Widget

Amr Afkorting met behulp van een shortcode, elke Widget kunt u eenvoudig invoegen een widget, Meerdere widgets, of een hele widget gebied (zijbalk) in een pagina. Deze plugin is zeer eenvoudig te gebruiken.

het Converteert een widget naar een shortcode-indeling. In tegenstelling tot widgets, shortcodes zal werken, ongeacht waar ze zijn geplaatst. De procedure is zeer snel, duurt slechts een paar minuten op zijn hoogst.

omdat u eenvoudig een shortcode blok toevoegt voordat u de shortcode aan de pagina toevoegt, is de plugin compatibel met de Gutenberg block editor.

over het algemeen maakt deze plugin het toevoegen van post en pagina widgets aan elke WordPress inhoud een fluitje van een cent. Laten we dit ding aan de praat krijgen.

Pros

• een shortcode kan worden gebruikt om een of meer widgets en volledige widgetgebieden in een pagina in te voegen.
• het werkt even goed in zowel de classic als Gutenberg editors.
• de widget zal worden opgemaakt door de plugin in overeenstemming met de stijl van uw thema.

Cons

• u moet de shortcodes onthouden voor elk widget dat u in uw berichten wilt gebruiken (of ga terug naar de widgetpagina om een herinnering te krijgen).

prijs

• vrij

stappen om Widget toe te voegen

• Navigeer naar de pagina of post waar u het widget wilt laten verschijnen.
• plak de shortcode in de visuele Editor.
• het moet er zo uitzien op de pagina of post nadat u deze stappen hebt voltooid:

Amr-Shortcode ophalen elk Widget

inhoudsblok (aangepast Berichtwidget)

met de functie inhoudsblokken kunt u een shortcode gebruiken om de inhoud van een specifiek aangepast bericht in een widget of in het inhoudsgebied weer te geven.

als u standaard WordPress-tekstwidgets gebruikt om inhoud in verschillende delen van uw sjabloon weer te geven, kunnen alleen gebruikers met beheerderstoegang deze bewerken. Als u wilt dat niet-administrator accounts in staat zijn om de widget inhoud te wijzigen, kunt u deze plugin gebruiken om hen toegang te verlenen tot de aangepaste berichten die de widget inhoud bevatten.

deze plugin maakt een aangepast berichttype genaamd ‘ content block.’U kunt de titel gebruiken om de inhoud en widget positie van de inhoud blok te beschrijven of weer te geven op de pagina. Het is vermeldenswaard dat deze inhoud blokken kunnen alleen worden bekeken binnen de context van de pagina.

Pros

• u kunt ze zelfs in een widget plaatsen met behulp van de afbeeldingsfunctie.
• de WPML Multi-Language plugin is compatibel met de Content Blocks plugin, en de juiste taal wordt automatisch weergegeven in het widget gebied.
• met behulp van de ingebouwde shortcode-functionaliteit kunnen de Contentblokken worden opgenomen in berichten en pagina ‘ s.

Cons

• niet vaak bijgewerkt

prijs

• gratis

stappen om Widget toe te voegen

• Navigeer naar Uiterlijk en klik op widgets

• klik en sleep de titel van het inhoudsblok naar de gewenste locatie onder beschikbare Widgets. In dit geval gebruiken we Sidebar B voor de rechterkant van de website. Zie het artikel Pagina-indeling voor meer informatie over locaties van inhoudsblokken.

• Selecteer de titel van uw contentblocker op de gewenste Widgetlocatie
• kies de gewenste weergaveopties. U kunt ervoor kiezen om de titel van het inhoudsblok of de aanbevolen afbeelding weer te geven. U kunt ook de aanbevolen Afbeelding De achtergrondafbeelding, evenals verplaatsen naar rechts of links.

• onder widget Context, moet u de pagina ’s selecteren of typ de URL voor de pagina’ s waarvan u wilt dat de inhoud blok weer te geven op (of niet te tonen op).
• onder Widgetcontext moet u de pagina ’s selecteren of de URL typen voor de pagina’ s waarop het Contentblok moet worden weergegeven (of niet).

• klik vervolgens op Opslaan

Contentblokken ophalen (aangepast bericht-Widget)

SiteOrigin-Widgetbundel

het installeren van een plugin biedt u meestal slechts een enkele widget die een enkele taak uitvoert. Echter, de SiteOrigin widgets bundel bevat een verscheidenheid aan nuttige widgets zoals een Google Maps widget, slider widgets, knop widgets, call-to-action widgets, en meer. Elke blog moet deze plugin geïnstalleerd.

de bundel SiteOrigin Widgets is zoveel meer dan een set widgets. Het is een basis waarop je widgets kunt bouwen in een fractie van de tijd. Het heeft geavanceerde vorm gebouw, data handling, en templating mogelijkheden. De widgets bundel ‘ s core zorgt voor alles, zodat u zich kunt concentreren op het maken van mooie widgets.

zelfs als u uw eigen aangepaste widgets niet wilt maken, is de widgets-bundel eenvoudig uit te breiden op andere manieren. Voor al onze bestaande widgets kunt u aangepaste sjablonen, stijlen en formuliervelden maken. Het creëren van een aangepaste stijl voor de knop widget die overeenkomt met de look en feel van uw thema is een voorbeeld use case.

Pros

• onder de goed uitgeruste WordPress-pagina-bouwers is SiteOrigin verreweg de oudste. Met de leeftijd komt een volledig gebouwde plugin die in de loop van de tijd is geëvolueerd om alle basisfuncties die nodig zijn om een functionele website te creëren omvatten.
• eenvoudige afbeeldingswidget met enorme kracht.
• een raster van afbeeldingen weergeven. Ook handig voor het weergeven van client logo ‘ s.

Cons

• het is niet altijd zo dat vrij de beste optie is. SiteOrigin heeft een zeer eenvoudige gebruikersinterface met saaie kleuren. In plaats van aangepaste pictogrammen voor de bouwer, sommige van de widgets gebruik maken van WordPress pictogrammen. De functionaliteit krijgt veel aandacht, in plaats van het balanceren met de gebruikersinterface.
• normaal gesproken wordt de SiteOrigin-plugin gedownload zonder de widgetbundel. U moet eerst de widgetbundel downloaden en installeren voordat u deze gebruikt om webpagina ‘ s te maken of te bewerken.

prijs

• gratis

stappen om Widget

• toe te voegen installeer de bundel SiteOrigin Widgets van Plugins Voeg nieuw toe, zoek dan naar de bundel SiteOrigin Widgets met behulp van het zoekformulier in de rechterbovenhoek van de pagina. Installeer en activeer de software.

• Ga naar PluginsSiteOrigin Widgets om de widgets Bundle dashboard te vinden zodra deze is geactiveerd. U kunt alle widgets, alleen ingeschakeld widgets, of uitgeschakeld widgets alleen met behulp van de tabbladen aan de bovenkant van de pagina. Zoek de widget die u wilt inschakelen en klik op de knop Activeren.

Ontvang SiteOrigin Widget Bundel

Inpakken!

WordPress-ontwikkelaars hebben op verschillende manieren met hen geëxperimenteerd.

u kunt dit gebruiken als eigenaar van een WordPress site om bijna alles wat u maar kunt bedenken toe te voegen aan uw WordPress site.

Als u vertrouwd bent met code, wilt u misschien leren hoe u uw eigen aangepaste WordPress widget te maken.

door extra inhoud in uw blogberichten en webpagina ‘ s op te nemen, kunt u bezoekers aanmoedigen om contact met uw site op te nemen. Terwijl WordPress ‘ s standaardinstellingen misschien niet alle functies die u nodig heeft, de extra plugins op deze lijst kan u helpen bij het maken van de WordPress site die u wenst.

u kunt ook tijd besparen door standaard WordPress-widgets te gebruiken om inhoud toe te voegen aan meerdere berichten die vanaf één locatie kunnen worden bijgewerkt, zoals de Menu builder of de widget koppelingen bij het toevoegen van koppelingen naar pagina ‘ s.

dat is alles wat er is; we hopen dat dit artikel heeft u geleerd hoe u widgets toe te voegen en te gebruiken in WordPress! Tot de volgende keer, ja?