PDF de programación - Aprender PHP para el desarrollo de WordPress - Guía completa

Aprender PHP para el desarrollo de WordPress – Guía
completa

Supongamos que en estos momentos tienes un sitio web de WordPress y has configurado tu plantilla, lees un
poco acerca de las etiquetas de plantilla, y tal vez incluso has modificado el archivo functions.php en el editor de
temas del panel de administración.

Pero ahora, quieres que tus habilidades pasen al siguiente nivel y profundizar más en el código.

Por suerte, WordPress es un buen lugar para empezar. Hay un buen tocho de documentación disponible, el
código es fácil de leer en su mayor parte, se explica por sí mismo y no demasiado es difícil de recordar.

En este artículo, voy a mostrar una breve introducción al mundo de la programación de WordPress. Mientras
que este post está dirigido a principiantes, voy a suponer que sabes cómo editar archivos de WordPress y te has
mirado un archivo de tu tema de WordPress, incluso si no entiendes lo que está pasando dentro del archivo.

Los lenguajes de programación de WordPress

WordPress utiliza un número de diferentes lenguajes de programación. Si un lenguaje tiene que ser señalado
como el “principal”, este sería PHP, pue es el lenguaje que está del lado del servidor y alimenta cerca del 82 por
ciento de la web.

WordPress también utiliza HTML, CSS y Javascript. HTML se utiliza para dar la estructura del sitio y es empleado
por todos los sitios web. CSS proporciona el estilo a un documento HTML. Por ejemplo, CSS hace que su fondo

- 1 -

sea blanco, el texto de color gris oscuro y coloca la barra lateral a la derecha. Javascript, por otro lado, añade
características avanzadas como sliders y otras características interactivas.

Finalmente, WordPress también utiliza MySQL como base de datos. MySQL se utiliza por ejemplo para
recuperar las últimas 10 entradas, o todas las entradas de una categoría en particular de la base de datos.

Pues si, la mala noticia es que se trata de una cantidad considerable de conocimientos. La buena noticia es que
no necesitas saber de todo para empezar, de hecho, se puede empezar a funcionar con muy poco. Se puede
aprender programación a través de WordPress con sólo copiar y pegar ejemplos de la documentación.

Algunos consejos para el que empieza a programar

La mejor forma de aprender es a través de tutoriales, documentación y el trabajo de los demás. La dificultad
con la programación no proviene de la complejidad de los lenguajes implicados. Si se desglosa en
componentes, todo lo que se aprende es fácil.

Si la programación puede ser difícil es por dos razones. Necesitas saber un montón de cosas simples y con el fin
de crear un producto de éxito, tienes que ser capaz de pensar en términos de sistemas, que toma un poco de
práctica.

Lo que debes tener claro es que mientras se aprende a codificar para WordPress, tendrás un montón de
momentos de autentica desesperación. Vas a estar frustrado por la falta de comprensión desde el principio,
pensando que un código está perfectamente formado y no funciona, pasarás horas luchando con él sólo para
descubrir que has olvidado un punto y coma. Todo esto es perfectamente normal. Cada programador ha
sentido esto, no sólo tu.

Lo que WordPress no es

Es importante darse cuenta de que técnicamente, no es lo mismo “codificar en WordPress” y el “código de
WordPress”. WordPress es un montón de código escrito en PHP. Por ejemplo, Joomla y Drupal (otros dos
sistemas de gestión de contenidos) también están escritos en PHP.

Vamos a explicar lo anterior un poco mejor. Decir “código de WordPress” es como decir un “coche BMW”. BMW,
Mercedes y Nissan son todos coches. Todos se construyen con tuercas, pernos y soldaduras. La diferencia entre
ellos es la forma en que se ponen juntas, las filosofías del diseño y las prácticas de encaje.

WordPress, Joomla, Drupal y todos los otros sistemas y frameworks que existen, están todos construidos con
los mismos componentes. La diferencia entre ellos es la filosofía de codificación y metodologías que emplean.

- 2 -

Cómo trabajar con PHP

Como mencioné anteriormente, PHP es un lenguaje de script del lado del servidor. En contraste, el HTML es un
lenguaje de marcado de documentos del lado del cliente. Analicemos HTML primero para entender lo que esto
significa.

La forma en que tu navegador interpreta el código HTML es el siguiente: Cuando visitas una página HTML se
envía el código HTML para tu navegador. El navegador procesa la información y devuelve algo que reconoces
como una página web.

Cuando el navegador visita una página que utiliza PHP, se emplea un paso intermedio. En primer lugar el código
PHP es procesado por el servidor. El resultado de este procesamiento es una página HTML, que se envía al
navegador y se muestra para que puedas verlo.

El procesamiento adicional por el servidor parece como un paso innecesario, pero ni mucho menos. Veamos un
ejemplo práctico con código PHP real:

1
<?php if( date( 'G' ) > 18 ) : ?>
2

3
<h2>Buenas noches</h2>
4

