Door naar hoofdmenu

Hoe het ontwerp van uw WordPress items met deze gratis shortcodes verbeteren

Divi: het gemakkelijkste te gebruiken WordPress-thema

Divi: Het beste WordPress-thema aller tijden!

Meer 600.000-downloads, Divi is het populairste WordPress-thema ter wereld. Het is compleet, gemakkelijk te gebruiken en wordt geleverd met meer dan 62-vrije sjablonen. [Aanbevolen]

De explosie van plug-ins die goed ontworpen shortcodes genereerden, kwam laat. Deze plug-ins laten uw berichten of pagina's gemakkelijk zien door zaken als kolommen, tabbladen, prijstabellen, speciale kopteksten en nog veel meer er zeer professioneel uit te laten zien.

Vanwege de late verbetering van deze plug-ins zijn andere plug-ins die niet zijn geëvolueerd, verwaarloosd. En zelfs als ze functies van de "bootstrap" -bibliotheek hebben toegevoegd (zoals voor sommige hieronder), ze verbeterden niet op andere gebieden.

In deze tutorial gaan we, in plaats van een aantal plug-ins op te nemen die het niet echt goed deden, ons beperken tot degenen die dat wel deden.

Maar voordat u begint, neem de tijd om een ​​kijkje te nemen Hoe maak je een WordPress thema te installeren, Hoeveel plugins moet ik installeren op WordPress.

Laten we dan aan het werk gaan!

1. Gemakkelijke Boostrap Shortcodes

de plugin Gemakkelijke Bootstrap Shortcodes is erg goed voor basiselementen zoals kolommen, knoppen, gekleurde vakken, voortgangsbalken, om verschillende effecten aan afbeeldingen te geven, enz ...

-Easy-bootstrap gekenmerkt

Een van de beste dingen van deze plug-in is dat hij deze heeft tonnen iconen die je overal kunt plaatsen - op knoppen, vakken, in kopteksten, enz ... u kunt eenvoudig de grootte en kleur van de pictogrammen wijzigen om precies de gewenste look te krijgen. Deze plug-in heeft idealiter de knoppen van de shortcodes op de visuele editor als een derde rij.

easy-bootstrap-visual-editor

Wanneer een van deze knoppen is geactiveerd, krijgt u een pop-up met veel opties (afhankelijk van de knop, natuurlijk). Wanneer de volgorde geschikt is, is er vaak een grote selectie aantrekkelijke pictogrammen. En u kunt zelfs de kleur van deze pictogrammen wijzigen.

Hier is een gedeeltelijk voorbeeld van de pop-up bij het invoegen van een knop.

Lees ook: Hoe kan ik knoppen om WordPress toe te voegen zonder het gebruik van shortcodes

easy-bootstrap-popup

Er zijn allerlei shortcodes die u kunt invoegen. En je kunt ze natuurlijk ook combineren.

Hier is een snel voorbeeld van enkele shortcodes gecombineerd: een vak (blauwe achtergrond), een pictogram voor de titel (kleur en grootte die ik wilde), vervolgens een knop met een ander pictogram (zo kleurrijk als ik wilde).

easy-bootstrap-box

Hier is een lijst met verschillende shortcodes:

  • Accordeon
  • Progress Bars met labels
  • Tabs
  • pictogrammen
  • Lijst
  • labels
  • Kennisgeving
  • Knoppen
  • popover
  • IconHeading
  • Tooltip
  • Tafels
  • Paneel
  • Responsieve afbeelding
  • Beeld effecten
  • Knopgroep Werkbalk
  • Goed
  • Beschrijving Lijst
  • ButtonDropdown
  • Box Service
  • Button Group
  • Responsieve schuifregelaar

Hier is een video van de shortcodes in actie die door de auteur van de plug-in hier zijn verstrekt.

Downloaden | demonstratie | web hosting

2. Ultieme shortcode

