Gå till innehållet

Hur kan man förbättra utformningen av dina Wordpress artiklar med dessa fria kortkoder

Divi: det enklaste WordPress-temat att använda

Divi: Det bästa WordPress-temat hela tiden!

mer 901.000-nedladdningar, Divi är det mest populära WordPress-temat i världen. Den är komplett, lätt att använda och levereras med mer än 62 gratis mallar. [Rekommenderas]

Explosionen av plugins som genererade väldesignade kortkoder kom sent. Dessa plugins visar enkelt dina inlägg eller sidor genom att göra saker som kolumner, flikar, pristabeller, specialrubriker och mycket mer ser mycket professionella ut.

På grund av den sena förbättringen av dessa plugins har andra plugins som inte har utvecklats över tiden övergivits. Och även om de har lagt till funktioner i "bootstrap" -biblioteket (Som några nedan), de förbättrades inte på andra områden.

I den här guiden, snarare än att inkludera en massa plugins som inte gjorde riktigt bra, begränsar vi oss till de som gjorde det.

Men innan du börjar, ta dig tid att titta på Hur man installerar en Wordpress temaHur många insticksprogram ska jag installera på Wordpress.

Låt oss börja arbeta!

1. Enkla Boostrap-kortkoder

plugin Enkla kortkoder för uppstart är mycket bra för grundelement som kolumner, knappar, färgade rutor, framstegsfält, för att ge olika effekter till bilder, etc ...

lätt bootstrap utrustad

En av de bästa sakerna med detta plugin är att det har massor av ikoner du kan placera överallt - på knappar, lådor, i rubriker osv ... kan du enkelt ändra storlek och färg på ikonerna för att få exakt det utseende du vill ha. Detta plugin har idealiskt knapparna på kortkod på den visuella redigeraren som en tredje rad.

lätt bootstrap-visual-editor

När en av dessa knappar är aktiverad får du ett popup-fönster med många alternativ (beroende på knappen, naturligtvis). När beställning är lämplig finns det ofta ett stort urval av attraktiva ikoner. Och du kan till och med ändra färgen på dessa ikoner.

Här är en delvis förhandsgranskning av popup-fönstret när du sätter in en knapp.

Läs också: Hur man lägger till knappar till Wordpress utan att använda kortkoder

lätt bootstrap-popup

Det finns alla typer av kortkoder som du kan infoga. Och naturligtvis kan du också kombinera dem.

Här är ett snabbt exempel på några kortkoder kombinerade: en ruta (blå bakgrund), en ikon för titeln (färg och storlek jag ville ha), sedan en knapp med en annan ikon (så färgglad som jag ville).

lätt bootstrap-box

Här är en lista med olika kortkoder:

  • Dragspel
  • Framsteg Bars med etiketter
  • Flikar
  • Ikoner
  • Lista
  • Etiketter
  • Anmälan
  • Knappar
  • popover
  • IconHeading
  • Verktygstips
  • tabeller
  • Panel
  • Responsiv bild
  • bild~~POS=TRUNC effekter~~POS=HEADCOMP
  • Knapp i verktygsfältet grupp
  • Väl
  • lista Beskrivning
  • ButtonDropdown
  • Box service
  • knapp Group
  • Responsiv reglage

Här är en video av kortkoderna i aktion som tillhandahålls av plugin-författaren här.

Ladda nerdemowebbhotell

2. Kortkod Ultimate

plugin Ultimate kortkod har ett mycket imponerande utbud av kortkoder att använda, samt ett imponerande antal ikoner för att lägga till olika element. Dessutom kan möjligheten att styra kortkoder eller ikoner (ändra storlek, färg, position etc.) är också imponerande.

kortkod-ultimate-featured

Kort sagt, det var det mest imponerande kortkodsprogrammet jag har sett. Du börjar med att klicka på knappen som placeras i den visuella redigeraren.

kortkod-ultimate-knappen

Du får då en lista över kortkoder möjligt i pop-up.

kortkod-ultimata-selections

Som du utan tvekan kommer att märka är det inte bara flera (51 för att vara exakt), du kan också filtrera dem efter typ från början av sidan eller till och med söka efter den du vill ha.

Skapa enkelt din webbplats med Elementor

Med Elementor kan du enkelt skapa en webbdesign med ett professionellt utseende. Sluta betala dyra för vad du kan göra själv. [Fritt]

Se även: Hur man lägger till en visuell stil till Wordpress redaktör

Förutom mängden kortkoder och kontroll har du också möjlighet att förhandsgranska din kortkod innan du sätter in den.

En annan bra sak detta plugin har är att det ger några exempel på kortkoder såväl som deras kod för dem som har mindre erfarenhet.

