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 – Añadir código programación en un... Han sido varios los que me han preguntado cómo hago para poner código dentro de las entradas del bloc. Normalmente, si pones directamente el código de...
WordPress – Limitar el número de revisiones A la hora de modificar post y páginas de wordpress, éste, se encarga de hacer copias de seguridad (revisiones) para poder ir recuperándolas en caso de...
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 – 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...

3 comentarios

Deja un comentario

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

*