de plugin Ultieme Shortcode heeft een zeer indrukwekkend scala aan shortcodes om te gebruiken, evenals een indrukwekkend aantal pictogrammen om aan verschillende elementen toe te voegen. Daarnaast is er de mogelijkheid om shortcodes of pictogrammen te bedienen (verander grootte, kleur, positie, etc.) is ook indrukwekkend.

shortcode-ultimate-featured

Kortom, het was de meest indrukwekkende shortcode-plug-in die ik heb gezien. U begint door te klikken op de knop op de visuele editor.

shortcode-ultimate-knop

U krijgt dan een lijst met mogelijke kortcodes in de pop-up.

Korte-ultimate-selecties

Zoals u waarschijnlijk zult merken, zijn er niet alleen meerdere (51 om precies te zijn), u kunt ook filteren op type vanaf de bovenkant van de pagina of zelfs zoeken naar wat u maar wilt.

Creëer eenvoudig uw website met Elementor

Met Elementor kunt u eenvoudig elk website-ontwerp maken met een professionele uitstraling. Stop met betalen duur voor wat je zelf kunt doen. [Gratis]

Zie ook: Hoe maak je een visuele stijl toe te voegen aan de WordPress editor

Naast de hoeveelheid shortcodes en controle die u heeft, kunt u ook een voorbeeld van uw shortcode bekijken voordat u deze invoegt.

Een ander goed ding dat deze plug-in heeft, is dat het enkele voorbeelden geeft van shortcodes en hun code voor degenen die minder ervaring hebben.

Hier is een video van de shortcodes in actie die door de auteur van de plug-in hier zijn verstrekt.

En hier is een lijst met beschikbare shortcodes.

  • Titel
  • verdeler
  • Pullquote
  • Lijst
  • Lichtbak
  • Vimeo
  • Tafels
  • Menu
  • Slider
  • Dummy Image
  • Sjabloon
  • Tabs
  • Spacer
  • Dropcap
  • Knop
  • Tooltip
  • Screenr
  • permalink
  • Subpagina's
  • carrousel
  • animatie
  • Tab
  • Markeer
  • omlijsting
  • Service
  • Privé
  • Dailymotion
  • Leden
  • broers en zussen
  • Foto's
  • meta
  • Spoiler
  • label
  • Rij
  • Doos
  • YouTube
  • audio
  • Gasten
  • Document
  • berichten
  • Gebruiker
  • Accordeon
  • Prijs
  • Kolom
  • Opmerking:
  • YouTube geavanceerd
  • Video
  • RSS Feed
  • Gmap
  • Dummy tekst
  • Post

Downloaden | demonstratie | web hosting

3. Olevmedia

Deze plug-in is echt heel eenvoudig in vergelijking met de vorige twee op veel elementen. Tegelijkertijd schittert het met een paar elementen die andere plug-ins niet hebben.

-Olevmedia gekenmerkt

Met deze plug-in kunt u bijvoorbeeld heel goed bepaalde stijlen voor tekstgebieden maken. Let op het professioneel geplaatste pictogram in het midden. Geen enkele andere plug-in die ik heb gezien, stelt u in staat hetzelfde te doen.

Zie ook: Hoe kan ik externe links op een WordPress blog onderscheiden

olevmedia-box

Het heeft een geanimeerde teller die begint vanaf nul tot het nummer dat u hebt ingevoegd.

nummer counter

Met deze plug-in kun je ook veel stijl maken met knoppen. Dat kan ook gemakkelijk voeg recente berichten toe aan uw inhoud en je prettige prijslijst.

Een nadeel van deze plug-in is dat hij, wanneer hij pictogrammen biedt om te gebruiken, alleen een lijst met namen toont en geen grafische weergaven van pictogrammen. Sommigen van hen zijn vrij gemakkelijk te raden aan de hand van hun naam. En anderen niet.

Maar hoewel je het pictogram op naam kunt vinden, betekent dit niet dat je het er leuk zult vinden. Maar u weet het pas na het invoegen en opslaan van het project en een voorbeeld van de post bekijken.

