WordPress er et robust Content Management System, der driver over halvdelen af alle websteder på internettet. Det indbyggede CRM gør det nemt for en at oprette en hjemmeside, selvom du aldrig har skrevet et computerprogram før. Selvom det er så nemt at vise en blok med normal tekst på et WordPress-websted, kan det samme ikke siges om computerkode. Et stykke kode skal vises tilstrækkeligt, så seerne kan analysere og forstå det. Og det er her, WordPress-kodeblokke kommer ind.
Hvis du vil vide, hvordan du bruger kodeblokke i WordPress, er du kommet til det rigtige sted. I denne artikel fører vi dig gennem hele processen, så du kan begynde at dele kodestykker med dine læsere. Fortsæt med at læse for at finde ud af mere.
top 10 pokemon i pokemon go
Sådan bruger du kodeblokke i WordPress
At vise et computerprogram som en normal websidetekst kan være katastrofalt. Mange brugere vil finde det svært at visualisere og forstå. Heldigvis har mange WordPress-editorer en kodeblok-funktion, der giver dig mulighed for at vise et computerprogram i et kodeformat.
Heldigvis er det relativt nemt at bruge kodeblokke til at vise computerkode. For at komme i gang skal du skifte til den oprindelige WordPress-editor, da nogle tekstplugins muligvis ikke har funktionen. Når du har gjort det, skal du følge disse trin for at tilføje en kodeblok på en hjemmeside:
- Åbn den webside, du vil tilføje en kodeblok til, ved at klikke på knappen 'Ny'.
- Indtast '/code' og tryk på 'Enter'.
- Indtast eller indsæt den kode, du vil have vist, og tryk på 'Enter'-tasten.
- Du kan yderligere bruge kodeblokværktøjslinjen til at tilpasse udseendet af den kode, du lige har skrevet. For eksempel kan du bruge 'B'-knappen til at gøre en linje fed eller 'i'-knappen for at gøre den i kursiv.
- Når du er færdig med at oprette din webside, skal du klikke på knappen 'Preview' for at se, hvordan kodeblokken vil se ud på en liveversion.
- Hvis du er tilfreds med de endelige resultater, skal du trykke på knappen 'Opdater' for at andre også kan se kodeblokken.
Sådan ændres typografien af din kodeblok
Typografi taler meget og kan skabe eller bryde æstetikken i ikke kun din kodeblok, men også hele websiden. Følg disse trin for at ændre typografien for din kodeblok:
- Fremhæv den kodeblok, hvis typografi du vil ændre.
- Klik på ikonet 'Indstillinger' i øverste højre hjørne af skærmen.
- Angiv din foretrukne typografi under afsnittet 'Typografi'.
- Klik på knappen 'Opdater' for at gemme ændringerne.
Du kan yderligere tilpasse blokkens æstetik ved at ændre farve, baggrund, bogstavafstand og linjeafstand.
Hvis du for eksempel har en hjemmeside med mørkt tema, vil du måske også have, at din kodeblok skal have en anden baggrund.
Sådan sletter du en kodeblok i WordPress
Kodeblokke er ikke permanente, og ligesom alle andre elementer på en WordPress-webside kan du slette dem. Sådan går du til processen:
- Åbn websiden eller indlægget, der har den kodeblok, du vil slette.
- Klik på den kodeblok, du vil slette, for at fremhæve den.
- På den widget, der dukker op lige øverst i kodeblokken, skal du klikke på de tre prikker.
- Fra indstillingerne skal du vælge 'Fjern kode.'
Ovenstående handling bør slette hele kodeblokken fra websiden. Alternativt kan du blot vælge blokken og trykke på 'Slet'-tasten. Du kan også trykke på 'Ctrl' + 'Shift' + 'Z' tasterne på samme tid, og det skulle opnå de samme resultater.
Sådan redigeres en allerede udgivet kodeblok
En gang imellem er du forpligtet til at lave fejl. Du kan også falde over en bedre måde at udføre ideen på gennem kode. WordPress giver dig mulighed for at redigere allerede eksisterende kodeblokke ved at følge instruktionerne nedenfor:
- Åbn siden, der har den kodeblok, du vil redigere.
- Klik på 'Rediger'.
- Klik på kodeblokken for at aktivere koderedigering.
- Når du er færdig med at foretage ændringerne, skal du klikke på knappen 'Opdater'.
Sådan tilføjer du en kodeblok til dit WordPress-websted ved hjælp af et plugin
Hvis du ofte tilføjer kodestykker til din hjemmeside, så er det måske bedst at få et mere robust plugin til at hjælpe dig. En populær kraftfuld og fremragende kodeblok er SyntaxHighlighter udviklet plugin.
Dette plugin har en fordel i forhold til den oprindelige WordPress Editor, fordi:
- Det fremhæver antallet af linjer i et kodestykke
- Det understøtter flere programmeringssprog
- Det giver dine seere mulighed for at kopiere og indsætte den viste kode
Sådan bruger du pluginnet til at administrere kodestykker på dit websted bedre:
- Installer og aktiver SyntaxHighlighter udviklet plugin.
- Åbn siden eller indlægget, hvis du vil tilføje en kodeblok.
- Aktiver redigering, og klik på plusknappen.
- Søg efter 'SyntaxHighLighter Evolved', og åbn det første resultat, der kommer op.
- Indsæt eller skriv koden i den tilgængelige kodeblok.
- Klik på indstillingsikonet i øverste højre hjørne af skærmen, og naviger til fanen 'Bloker'.
- Angiv, hvordan du ønsker, at din nummerering skal fremstå, og hvilke kodelinjer du ønsker skal fremhæves.
- Du kan også slå 'Gør URL'er klikbare', hvis du vil gøre din kode klikbar.
Følg disse trin for at ændre farve- og formateringsskemaet for din kodeblok:
- Gå til 'Indstillinger' og naviger til sektionen 'SyntaxHighlighter'.
- Skift temaet for din blok.
- Tryk på 'Gem' 'Preview' for at få vist, hvordan ændringerne vil se ud i live-tilstand.
Yderligere ofte stillede spørgsmål
Hvordan gør man en kodeblokering til et klikbart link?
Følg disse trin for at få en kode til at blokere et link ved hjælp af WordPress-editoren:
1. Vælg den kodelinje, du ønsker skal fungere som et link.
2. Vælg linkikonet fra pop op-widgetten. Alternativt kan du trykke på tasterne 'Ctrl' + 'K' på dit tastatur.
net framework 4.6 1 offline installationsprogram
3. Indtast den URL, du vil have koden til at linke til, og tryk på 'Enter'-tasten.
Kan jeg fremhæve kode ved hjælp af kodeblok-editoren, som WordPress-editoren leverer?
Nej, kodeblokken leveret af den oprindelige WordPress-editor tillader ikke brugere at kopiere og indsætte koden. For at gøre det har du brug for hjælp fra et avanceret kodeblokredigeringsplugin som 'SyntaxHighligher Evolved' plugin.
Har Elementor en kodeblokfunktion?
Elementor er et populært træk-og-slip-plugin, der bruges til at bygge WordPress-websteder. Desværre, hvis du bruger pluginnet til at oprette websteder, vil du ikke finde en blok, der lader dig formatere computerprogrammer på dit websted. Derfor skal du skifte til den konventionelle WordPress-editor for at afslutte opgaven.
Få din hjemmeside op at køre
Uanset om du driver en programmeringsblog eller blot kan lide at dele kodestykker på din hjemmeside, er det super vigtigt at vide, hvordan man bruger kodeblokke i WordPress. Kodeblokke vil give dine læsere en nem tid og samlet set øge dit websteds brugeroplevelse. Og som du kan se, er indsættelse af kodeblokke en forholdsvis nem proces, især med den oprindelige WordPress-editor.
Har du prøvet at bruge de kodeblokke, som WordPress leverer? Hvad med SyntaxHighlighter Evolved plugin? Del venligst din oplevelse med os i kommentarfeltet nedenfor.
