WordPress editor per formatar codi

agost 22, 2016

Quan volem publicar articles en els quals hi ha part de codi, l’editor per defecte del WordPress s’ens queda una mica limitat, si bé tenim les etiquetes <code>, però no ens mostra el text formatat en el llenguatge pertinent.

Per fer-ho existeixen diferents pluguins que ens ajuden a millorar la presentació,hem triat Crayon Syntax Highlighter. D’aquesta manera el codi que inserim en una entrada es veurà ressaltat per el llenguatge corresponent

Anem a extensions del wordpress en el nostre taulell:

Crayon Syntax Highlighter

Crayon Syntax Highlighter

Mirem aquesta entrada, el text inserit a la consola es veu de la mateixa manera que la resta de text:

  crayon1

Des de l’editor de l’entrada, seleccionem el text que volem formatar. Cliquem a l’etiqueta «crayon», està per mode text, i mode visual.

crayon2

Ara s’obre una finestra on copiem el codi. Aquí es pot triar el llenguatge, una capçalera, estils, tipus de lletra… un editor molt complert

Editor crayon

Editor crayon

Actualitzem l’entrada i ara si que el codi queda molt més ben presentat

crayon3

Feel free to share...Share on Facebook
Facebook
Share on Google+
Google+
Tweet about this on Twitter
Twitter
Share on LinkedIn
Linkedin


Els comentaris estan tancats.