Omdat sommige plug-ins zo krachtig zijn, zou u deze misschien niet als uw hoofd-plug-in kunnen gebruiken; Niets belet u echter om deze in meer dan een andere te gebruiken.

Hier is een lijst met de belangrijkste shortcodes die het biedt.

<

  • Accordeon
  • Indrukknop
  • Tabs
  • Blockquote
  • Doos
  • Knoppen
  • columns
  • Teller
  • verdeler
  • Dropcaps
  • pictogrammen
  • infobox
  • lijsten
  • logos
  • Kaart
  • Fiche
  • Recente Berichten
  • tafel
  • Prijzen tabellen
  • Video

Downloaden | demonstratie | web hosting

4. CPO-shortcodes

Deze plug-in heeft een aantal standaard shortcodes die u zou verwachten te vinden, zoals kolommen en dozen.

Dat gezegd hebbende, het is een beetje frustrerend om mee te werken. Het voegt vaak shortcodes toe aan je bericht zonder dat je keuzes hoeft te maken, zoals het kiezen van een kleur of maat.

cpo-featured

Hoe te shortcodes in WordPress widgets gebruiken is een must read.

De shortcodes zelf komen soms met spaties voor deze dingen, maar daar is geen verklaring voor. Het zou heel gemakkelijk zijn om deze plug-in uit te stellen; Hij heeft echter enkele elementen bedacht die hem anders maken. En dus, voor deze elementen, neem de tijd om het te onderzoeken.

Ben je op zoek naar de beste WordPress-thema's en -plug-ins?

Download de beste plug-ins en WordPress-thema's op Envato en maak eenvoudig uw website. Al meer dan 49.720.000-downloads. [EXCLUSIEF]

Een van deze elementen is het "achtergrondgedeelte" dat gaat zet een kleurrijke achtergrond naar keuze op uw pagina. Merk op dat als je een zijbalk hebt, deze deze ook zal dekken (wat natuurlijk niet prettig is), als je deze alleen in volledige weergave op de pagina's wilt gebruiken.

Hier is een voorbeeld van een item met een blauwe achtergrond.

cpo-achtergrond

Het heeft ook een shortcode voor een teamledengedeelte. Het staat je eigenlijk toe zet een foto, een naam, een titel, wat tekst die vervolgens kan worden gekoppeld aan sociale netwerken.

cpo-team-leden

Het bevat ook het mooie prijsrooster.

cpo-pricing

Downloaden | demonstratie | web hosting

Overzicht

  • Ultieme shortcode: 5 / 5
  • Easy Boostrap-snelcodes: 4 / 5
  • Olevmedia: 3,5 / 5
  • CPO-snelcodes: 2,5 / 5

Naar mijn mening was de Ultimate Shortcode-plug-in de beste die ik in handen had. Hoewel sommige van de andere plug-ins erg goed waren, gaat het echt heen en weer voor wat het biedt.

Als ik echter op zoek was naar shortcodes om te combineren met Shortcode Ultimate, zou ik ervoor kiezen om Olevmedia te installeren als de aanvullende plug-in.

Lees ook Waarom WordPress en uw domeinnaam moeten worden gescheiden

Het enige waar u op moet letten bij het installeren van twee plug-ins, is om ervoor te zorgen dat beide niet dezelfde shortcodes gebruiken.

Ontdek ook enkele premium WordPress-plug-ins

U kunt andere WordPress-plug-ins gebruiken om een ​​moderne look te geven en de grip van uw blog of website te optimaliseren.

We bieden je hier enkele premium WordPress-plug-ins die je daarbij kunnen helpen.

1. TPlayer

De responsieve plug-in voor WordPress tPlayer helpt u bij het integreren van een audio- en radiospeler in uw website. Het is zeer functioneel en ondersteunt vele aanpassingsmogelijkheden. Het kan ook details weergeven over de audio- en radiostream, evenals statistieken over de luistergewoonten van gebruikers.

