• Sådan laver du shortcodes i WordPress

    Har du nogenside brugt en en shortcode i WordPress? Det er super smart ikke?

    Det at kunne tage et simpelt stykke kode, og så indsætte tabeller, produkter eller hvad der nu lige gemmer sig bag den givne shortcode, helt uden at skulle kode noget som helst.

    Mange plugins anvender shortcodes, og det er sandsynligvis i forbindelse med brugen af et plugin, at du har brugt en shortcode, men du kan faktisk også lave dine helt egne shortcodes helt uden at bygge et helt plugin selv.

    I denne guide forklarer jeg i korte træk, hvordan du laver din egen shortcode.

    Hvorfor lave shortcodes?

    Hvis du har noget du gang på gang indsætter i dine indlæg, så bør du overveje at placere dette i en shortcode i stedet for at ”hard code” det i de enkelte indlæg.

    Problemet er, at hvis du en dag vil rette i det her du har brugt i flere af dine indlæg, så skal du ind i hvert enkelt indlæg, og det kan hurtigt tage lang tid at rette til.

    Hvis du i stedet havde placeret tingene i en shortcode, så kunne du have nøjes med at lave dine rettelser ét sted, og så ville disse rettelser slå igennem alle de steder du havde brugt koden.

    Find-a-kasse-priser.dk bruger de shortcodes til at indsætte sammenligningstabeller af a-kasser på deres sider. Fordi de bruger de samme tabeller i flere indlæg, giver det mening at placere dem i en shortcode, så de er lettere at opdatere. Havde de ikke placeret dem i en shortcode, skulle de, hver gang de skulle opdatere f.eks. prisen på en a-kasse, hen og rette de enkelte tabeller på alle de sider hvor de var blevet brugt = et kæmpe arbejde.

    Du skal altså bruge shortcodes, hvis du har noget du genbruger på forskellige side, så du nemt kan vedligeholde dette fra ét centralt sted.

    Sådan laver du en shortcode

    For at lave en shortcode, skal du ind og arbejde i din functions.php fil.

    Hvis du ikke tidligere har skrevet kode før, så anbefaler jeg altid, at du tager en backup af filen, så du altid kan genskabe denne i tilfælde af, at du laver en fejl.

    Når du har fået adgang til din functions.php fil, skal du skrive følgende i den:

    function din_funktion( $atts ){
    
         echo “Shortcode indhold”;
    
    }
    
    add_shortcode( 'shortcode_navn', 'din_funktion' );

    En shortcodes består af en funktion og en funktion, der opretter en shortcode og knytte din funktion til denne.

    Du skal således skifte ”din_funktion” ud med et andet navn, siger noget om hvad din shortcode skal kunne. Hvis du f.eks. laver en tabel, kan du kalde den ”tabel_shortcode_funktion”.

    Alt det der sker mellem { } er din shortcode, og det er her, at du f.eks. kan echo en tabel. Lige nu så gør vores shortcode ikke andet end at den skriver ”Shortcode indhold” på siden, hvis vi indsætter den nu.

    Den sidste del er der, hvor vi knytter vores funktion til en shortcode. I vores tilfælde fortæller vi at vi vil knytte funktionen ”din_funktion” til en shortcode kaldet ”shortcode_navn”.

    Så hvis vi nu indsætter [shortcode_navn] i et indlæg, vil der blive skrevet ”Shortcode indhold” på siden.

    Du skal kende lidt til PHP for at skrive avancerede shortcode, men hvis du blot vil lave tabeller, billeder osv. i din shortcode er det blot at echo det som html, som vist herunder:

    function billede_shortcode_funktion( $atts ){
    
              echo “<img src=’billede.png’ alt=’Billede indsat via shortcode’ />”;
    
    }
    
    add_shortcode( 'billede_shortcode', 'billede_shortcode_funktion' );

    På NemProgrammering.dk har jeg lavet en video, der helt præcist viser, hvordan du laver en shortcode – du an se den her.

    Du kan desuden læse mere om shortcodes og de forskellige muligheder her.

    Denne artikel er skrevet i samarbejde med webdesignerne Kenney og Jacob

  • 5 WordPress hacks til dig, der er begynder

    Du er kommet frem til, at WordPress er det rette CMS system for din nye hjemmeside, og du er helt klar på rette vej – specielt hvis du er helt ny i arbejdet med CMS. WordPress er både simpelt, nemt at tilpasse, SEO-venligt og ikke mindst gratis. Du kan endda arbejde i WordPress uden at vide, hvordan du koder – det betyder dog ikke, at du ikke skal i gang med at skabe en funktionsdygtig hjemmeside. Derfor har vi her samlet fem simple hacks, du som begynder bør vide, før du går i gang med at skabe en WordPress side.

    En hjemmeside er i disse digitale tider nærmest et must, hvis du vil have fat i dine kunder. WordPress er designet til at fjerne kompleksiteten ved at lave en hjemmeside, og selv som nybegynder kan du være i gang med din første hjemmeside inden for et par timer.

    Er du helt grøn i WordPress og hjemmesideopbygning og har brug for mere hjælp, kan du vælge at tage et kursus i WordPress, hvor du får en meget dybere indsigt i CMS systemet, og hjælp til at skabe den helt rigtige hjemmeside.

    5 WordPress tips for nybegyndere

    2. Hvad skal du have på din hjemmeside?

    Laver du en hjemmeside til indhold, et produkt eller promovering af service? Du er nok i gang med at skabe din hjemmeside af en bestemt grund, og den grund har en stor betydning for, hvordan du bør gå til opgaven. Hjemmesider har ofte ét formål: At generere trafik, som kan resultere i indtægter eller et andet ønsket resultat.

    Hvis din hjemmeside har fokus på indhold, fx hvis du er blogger, bør dit fokus være på at skaffe så mange læsere som muligt. Det betyder, at en simplere hjemmesidestruktur fungerer godt. Hvis du gerne vil promovere produkter eller services, er din ønskede webside nok mere kompleks, og du bør bruge tid på at kortlægge alle sider.

    2. Vælg et WordPress tema til din hjemmeside

    WordPress er et af de mest populære platforme, fordi du netop kan tilpasse og ændre designet som du har lyst. Populariteten betyder også, at du kan finde i tusindvis af WordPress temaer, som er nemme at implementere på din side. Temaerne er ofte gratis, men du kan også vælge at betale for nogle, der har lidt flere muligheder.

    Hvis et tema ikke lige er det, der passer. Kan du også vælge at bygge din hjemmeside helt fra bunden, men vær klar over, at det koster både tid og penge. Alt efter, hvilken type hjemmeside du vil skabe, kan det være smart at starte ud gratis og senere bygge ovenpå.

     3. Sørg for at din side er responsive

    Måske du har har hørt om det; flere og flere mennesker bruger kun deres mobil til at surfe på nettet. Det betyder, at din hjemmeside skal være mobil-venlig – også kendt som responsiv. Hvis du ikke selv har styr på, hvordan du gør dét, kan du overveje at hyre en professionel, der kan hjælpe dig.

    4. Sørg for at Google ved, at din side er live

    Når din hjemmeside er klar, gælder det om at få den ud i verden. Den første fase bør derfor være at integrere din nye hjemmeside med Google Search Console, som gør det muligt for crawlerer, som Google Bot, at analysere dit websted og rangere det. Jo højere rang din hjemmeside har, jo tættere på toppen af side 1 på søgemaskinerne, ligger den. Husk, at helt nye hjemmesider ikke ranker lige så højt på søgeord som ældre sider gør.

    Du bør også få sat en Google Analytics konto op. Et effektivt værktøj, der kan hjælpe dig med at tracke trafikken, se på besøgendes adfærd, samt deres interaktioner med hjemmesiden. På den måde ved du, hvilken af dine sider der har flest besøgende, hvor lang tid de bruger på din hjemmeside og lignende.

     5. Brug WordPress Plugins

    Som en del af WordPress har du mulighed for at bruge plugins, som også er en af grundene til at WordPress er populær. Plugins er, helt basic, software som tilføjer ekstra funktionaliteter, som du kan integreres problemfrit på din hjemmeside.

    Der findes mere end 47.000 plugins, som kan downloades til din side, der kan hjælpe med alt fra at forbedre dine konverteringer, gøre din hjemmeside hurtigere og UX. Nogle af de mest populære plugins er WooCommerce, NextGEN Gallery, WordPress Importer, WP Super Cache, Google Analytics by Yoast, Google XML Sitemaps og Jetpack.

  • Det skal du kunne for at blive WordPress-udvikler

    I samarbejde med BladetMomentum.dk ser vi i denne artikel på, hvad du skal kunne, hvis du skal arbejde med WordPress på professionelt plan, altså rette/udvikle temaer og plugins.

    CSS

    En af de ting du skal have rigtig godt styr på er CSS. CSS er det som mere eller mindre styrer. hvordan teamet ser ud. Med CSS kan du således styre farver, højer, bredder, fonte og meget mere. Du kan ikke lave et nyt tema eller rette i et eksisterede uden at kende rigtig godt til CSS.

    Er du udvikler eller har arbejdet med hjemmesider før, så burde CSS delen dog ikke være det store problem.

    HTML

    Du kommer ikke langt indenfor webudvikling, hvis du ikke kan HTML. Det samme gælder i WordPress, hvor HTML er en central del af både plugins og temaer. Du skal derfor have styr på din HTML, hvis du vil udvikle i WordPress.

    PHP

    WordPress er skrevet i PHP, og skal du lave nye funktioner og muligheder, f.eks. et plugin, så skal du med sikkerhed hen og kode noget PHP. Normalt går PHP hånd i hånd med MySQl, og langt de fleste WordPress sider kører da også på en MySQL server. Dog er det yderst sjældent at du rent faktisk dykker ned i WP databasen, da WordPress har en masse indbyggede query-funktioner, som du bruger istedet. Så kendskab til MySQl er ikke er krav for at arbejde med WordPress.

    WordPress struktur, hooks og “the loop”

    Noget af det vigtigste du skal kende til, når du arbejder med WordPress er hvordan systemet fungerer, hvordan f.eks. mappestrukturen har en kæmpe betydning for, hvordan hjemmesiden fungerer og hvordan man i WordPress “looper” igennem indlæg og data, når der f.eks. skal vises en side.

    I WordPress findes der desuden et hav af indbyggede funktioner og ved du, hvordan du bruger disse, kan du komme rigtig langt. F.eks. vil the_title() udprinte en sides titel og wp_query() er en funktioner, der kan hente indlæg og sider ud fra en række parametre du angiver.

    Det er kun ved at arbejde med WordPress på udvikler-plan, at du vil få disse ting ind på rygraden. Et godt sted at kickstarte din WordPress-udvikler karriere, kunne dog være det avancerede WordPress kursus på NemProgrammering.dk, hvor du netop kommer igennem alle de steps der skal til for f.eks. at udvikle et tema eller et plugin.

    JavaScript

    JavaScript er altid godt at kunne, men skal du blot rette i temaer eller lave simple plugins, så behøver du nødvendigvis ikke være en haj til JavaScript. WordPress kører iøvrigt på jQuery, hvilket også gør det en del nemmere at arbejde med.