Mi pretiprí :P

La manera en qué muestro el código en este blog

Raffi Kalenderian

archivado en: WordPress / 3 octubre, 2014

Me preguntó un amigo qué plugin uso para mostrar el código en este blog y respondo por aquí por si a alguien más le interesa.

Lo cierto es que no utilizo ninguno de los habituales para embellecer el código o, como se dice en inglés, para aplicarle un pretty-print, como el conocido plugin para wp de Alex Gorbatchev SyntaxHighlighter, ya que por razones didácticas me interesa aplicar colores y negritas en función de lo que estoy explicando y no de la sintaxis del lenguaje. Además, estos plugins suelen funcionar mediante tablas y yo prefiero que sean líneas en un div. Así que me limito a hacer esto:

1). En las CSS tengo estos estilos:

.prettyprint {

padding: 5px;
border: 1px solid #CCC;
background: #f9f9f9; /* #f3f3f3; */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
margin: 1em;
text-align: left;
word-wrap:break-word;
line-height: 180%;

}

.prettyprint p {

margin-bottom: 0.1em;
margin-top: 0.1em;

}

.prettyprint p:hover {

background: #ffffcc !important;

}

ul.linenums {

margin: 0;
padding: 0;
list-style-type: none;

}

.linenums_tab {

margin-left: 3em;
padding: 0;

}

li.linenums {

display: list-item;

}

.linenums li:hover {

background: #ffffcc !important;

}

.linenums ul {

list-style-type: none;
margin-left: 1em;
padding: 0;

}

ol.linenums {

margin: 0.1em;

}

2). Luego es tan sencillo como añadir este shortcode en functions.php:

function shortcode_codigo($atts, $content = null) {

$content = do_shortcode($content);

$content = str_replace("<ul>","<ul class='linenums'>",$content);

$content = str_replace("<ol>","<ol class='linenums'>",$content);

$content = str_replace("<em>","<span style='margin-left:3em;'>",$content);

$content = str_replace("</em>","</span>",$content);

return "<div class='prettyprint'>".$content."</div>";

}

add_shortcode('codigo', 'shortcode_codigo');

Y ya luego basta con escribir lo que sea entre corchetes:

[ codigo ]

Aquí código tabulado o listas numeradas si necesito numerakos.

[ /codigo ]

Si encuentro tiempo, lo subo al repo de wp, pero, vamos, que es más simple que un botijo.

|| Tags:

valoración de los lectores sobre Mi pretiprí :P

  • estrellica valoración positiva
  • estrellica valoración positiva
  • estrellica valoración positiva
  • estrellica valoración positiva
  • estrellica valoración positiva
  • 5 sobre 5 (1 votos)

¿Te ha parecido útil o interesante esta entrada?
dormido, valoración 1 nadapensativo, valoración 2 un poco sonrisa, valoración 3 a medias guiño, valoración 4 bastante aplauso, valoración 5 mucho

Tú opinión es muy importante, gracias por compartirla!

Los comentarios están cerrados.