Agregar código php en post wordpress

En muchas ocasiones necesitamos mostrar código php en nuestro post de wordpress para mostrarlo a nuestros lectores. Si lo ponemos tal cual en el editor, el navegador lo interpreta y por lo tanto no se muestra lo que queríamos.

Para ello, los usuarios de wordpress disponemos de un plugin llamado WP-Syntax que nos permite hacerlo. Un ejemplo:

Código PHP

1
echo $frase;

Código HTML

1
<p>Hola esto es una frase <strong>de ejemplo</strong></p>

Bien, sabemos que este plugin nos permite hacerlo. Como la mayoría de plugins de WordPress los podemos instalar desde el escritorio o subiéndolo vía FTP a la carpeta de plugins y activándolos después. Os dejo unas capturas de los pasos seguidos para instalarlos desde el escritorio de WordPress ( la carpeta de plugins la tengo con permisos de escritura para que se pueda instalar sin problemas ).

Paso 1: Buscamos e instalamos los plugins

En el apartado plugins, pulsamos añadir nuevo. En el formulario de búsqueda, insertamos WP-Syntax y nos mostrará varios plugins que contienen el texto. Escogemos el WP-Syntax y el siguiente que nos permitirá poner un botón en el editor y facilitar así el trabajo.

WP_Syntax plugin instalacion 01

WP_Syntax plugin instalacion 01

Paso 2: Vemos que se han instalado

Si todo ha ido bien en la instalación de los dos plugins, nos mostrará este mensaje. En caso de error, comprobar que vuestra carpeta de plugins tiene los permisos necesarios para escribir en ellos ( 644 ).

WP_Syntax plugin instalacion 02

WP_Syntax plugin instalacion 02

Paso 3: Los activamos

Una vez instalados, debemos ir al listado de plugins y activar los dos que acabamos de instalar. Si no lo hacemos, no podremos trabajar con ellos.

WP_Syntax plugin instalacion 03

WP_Syntax plugin instalacion 03

Paso 4: Escribimos un post para mostrar código

Ahora vamos a crear una nueva entrada ( post ) y vemos que ya tenemos el botón de WP-syntax. Lo apretamos e indicamos lenguaje y linea. Después añadimos el código a mostrar.

WP_Syntax plugin instalacion 04

WP_Syntax plugin instalacion 04

Paso 5: El resultado:
Ya lo hemos visto al inicio, pero lo volvemos a mostrar:
Código PHP

1
echo $frase;

Código HTML

1
<p>Hola esto es una frase <strong>de ejemplo</strong></p>

 

[wp_ad_camp_2]

Artículos relacionados

WordPress – Permitir acceso a WP-Admin sólo ... Hay varios niveles de seguridad que pueden implementarse en WordPress. Desde la instalación de plugins que se dedican a ello, hasta la restricción del...
WordPress – Contact Form 7 poner checkbox al... En WordPress, el caso de que trabajéis con el plugin "Contact Form 7" y queráis añadir checkbox, veréis que estos se muestran uno al lado de otro. Os ...
WordPress – Sociable plugin para compartir e... Quisisera haceros llegar el que creo que es uno de los mejores plugins para wordpress, que permite compartir en las principales redes sociales los pos...
WPTouch – Tu blog en formato móvil Cuando tenemos un blog, se presenta un problema importante: si es visitado con un móvil se ve igual que en un navegador de PC y por lo tanto el conten...

3 comentarios

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

*