Här är en video av kortkoderna i aktion som tillhandahålls av plugin-författaren här.

Och här är en lista över tillgängliga kortkoder.

  • Rubrik
  • divider
  • Pullquote
  • Lista
  • Lightbox
  • Vimeo
  • tabeller
  • Meny
  • Slider
  • dummy Bild
  • Mall
  • Flikar
  • Spacer
  • dropcap
  • Knappen
  • Verktygstips
  • Screenr
  • permalink
  • undersidor
  • karusell
  • animering
  • Fliken
  • Markera
  • Ram
  • Service
  • Privat
  • Dailymotion
  • medlemmar
  • Syskon
  • Galleri
  • meta
  • Spoiler
  • etikett
  • Rad
  • Box
  • youtube
  • Audio
  • Besökare
  • Dokument
  • inlägg
  • Användare
  • Dragspel
  • Offert
  • Kolumn
  • Anmärkningar
  • advanced YouTube
  • Video
  • Rssflöde
  • GMAP
  • dummy text
  • Inlägg

Ladda nerdemowebbhotell

3. Olevmedia

Detta plugin är verkligen väldigt grundläggande jämfört med de två föregående på många element. Samtidigt lyser det med några element som andra plugins inte har.

olevmedia-featured

Till exempel låter detta plugin dig göra vissa stilar för textområden mycket bra. Lägg märke till den professionellt placerade ikonen i mitten. Inget annat plugin jag har sett låter dig göra detsamma.

Se även: Hur man skiljer externa länkar på en Wordpress-blogg

olevmedia-box

Den har en animerad räknare som börjar från noll till numret du satte in.

nummer-räknare

Denna plugin gör det också möjligt att göra mycket styling med knappar. Du kan också enkelt lägg till senaste inlägg i ditt innehåll och din trevliga prislista.

En nackdel med detta plugin är att när det ger dig ikoner att använda, visar det bara en lista med namn och inte de grafiska representationerna av ikonerna. Några av dem är ganska lätta att gissa efter deras namn. Och andra inte.

Men även om du kan hitta ikonen med namn betyder det inte att du kommer att gilla utseendet på den. Men du vet det först efter att du har infogat och sparat projektet och förhandsgranska inlägget.

Eftersom vissa plugins fungerar så bra kanske du inte använder den här som ditt huvudplugin. Ingenting hindrar dig dock från att använda den här förutom en annan.

Här är en lista över de viktigaste kortkoderna som den erbjuder.

<

  • Dragspel
  • Toogle
  • Flikar
  • blockquote
  • Box
  • Knappar
  • Kolonner
  • Motverka
  • divider
  • Dropcaps
  • Ikoner
  • Infobox
  • listor
  • Logotyper
  • Karta
  • Marker
  • Nya Inlägg
  • Bord
  • prissättnings tabeller
  • Video

Ladda nerdemowebbhotell

4. CPO-kortkoder

Detta plugin har ett antal grundläggande kortkoder som du kan förvänta dig att hitta, till exempel kolumner och rutor.

Med detta sagt är det lite frustrerande att arbeta med. Det infogar ofta kortkoder i ditt inlägg utan att du kan välja, som att välja en färg eller en storlek.

cpo-featured

Hur man använder kortkoder i Wordpress widgets är ett måste läsa.

Kortkoderna själva kommer ibland med utrymmen för det här, men det finns ingen förklaring till allt detta. Det skulle vara väldigt enkelt att ta bort det här pluginet från listan. Det kom dock med några saker som gör det annorlunda. Och så, för dessa artiklar, ta dig tid att granska det.

Letar du efter de bästa WordPress-teman och plugins?

Ladda ner de bästa plugins och WordPress-teman på Envato och enkelt skapa din webbplats. Redan mer än 49.720.000-nedladdningar. [EXKLUSIV]

Ett av dessa element är "bakgrundsavsnittet" som går lägg en färgstark bakgrund som du väljer på hela sidan. Observera att om du har en sidofält kommer den att täcka den också (vilket naturligtvis inte är trevligt), om du bara vill använda den i full visning på sidorna.

Här är en förhandsgranskning av ett objekt med blå bakgrund.

cpo-bakgrund

Den har också en kortkod för en gruppmedlemsdel. Det låter dig i princip sätta en bild, ett namn, en titel, lite text som sedan kan kopplas till sociala nätverk.

CPO-gruppmedlemmar

Det inkluderar också det ganska prissättningsnätet.

cpo-prissättning

Ladda nerdemowebbhotell

