Hoe u eenvoudig de code op uw WordPress-site kunt weergeven

Wilt u de code weergeven op uw WordPress-site? Standaard filtert WordPress alle onbewerkte code die is toegevoegd aan blogposts, pagina's, widgets of opmerkingen. In dit artikel laten we u zien hoe u gemakkelijk code kunt weergeven op uw WordPress-site.

Eerst moet u de Syntax Highlighter geëvolueerde plug-in installeren en activeren. Raadpleeg onze stapsgewijze handleiding over het installeren van een WordPress-plug-in voor meer informatie.

Bij activering moet je bezoeken Instellingen »Syntax markeerstift om de plug-in-instellingen te configureren.

De standaard plugin-instellingen zouden voor de meeste websites moeten werken. U moet echter alle instellingen controleren en zonodig wijzigingen aanbrengen.

Elke optie heeft een gedetailleerde beschrijving om uit te leggen wat het doet. Als u klaar bent, klikt u op de knop Wijzigingen opslaan om uw instellingen op te slaan.

Syntaxis Highlighter Evolved maakt gebruik van eenvoudige shortcodes om code weer te geven. Voor elke programmeertaal moet je je code in de shortcode voor die taal plaatsen.

Voor PHP zou je je code als volgt verpakken:

[Php]
echo "Hallo wereld";
?>
[/ Php]

Het zal in uw bericht als volgt verschijnen:

Voor CSS wikkel je je code als volgt:

[Css]
.ingangstitel
font-family: "Open Sans", arial, sans-serif;
font-size: 16px;
color: # 272727;

[/ Css]

Het verschijnt als volgt op uw site:

 .ingangstitel font-family: "Open Sans", arial, sans-serif; font-size: 16px; color: # 272727;  

Syntax Highlighter markeert automatisch de code voor die specifieke taal. Het voegt ook regelnummers toe en verwerkt de tab-inspringing op de juiste manier. Uw gebruikers kunnen gemakkelijk codefragmenten van uw WordPress-site kopiëren en plakken.

Hoe code in WordPress weer te geven zonder Plugin te gebruiken

Veel bloggers hebben geen ontwikkelingsblog, dus ze hoeven niet vaak voorbeeldcodefragmenten in hun berichten in te voegen. In zeldzame gevallen kunt u code toevoegen door de code in HTML-entiteiten te coderen. Zoals dit:

>? php echo "Hallo wereld"; ?<

Het probleem met het converteren van code in HTML-entiteiten is dat het moeilijk is om dit handmatig te doen. U kunt onlinetools zoals deze gebruiken om code om te zetten in HTML-entiteiten.

Door PHP-, HTML-, JavaScript-code om te zetten in HTML-entiteiten, kunt u deze in uw WordPress-berichten plakken. Voor extra styling kun je code inpakken en labels.

We hopen dat dit artikel je heeft geholpen om de beste syntax highlighter-plug-in voor WordPress te vinden. U kunt ook genieten van ons artikel over 13 plug-ins en tips om het WordPress-beheergebied te verbeteren.

Als je dit artikel leuk vond, meld je dan aan voor onze YouTube-video-tutorials over WordPress. U kunt ons ook vinden op Twitter en Facebook.