tPlaye Audio Player premium wordpress plug-ins voegen een audiospeler toe

Deze plug-in ondersteunt onbeperkt afspeellijsten en onbeperkt nummers op elke afspeellijst. U kunt nummers ophalen van externe opslagsystemen zoals Google Drive, Amazon S3, enz ...

Lees ook ons ​​artikel over 10 WordPress plugins op uw blog beschermen

Er is ook de autoplay-functie die de radio start, of een bepaald audiobestand zodra een bezoeker een pagina of bericht bezoekt. Het biedt ook andere aanpassingsopties om het uiterlijk van de audiospeler te helpen veranderen.

Downloaden | demonstratie | web hosting

2. Xili-taal

xili-taal is een krachtige WordPress-vertaalplug-in beschikbaar in de officiële directory van WordPress-plug-ins. Om xili-taal succesvol te kunnen gebruiken, moet u een WordPress-thema gebruiken dat klaar is om te worden vertaald op uw website.

xili taal

Aangezien niet alle WordPress-thema's meertalig ondersteunen, wordt het ten zeerste aanbevolen om ervoor te zorgen dat de uwe deze functie ondersteunt voordat u deze plug-in installeert.

Lees ook ons ​​artikel over Hoe uw WordPress-blog in verschillende talen te vertalen

Met Xili-taal kunt u niet alleen meertalige inhoud maken, maar ook de taalbestanden van uw WordPress-thema aanpassen aan de taal van de inhoud. Het is gebruiksvriendelijk voor ontwikkelaars en wordt geleverd met een lijst met dockingpunten en API's waarmee u het gedrag van uw website kunt aanpassen.

Downloaden | demonstratie | web hosting

3. WooCommerce Tabel Tarief Verzendplugin

de plugin Tabel Rate Shipping voor WooCommerce heeft de mogelijkheid om meerdere tarieven voor een bepaalde klant toe te voegen op basis van een aantal door de beheerder ingestelde voorwaarden. Deze kunnen de bestemming van de zending, het subtotaal van de winkelwagen, de categorie van het verzonden item, de prijs, het gewicht en nog veel meer omvatten.

Verzending aan tafel voor WooCommerce 2

Maak eenvoudig uw online winkel

Download gratis WooCommerce, de beste e-commerce plug-ins om uw fysieke en digitale producten te verkopen op WordPress. [Aanbevolen]

Deze WordPress-plug-in zal een nieuwe toevoegen verzendmethode rechtstreeks naar WooCommerce-instellingen.

Ontdek ook 7 WordPress plugins om uw bestelling te verbeteren

Il is handig voor iedereen die verzendkosten moet berekenen met betrekking tot bestemming, gewicht en / of de hele mand.

Downloaden | demonstratie | web hosting

Aanbevolen bronnen

Ontdek andere aanbevolen bronnen die u zullen begeleiden bij het maken en beheren van uw website.

Conclusie

Alstublieft ! Dat is alles voor deze tutorial, ik hoop dat je hiermee het ontwerp van je WordPress-berichten kunt verbeteren met deze gratis shortcodes. Aarzel niet om deel met je vrienden op je favoriete sociale netwerken.

U kunt echter ook overleggen onze middelen, als u meer elementen nodig heeft om uw projecten voor het maken van internetsites uit te voeren, raadpleeg dan onze gids op Creatie van WordPress blogs.

Als u suggesties of opmerkingen heeft, laat ze dan achter in onze rubriek commentaires.

...

Dit artikel bevat opmerkingen 2

Laat een reactie achter

Uw e-mailadres wordt niet gepubliceerd. Verplichte velden zijn gemarkeerd *

Deze site gebruikt Akismet om ongewenst te verminderen. Meer informatie over hoe uw opmerkingen worden gebruikt.

Terug naar boven
2 aandelen
aandeel
gekwetter
Enregistrer2