Översikt

  • Ultimate Shortcode: 5/5
  • Easy Boostrap Shortcodes: 4/5
  • Olevmedia: 3,5 / 5
  • CPO-kortkoder: 2,5 / 5

Enligt min mening var Ultimate Shortcode-plugin det bästa jag hade i mina händer. Även om några av de andra pluginsna var mycket bra, går det verkligen fram och tillbaka för vad det erbjuder.

Men om jag letade efter kortkoder att kombinera med Shortcode Ultimate, skulle jag välja att installera Olevmedia som kompletterande plugin.

Läs också Varför Wordpress och ditt domännamn bör separeras

Det enda du måste se upp för när du installerar två plugins är att se till att båda inte använder samma kortkodsnamn.

Upptäck också några premium WordPress-plugins  

Du kan använda andra WordPress-plugins för att ge ett modernt utseende och optimera greppet på din blogg eller webbplats.

Vi erbjuder dig här några premium WordPress-plugins som hjälper dig att göra det.

1. TPlayer

Det responsiva WordPress tPlayer-tillägget hjälper dig att integrera en ljud- och radiospelare på din webbplats. Det är mycket funktionellt och stöder många anpassningsmöjligheter. Det kan också visa information om ljud- och radioströmmen, liksom statistik om användarnas ljudlyssningsvanor.

tPlaye Audio Player premium wordpress plugins lägger till ljudspelare

Detta plugin stöder obegränsat spellistor och obegränsat antal spår på varje spellista. Du kommer att ha möjlighet att återställa låtar från externa lagringssystem som Google Drive, Amazon S3, etc ...

Läs också vår artikel om 10 Wordpress plugins för att skydda din blogg

Det finns också autoplay-funktionen som startar radion eller en viss ljudfil så snart en besökare besöker en sida eller ett inlägg. Det erbjuder också andra anpassningsalternativ för att ändra ljudspelarens utseende.

Ladda ner | demo | webbhotell

2. Xili språk

xili-language är ett kraftfullt WordPress-översättningsplugin tillgängligt i den officiella WordPress-plugin-katalogen. För att kunna använda xili-språk framgångsrikt måste du använda ett WordPress-tema som är klart att översättas på din webbplats.

xilispråk

Eftersom inte alla WordPress-teman stöder flerspråkig, rekommenderas det starkt att du ser till att din stöder den här funktionen innan du installerar detta plugin.

Läs också vår artikel om Hur du översätter din WordPress-blogg till flera språk

Xili-språk låter dig inte bara skapa flerspråkigt innehåll utan också att ändra språkfilerna för ditt WordPress-tema enligt innehållets språk. Det är utvecklarvänligt och levereras med en lista över ankarpunkter och API: er som låter dig anpassa beteendet på din webbplats.

Ladda ner demo | webbhotell

3. WooCommerce Tabellräntesändningsplugin

plugin Tabell Rate Frakt för WooCommerce har förmågan att lägga till flera priser för en viss klient baserat på en mängd villkor som administratören ställer. Dessa kan inkludera leveransdestination, delsumma för kundvagn, kategori av artikeln som skickas, pris, vikt och mer.

Tabellfrekvens för WooCommerce 2

Skapa enkelt din webbutik

Ladda ner gratis WooCommerce, de bästa e-handelspluggarna för att sälja dina fysiska och digitala produkter på WordPress. [Rekommenderas]

Detta WordPress-plugin kommer att lägga till ett nytt frakt metod direkt till WooCommerce-inställningar.

Upptäck också 7 Wordpress plugins för att förbättra ditt leveranssystem

Il är användbart för alla som behöver beräkna fraktkostnader i förhållande till destination, vikt och / eller hela vagnen.

Ladda ner | demo | webbhotell

Rekommenderade resurser

Ta reda på om andra rekommenderade resurser som hjälper dig att bygga och hantera din webbplats.

Slutsats

Här! Det är det för denna handledning, jag hoppas att det gör att du kan förbättra utformningen av dina WordPress-inlägg med dessa gratis kortkoder. Tveka inte att dela med dina vänner på dina favorit sociala nätverk

Du kan dock också konsultera våra resurser, om du behöver fler element för att genomföra dina projekt för att skapa webbplatser, genom att konsultera vår guide om WordPress blog skapelse.

Om du har förslag eller kommentarer, lämna dem i vårt avsnitt commentaires.

Den här artikeln innehåller kommentarer 2

Lämna en kommentar

Din e-postadress kommer inte att publiceras. Obligatoriska fält är markerade *

Den här webbplatsen använder Akismet för att minska oönskade. Läs mer om hur dina kommentarer data används.

Tillbaka till toppen
2 aktier
del
tweet
Enregistrer2