<?php else : ?>
5
6

<h2> Buenos días </h2>
7
8

<?php endif ?>
9

Sin ningún conocimiento de código PHP, ya podemos obtener alguna información sobre este. Sólo con verlo, se
puede interpretar que en un conjunto particular de circunstancias se va mostrar “Buenas noches”, y en otras se
mostrará “Buenos días”.

Cuando nos fijamos en la fuente de la página web resultante no habrá rastro de este código. Todo lo que se ve
es “Buenos días” o “Buenas noches” según que circunstancias. Esto se debe a que el servidor realiza el
procesamiento y sólo envía el resultado.

En el ejemplo anterior se ha utilizado la función de fecha para determinar qué hora es. date ( ‘G’ ) devuelve un
número del 0 al 23, donde 0 representa la medianoche y el 23 representa las 23:00. Si el valor de esta función
es más de 18 (que es posterior a las 18:00) mostramos las buenas noches. De lo contrario nos mostrará los
buenos días.

Ahora sabemos dos cosas acerca de PHP. Se nos permite utilizar sentencias if para mostrar contenido en
función de nuestros propios criterios. También sabemos que tiene funciones, que nos ayudan a llevar nuestro

- 3 -

objetivo a cabo. La función date() devuelve la fecha actual en un formato determinado. La función strtolower ()
convierte cualquier texto a minúsculas.

PHP en WordPress

Con ese último párrafo en mente, puedes reconocer PHP en todas las partes de WordPress. Abre el content.php
del tema por defecto Twenty Fourteen y échale un vistazo. Este archivo se encarga de mostrar el contenido de
las entradas del blog en el tema.

Vamos a comparar la primera línea de este archivo (desechando el comentario en la parte superior)…

1<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>

… Con la salida que genera cuando se visita la página:

1<article id="post-344" class="post-344 post type-post status-publish format-standard has-
post-thumbnail sticky hentry category-photos tag-example tag-tag">

Podemos deducir de la comparación que la función the_ID() se sustituye por el ID del artículo en cuestión. La
función post_class() añade una gran cantidad de clases para el elemento HTML. Estos nos ayuda a estilizar
nuestras entradas más adelante. No es importante en esta etapa saber por qué se añaden estas clases
específicas, sólo estamos familiarizándonos con funciones.

Más adelante, mirando de las líneas desde la 24 a la 28 también podemos ver una sentencia if:

1
if ( is_single() ) :
2
the_title( '<h1 class="entry-title">', '</h1>' );
else :
3
the_title( '<h1 class="entry-title"><a href="' . esc_url( get_permalink() ) . '"
4
rel="bookmark">', '</a></h1>' );
5
endif;

La sentencia if contiene is_single(). Ésta es una función que devuelve ‘verdadero’ si estamos ante una única
página de entrada “single post page”, de lo contrario devolverá ‘falso’. Cuando es verdadero, y estamos en una
sola página, utilizamos la función the_title() para emitir el título.

Si es falsa, seguimos usando la función the_title(), pero nos aseguramos de que se trata de un enlace a la única
página de entrada.

Ten en cuenta que algunas funciones son vacías “empty”, mientras que algunas tienen partes y piezas dentro de
ellas. Por ejemplo, is_single() es una función de vacío mientras the_title() tiene algo dentro del paréntesis.

- 4 -

Los elementos dentro del paréntesis se llaman argumentos. Cada función tiene diferentes argumentos
separados por comas, que se puede aprender a través de la documentación. El artículo del Codex sobre
the_title () nos muestra que esta función tiene tres argumentos:

1. El primer argumento nos permite agregar HTML antes del título.
2. La segunda nos permite agregar HTML después del título.
3. El tercer parámetro determina el tiempo que el título se muestra o simplemente se almacena para su uso
posterior.

Con base a esto, ahora entendemos lo que está pasando en la línea 25 del archivo content.php:

1the_title( '<h1 class="entry-title">', '</h1>' );

La función muestra el título, pero se antepone un tag de apertura H1 en este y anexa la etiqueta final.

El resultado de este código es el siguiente en el navegador:

1<h1 class="entry-title">El título de mi artículo</h1>

¿Cómo subir el nivel en programación de WordPress?

Es probable que no quieras pasar semanas trasteando a través de la documentación de PHP y aprendiendo
todo desde el principio. Pero debes hacerlo, y también te recomiendo que experimentes tanto como sea
posible.

¿Quieres pasar la lista de etiquetas de la parte inferior del artículo a la parte de arriba? La función the_tags() en
la parte inferior del archivo content.php parece ser la clave.

En primer lugar vamos a eliminarla. Luego, al guardar y actualizar la página, la lista de etiquetas desaparece.
Esto es bueno, ya que significa que es la función que da salida a las etiquetas. Ahora sólo tienes que copiarlo y
pegarlo en diversas partes del archivo para ver dónde termina.

Es probable que cuanto más alto incluyas el código, más alto estará en el contenido. Con un poc