WordPress shortcodes är kraftfulla verktyg som gör det enkelt att lägga till dynamiskt innehåll och funktionalitet till dina sidor och inlägg utan att behöva skriva någon kod. Denna guide kommer att ge dig en omfattande översikt över vad shortcodes är, hur du använder dem, och några exempel på vanliga shortcodes som kan förbättra din WordPress-webbplats.
Vad är shortcodes?
Definition och funktion
Shortcodes är små kodbitar som du kan infoga i dina WordPress-inlägg, sidor och widgets för att lägga till olika funktioner. De är omgivna av hakparenteser, till exempel [shortcode], och kan ersätta komplex HTML, PHP eller JavaScript. Shortcodes gör det enkelt för användare att lägga till dynamiska element som kontaktformulär, gallerier, och knappar utan att behöva skriva eller känna till koden bakom dessa funktioner.
Historisk bakgrund
Shortcodes introducerades i WordPress 2.5 för att förenkla användningen av komplexa funktioner och har sedan dess blivit en integrerad del av WordPress-ekosystemet. De används av både teman och plugins för att ge användare möjligheten att enkelt lägga till specialfunktioner till sina webbplatser.
Hur man använder shortcodes
Grundläggande användning
Att använda en shortcode är enkelt. Du placerar helt enkelt shortcode-taggen i innehållet på din sida eller ditt inlägg där du vill att funktionen ska visas.
Till exempel:
Detta kommando skulle infoga en standardbildgalleri på den platsen.
Parametrar och attribut
Många shortcodes har parametrar som låter dig anpassa deras funktionalitet. Dessa parametrar anges inom shortcode-taggen.
Till exempel, för att anpassa ett galleri kan du använda:
I detta exempel specificerar vi att galleriet ska visa bilder med ID 1, 2 och 3, använda medelstorlek och arrangera bilderna i tre kolumner.
Vanliga shortcodes
Gallery
Den inbyggda galleri-shortcode är en av de mest använda shortcodes i WordPress. Den låter dig enkelt skapa och visa bildgallerier.
Exempel:
Audio och video
För att bädda in ljud- eller videofiler kan du använda audio och video shortcodes.
Exempel:
Embed
WordPress stöder automatisk inbäddning av innehåll från flera tjänster som YouTube, Twitter och Instagram genom att helt enkelt klistra in URL. Men du kan också använda shortcode för att ha mer kontroll över inbäddningen:
http://youtube.com/watch?v=dQw4w9WgXcQ
Skapa egna shortcodes
Grundläggande skapande
Att skapa en egen shortcode i WordPress kräver lite kunskap i PHP. Du lägger till din shortcode-funktion i din temas functions.php-fil. Här är ett enkelt exempel på hur du skapar en shortcode som visar ett meddelande:
function my_custom_shortcode() {
return "Hej och välkommen till min webbplats!";
}
add_shortcode('välkomstmeddelande', 'my_custom_shortcode');
Du kan nu använda [välkomstmeddelande] i dina inlägg eller sidor för att visa meddelandet.
Shortcodes med parametrar
Du kan också skapa shortcodes som accepterar parametrar.
Här är ett exempel:
function custom_button_shortcode($atts) {
$atts = shortcode_atts(
array(
'text' => 'Klicka här',
'url' => '#'
), $atts, 'knapp'
);
return '<a href="' . esc_attr($atts['url']) . '" class="custom-button">' . esc_html($atts['text']) . '</a>';
}
add_shortcode('knapp', 'custom_button_shortcode');
Använd [knapp text=”Läs mer” url=”https://exempel.com”] för att skapa en anpassad knapp.
Bästa praxis för användning av shortcodes
Användning i widgets
Shortcodes kan även användas i textwidgets. För att möjliggöra detta, se till att du aktiverar stöd för shortcodes i widgets genom att lägga till följande kod i din functions.php-fil:
add_filter('widget_text', 'do_shortcode');
Undvik överanvändning
Även om shortcodes är kraftfulla, bör de användas med måtta. Överanvändning kan leda till komplexa och svårhanterliga webbplatser. Försök att använda shortcodes på ett balanserat sätt för att hålla din webbplats ren och lätt att underhålla.
Slutsats
WordPress shortcodes är ett fantastiskt verktyg för att lägga till dynamiskt innehåll och funktioner till dina sidor och inlägg. Genom att förstå hur man använder och skapar shortcodes kan du betydligt förbättra funktionaliteten och utseendet på din webbplats. Vi hoppas att denna guide har gett dig en bra förståelse för hur du kan använda shortcodes för att ta din WordPress-webbplats till nästa nivå.