Gebruik Snipplr om je code te posten

Gebruik Snipplr om je code te posten

Je kunt er allerlei manieren op nahouden om code te plaatsen op je website. In het verleden heb ik daarvoor het Geshi systeem gebruikt wat ik op mijn eigen site heb geplaatst. Het kan ook simpeler. Met Snipplr.
Ik heb voor deze post een eenvoudig voorbeeld gebruikt van een eerder gemaakt CSS horizontaal menu. Snipplr werkt met veel meer bekende codeertalen.

Om Snipplr te kunnen gebruiken moet je eerst een account aanmaken. Dit account kan heel eenvoudig worden aangemaakt.

een account aanmaken met Snipplr

Vervolgens maak je een snippet code aan. De code voorzie je van een titel en van tags. Op deze manier maak je de code gemakkelijk vindbaar voor anderen.

code aanmaken

Daarna zie je een ‘embed’ linkje. Wanneer je hierop klikt komt er een code in beeld die je in je html kunt plaatsen.

code en embedden van de code

Hier zie je de code die ik als voorbeeld heb aangemaakt.

Dit is voor een website te gebruiken zodat je niet alle code zelf hoeft te voorzien van kleuren en regelnummers. Eenvoudig toch?

Overigens kan het voor WordPress nog eenvoudiger, namelijk met een plugin.

Bjorn

          Leuk als je dit artikel deelt:
Share

Geef een reactie

Het e-mailadres wordt niet gepubliceerd. Verplichte velden zijn gemarkeerd met *