Este libro de WordPress (versión 5.4.1 en el momento de su escritura), está dirigido a desarrolladores profesionales, autodidactas y apasionados con conocimientos de PHP. Le permite comprender el funcionamiento de este CMS y adquirir un dominio del desarrollo de extensiones en PHP, siguiendo un aprendizaje progresivo.

El autor presenta la interacción entre PHP y el backoffice del CMS a través de varios ejemplos, que evolucionan desde la programación procedimental a la programación orientada a objetos, mediante el uso de consultas SQL. A continuación, presenta la interacción con AJAX/JSON.

El lector aprende a instalar WordPress, a utilizar la herramienta de administración, a añadir funcionalidades, a usar extensiones para desarrolladores, a registrarse en la base de datos, a añadir tablas para dominar completamente las bases del funcionamiento del CMS y posteriormente, aprender a crear temas avanzados, widgets y extensiones. Una parte del libro trata sobre GDPR, SEO, optimización, seguridad, traducción, migración, implantación, etc. También se detallan las extensiones esenciales como ACF, Duplicator, WooCommerce o Yoast SEO. Hay un capítulo dedicado a WooCommerce, que permite al lector usar fácilmente sus clases, funciones y hooks y de esta manera, recuperar cualquier información en su código PHP para crear una tienda en línea.

Las funciones específicas de WordPress se detallan con ejemplos y escenarios a través de trabajos prácticos: creación y adición de funcionalidades en la administración de un tema, creación de un tema a partir de una maqueta HTML, adición de un editor wysiwyg, creación de una extensión de rastro de migas de pan, creación de un widget, creación de una extensión de Google Maps y creación de una extensión con un formulario para recuperar direcciones de correo electrónico en AJAX/JSON.

Los enlaces a la guía de referencia, así como al campo léxico utilizado, darán las claves necesarias para profundizar en el conocimiento sobre cualquier tema específico.

Se pueden descargar elementos adicionales del sitio www.ediciones-eni.com

¡Nuevo! Los quiz están disponibles con la versión online gratuita durante un año.



¡Nuevo! Rondas de preguntas disponibles con la versión online.

¡Ronda de preguntas
incluida en
la versión online !

• Ponga a prueba sus conocimientos al final de cada capítulo
• Evalúe sus competencias

Descargas

• Descargar los ejemplos del libro (47 595 Ko)

Prólogo

1. Introducción
2. ¿A quién se dirige este libro?
3. Requisitos previos
4. Objetivos del libro

Introducción a WordPress

1. Introducción
2. ¿Qué es WordPress?
   1. 1. La licencia GNU GPL
   2. 2. Las ventajas de WordPress
   3. 3. Los inconvenientes de WordPress
3. El códex WordPress: guía de referencia
4. Instalar WordPress
   1. 1. Crear la base de datos
   2. 2. Transferir los archivos WordPress
   3. 3. Configurar el sitio web
   4. 4. Los diferentes nombres de usuario
5. La administración y los menús
   1. 1. Escritorio
      1. a. Inicio
      2. b. Actualizaciones
   2. 2. Entradas
      1. a. Todas las entradas
      2. b. Añadir nueva entada
      3. c. Gutenberg y el sistema de bloques
      4. d. Texto y Medios
      5. e. Formato
      6. f. Diseño
      7. g. Widgets
      8. h. Contenido Incrustado
      9. i. El resto de ajustes
      10. j. Ver
      11. k. Editor
      12. l. Herramientas
      13. m. Agregar medios en los artículos
      14. n. Las secciones del menú de la derecha, parteDocumento
      15. o. Categorías
      16. p. Etiquetas
   3. 3. Medios
      1. a. Biblioteca
      2. b. Modificar una imagen
      3. c. Añadir nuevo
   4. 4. Páginas
   5. 5. Comentarios
   6. 6. Apariencia
      1. a. Temas
      2. b. Personalizar
      3. c. Widgets
      4. d. Menús
      5. e. Fondo
      6. f. Editor de temas
   7. 7. Plugins
      1. a. Plugins instalados
      2. b. Añadir nuevo plugin
      3. c. Editor
   8. 8. Usuarios
      1. a. Todos los usuarios
      2. b. Añadir nuevo
      3. c. Perfil
   9. 9. Herramientas
      1. a. Herramientas disponibles
      2. b. Importar
      3. c. Exportar
      4. d. Salud del sitio web
      5. e. Exportar datos personales
      6. f. Borrar los datos personales
   10. 10. Ajustes
       1. a. Generales
       2. b. Escritura
       3. c. Lectura
       4. d. Comentarios
       5. e. Medios
       6. f. Enlaces permanentes
       7. g. Privacidad
       8. h. Las otras pestañas
6. Conclusión

WordPress y PHP

1. Introducción
2. La estructura de los archivos y carpetas WordPress
   1. 1. Los archivos y carpetas en la raíz del sitioweb
   2. 2. La carpeta wp-content
3. La base de datos WordPress
4. La estructura y los archivos principales de un tema
   1. 1. Los archivos principales
   2. 2. El resto de archivos
   3. 3. Las carpetas eventualmente presentes en la raízde un tema
5. Las funciones de inclusión
6. Los marcadores condicionales
7. El bucle y sus funciones
   1. 1. Las principales funciones de visualizaciónen un bucle
   2. 2. Las principales funciones para recuperar variablesen un bucle
8. Las funciones para los textos en los archivos PHP
9. Las rutas en las URL
10. La función bloginfo()
11. La función wp_nav_menu()
12. Hooks (filtros y acciones)
    1. 1. Acciones
    2. 2. Filtros
    3. 3. Añadir filtros y acciones en una clase
    4. 4. Eliminar los filtros y las acciones
    5. 5. Probar los filtros y las acciones
    6. 6. El orden de ejecución de las acciones
13. Globales
    1. 1. Globales en los bucles
    2. 2. Globales para detectar el navegador
    3. 3. Globales para los servidores
    4. 4. Globales para las versiones de WordPress
    5. 5. Globales varias
14. Las clases de WordPress
15. Clase WP_Query y consultas del contenido
    1. 1. Los métodos
    2. 2. Los argumentos
       1. a. Ordenar por categorías
       2. b. Ordenar por etiquetas
       3. c. Ordenar por autores
       4. d. Ordenar por páginas y por artículos
       5. e. Elegir el orden de visualización
       6. f. Más sobre filtros
       7. g. La concatenación de argumentos
    3. 3. Varios bucles en la misma página
    4. 4. Otras funciones para hacer consultas
    5. 5. WP_Query y las funciones
16. La clase wpdb y las consultas en formato SQL
    1. 1. Los métodos útiles
    2. 2. Los principales métodos de consulta y susargumentos
    3. 3. Crear tablas para los plugins con la funcióndbdelta()
17. La clase WP_rewrite y la reescritura de la URL
    1. 1. Pasar una variable en una URL con la función add_rewrite_tag()
    2. 2. Reescribir la URL con la función add_rewrite_rule()
    3. 3. Regenerar las reglas de escritura
18. Los shortcodes
    1. 1. Crear shortcodes
    2. 2. Añadir argumentos a los shortcodes
    3. 3. Recuperar contenido
    4. 4. Utilizar los shortcodes en los archivos PHP
19. Conclusión

Los temas hijo

1. ¿Qué es un tema hijo?
2. Crear y utilizar un tema hijo
   1. 1. Crear una carpeta para el tema hijo
   2. 2. El archivo style.css
   3. 3. Las plantillas de página
   4. 4. El archivo functions.php
   5. 5. Poner en cola las hojas de estilo
   6. 6. Las rutas de las carpetas hijas
   7. 7. Cargar una carpeta languages en el tema hijo
3. Los temas hijo para las extensiones

Personalizar el sitio con el archivo functions php

1. Introducción
2. Crear funciones sencillas en PHP
   1. 1. Visualizar una imagen
   2. 2. Mostrar un anuncio
3. Crear una función rastro de migas simple
4. Crear una función para mostrar los artículos de una categoría con el objeto WP_Query
   1. 1. Una función sencilla con get_posts()
   2. 2. La misma función con el objeto WP_Query
5. Añadir un enlace ”Leer más” a los resúmenes
6. Añadir hojas de estilo y scripts
   1. 1. Las funciones de adición
   2. 2. Scripts disponibles
   3. 3. Incluir los estilos y los scripts con los hooks
   4. 4. Crear la función en el archivo functions.php
7. Crear ubicaciones para los menús
8. Crear barras laterales y zonas para ellas
9. Personalizar un tema con add_theme_support()
   1. 1. Los formatos
      1. a. Agregar un formato
      2. b. Funcionamiento
      3. c. Utilización
   2. 2. Las fotos en miniatura (thumbnails)
      1. a. Definir un tamaño de miniatura
      2. b. Crear una segunda miniatura
   3. 3. Los fondos (background)
   4. 4. Las cabeceras (headers)
   5. 5. El logotipo
10. Añadir otros tipos de artículos
11. Añadir taxonomías específicas
12. Conclusión

Los campos personalizados

1. ¿Qué es un campo personalizado?
2. Mostrar los campos personalizados con the_meta()
3. Mostrar los campos personalizados con get_post_meta()
4. Automatizar los campos personalizados con add_post_meta()
5. La tabla wp_postmeta
6. La extensión ACF (Advanced Custom Fields)
   1. 1. Añadir un nuevo grupo de campos
   2. 2. Recuperar y mostrar el valor de los campos personalizadosen las plantillas de página

Las plantillas de página

1. ¿Qué es una plantilla de página?
2. Crear plantillas de página para el inicio
3. Crear plantillas de página para el bloque Atributos de página
4. Crear otras plantillas de página
5. Jerarquía de los modelos de página

Crear un tema y funcionalidades avanzadas

1. Introducción
2. Crear el tema
3. Personalizar el tema de base
   1. 1. Limpiar el tema y preparar la base
   2. 2. Modificar la página de inicio
4. Añadir un logotipo con la función add_theme_support()
5. Añadir una pestaña Opciones del tema
   1. 1. La función add_theme_pages()
   2. 2. Crear la pestaña
   3. 3. Buenas prácticas
   4. 4. Llamar al archivo en functions.php
6. Configurar la página de opciones
7. Añadir una hoja de estilo CSS y un script JavaScript
8. Añadir un banner
   1. 1. Crear un método con un campo input de tipofile
   2. 2. Crear el código HTML
   3. 3. Verificar el archivo descargado
   4. 4. Transferir la imagen con la función wp_handle_upload()
   5. 5. Utilizar las opciones para guardar en base de datos
   6. 6. Mostrar la imagen en el sitio web
   7. 7. Insertar una imagen por defecto en la activacióndel tema
   8. 8. Crear una vista previa en la administración
9. Crear un botón que restablece las opciones predeterminadas
10. Elegir un color con Iris (color picker)
    1. 1. Añadir el script JavaScript y el CSS Iris,paleta de WordPress
    2. 2. Añadir el color por defecto
    3. 3. Añadir el formulario
    4. 4. Añadir el código JavaScript paraque Iris funcione
    5. 5. Guardar información
    6. 6. Mostrar el resultado
11. Añadir textos en la página de inicio
    1. 1. Añadir el código a los métodosde la clase
    2. 2. Añadir un editor WYSIWYG con la funciónwp_editor()
    3. 3. Guardar información
    4. 4. Mostrar el resultado
    5. 5. Añadir código CSS para hacer queel tema sea responsivo
12. Añadir una sidebar en el footer para la página de inicio
13. En resumen
14. Conclusión

Crear un tema a partir de una maqueta HTML

1. Introducción
2. Bootstrap
   1. 1. Instalación de Bootstrap
   2. 2. Recordatorio sobre el funcionamiento de la cuadrícula Bootstrap
   3. 3. Las clases de diseño: los componentes
3. La maqueta HTML
   1. 1. Creación de la cuadrícula Bootstrap
   2. 2. Añadir contenido HTML
   3. 3. Añadir CSS
   4. 4. Añadir un menú responsivo
   5. 5. Añadir las media queries Bootstrap
4. Preparar el tema
5. Importar las carpetas y archivos en el tema
6. Crear una plantilla de página para el inicio
7. Copiar el código HTML en el tema
8. Cambiar los enlaces
9. Añadir el logotipo y el título del sitio para la administración
10. Gestionar el menú usando la administración
11. Añadir campos con la extensión ACF
12. Añadir campos al footer del tema
13. Conclusión

Las extensiones y los widgets

1. Introducción
2. Los widgets
3. Las extensiones útiles
4. Las extensiones Page builder
5. Las extensiones de presentaciones de diapositivas
6. Les extensiones para la administración
7. Las grandes extensiones
8. Las extensiones para los desarrolladores

La ley RGPD

1. ¿Qué es la ley RGPD?
2. WordPress y la ley RGPD
3. Exportación y eliminación de los datos
4. La página de política de confidencialidad
5. Akismet y los comentarios
6. Las cookies
7. Las newsletters
8. El resto de formularios
9. Conclusión

Crear una extensión sencilla en PHP

1. Introducción
2. Preparar los elementos
3. Mostrar la extensión en la administración
4. Crear el código PHP de base
5. Añadir una hoja de estilo a su extensión
6. Crear un shortcode
7. Crear una pestaña en el menú de administración
   1. 1. Mostrar una pestaña principal
   2. 2. Añadir funciones para los submenúsde una pestaña principal de WordPress
   3. 3. Añadir funciones para los submenúsde una pestaña principal personalizada
   4. 4. Crear la pestaña
8. Crear la misma extensión en objeto
9. La carpeta mu-plugins
10. Conclusión

Crear una extensión widget en PHP

1. Introducción
2. Configurar la extensión
3. La clase WP_Widget
4. Configurar el widget
5. Guardar el widget con la función register_widget()
6. Mostrar el widget gracias a un hook
7. Crear el formulario del widget
   1. 1. Añadir los campos HTML
   2. 2. Añadir los métodos get_field_id()y get_field_name()
   3. 3. Añadir los argumentos por defecto
8. Guardar y actualizar las opciones del widget
9. Mostrar el widget en la sidebar

Crear una extensión con PHP/MySQL

1. Introducción
2. Preparar los elementos
3. Construir la clase
4. Crear y eliminar la tabla
   1. 1. Crear la tabla
   2. 2. Eliminar la tabla durante la desactivaciónde la extensión
   3. 3. Eliminar la tabla durante eliminación dela extensión
5. Añadir el submenú de la extensión y la página de configuración
   1. 1. Añadir el submenú
   2. 2. Mostrar la página de administración
   3. 3. Crear el formulario para guardar los mapas
6. Añadir los archivos JavaScript y CSS
   1. 1. Añadir los archivos
   2. 2. Llamar al hook de acción load-(page)
   3. 3. Verificar los campos del formulario con jQuery
7. Guardar los mapas
   1. 1. Recuperar y verificar las variables
   2. 2. Guardar el mapa con una consulta INSERT
   3. 3. Redirigir después de la inserción
8. Crear un menú con los diferentes mapas
   1. 1. Recuperar todos los mapas con una consulta SELECT
   2. 2. Crear el menú con un bucle
9. Mostrar las páginas de mapas
   1. 1. Implementar una segunda plantilla
   2. 2. Añadir el menú a la segunda plantilla
10. Mostrar la vista previa de un mapa y añadir su título
    1. 1. Recuperar el identificador del mapa con una consultaSELECT
    2. 2. Añadir el código JavaScript de laAPI Google Maps
11. Actualizar los mapas
    1. 1. Crear el formulario para la actualizaciónde los mapas
    2. 2. Recuperar y verificar las variables
    3. 3. Actualizar información con una consulta UPDATE
    4. 4. Redirigir al usuario al mapa después de laactualización
12. Eliminar mapas
    1. 1. Crear un botón para eliminar el mapa
    2. 2. Recuperar y verificar las variables
    3. 3. Eliminar el mapa con una consulta DELETE
    4. 4. Redirigir al usuario después de la eliminación
13. Mostrar el mapa en el sitio web, en el lado del usuario con un shortcode
    1. 1. Añadir la llamada JavaScript a la API GoogleMaps
    2. 2. Crear shortcodes para cada mapa
    3. 3. Mostrar el código en la página decada mapa

Crear una extensión con Ajax y JSON

1. Introducción
2. Preparar los elementos
   1. 1. Configurar la extensión
   2. 2. Construir la clase
   3. 3. Crear la tabla
   4. 4. Eliminar la tabla durante la eliminaciónde la extensión
   5. 5. Añadir un submenú y la páginade configuración
   6. 6. Añadir los archivos JavaScript y CSS
3. Crear el shortcode y añadirlo al sitio
   1. 1. Crear el shortcode
   2. 2. Insertar el shortcode
   3. 3. Mostrar el código en la administraciónpara los usuarios
4. Verificar los campos del formulario en jQuery
5. Realizar la consulta Ajax
   1. 1. WordPress y Ajax
   2. 2. Transmitir variables PHP al archivo JavaScript
   3. 3. Generar una clave de seguridad
   4. 4. La función Ajax
6. Recuperar los datos y guardar una dirección de correo electrónico
   1. 1. Los hooks de acción wp_ajax_(action)y wp_ajax_nopriv_(action)
   2. 2. Verificar la clave de seguridad
   3. 3. Guardar la dirección de correo electrónicocon una consulta de inserción
   4. 4. Verificar los datos duplicados antes de la inserción
   5. 5. Transmitir la respuesta a la petición Ajax
   6. 6. Añadir una imagen de cargando (loader)
7. Mostrar y administrar las direcciones de correo electrónico en la administración
   1. 1. Añadir un método que lista las direccionesde correo electrónico
   2. 2. Crear una tabla con todas las direcciones de correoelectrónico
   3. 3. Crear una lista de direcciones de correo electrónicopara copiar-pegar fácilmente
8. Eliminar las direcciones de correo electrónico
   1. 1. Crear un evento JavaScript en el botón deeliminación
   2. 2. Transmitir las variables al archivo JavaScript
   3. 3. Crear la consulta Ajax
   4. 4. Crear el hook y el método para la peticiónAjax
   5. 5. Crear el método de eliminación
   6. 6. Eliminar y transmitir la respuesta a la peticiónAjax
   7. 7. Actualizar la lista y comprobar que la tabla no está vacía
   8. 8. Añadir una imagen de cargando (loader)

Enviar una extensión a WordPress

1. Introducción
2. Los requisitos previos de WordPress
   1. 1. La licencia
   2. 2. El archivo readme.txt
3. Enviar la extensión
   1. 1. Crear una cuenta en wordpress.org
   2. 2. Enviar la extensión
   3. 3. La carpeta de subversion SVN

Traducir el tema y las extensiones

1. Introducción
2. WordPress y los idiomas
   1. 1. La carpeta wp-content/languages
   2. 2. Los archivos de idioma de la carpeta wp-content/languages
   3. 3. Otras carpetas languages
   4. 4. El funcionamiento
3. Utilizar el software Poedit
   1. 1. Descargar e instalar el software
   2. 2. Crear el archivo de idioma
   3. 3. Traducir
4. Utilizar los archivos en un tema o una extensión
5. Traducir las nuevas cadenas
6. Traducir las páginas y los artículos

Optimizar y proteger un sitio web

1. Introducción
2. Optimizar un sitio web
3. Proteger un sitio

Copia de seguridad de un sitio web

1. Introducción
2. Descargar los archivos por FTP
3. Hacer copia de seguridad de la base de datos
4. Hacer copia de seguridad del sitio web con la extensión BackWPup
5. Hacer copia de seguridad del sitio web con la extensión Duplicator
6. Restablecer el sitio en caso de fallo importante

Poner en línea o migrar su sitio web

1. Introducción
2. Importar la base de datos
3. Modificar las URL con consultas SQL
4. Transferir los archivos y modificar el archivo wp-config.php
5. Migrar su sitio web con Duplicator

El SEO

1. ¿Qué es el SEO?
2. El SEO natural y WordPress
   1. 1. Las etiquetas H
   2. 2. Los enlaces permanentes
   3. 3. Las imágenes
3. La extensión Yoast por Team yoast
   1. 1. Las recomendaciones para las páginas y artículos
   2. 2. La parte SEO
   3. 3. La parte legibilidad
   4. 4. La parte Social
   5. 5. Sección General
   6. 6. Sección Apariencia en el buscador
   7. 7. Sección Social
   8. 8. Sección Herramientas
   9. 9. Sección Premium
4. Optimizar su sitio durante la carga
5. Generar más tráfico
   1. 1. Google My Business
   2. 2. Los backlinks & Anclas
   3. 3. El SEO de pago Google Ads

WooCommerce

1. Introducción
2. Configuración de WooCommerce
   1. 1. El asistente de configuración
   2. 2. Los menús
   3. 3. El menú WooCommerce
   4. 4. El menú Productos
   5. 5. El menú Análisis
   6. 6. Los widgets
3. Las plantillas de páginas de WooCommerce
4. Las extensiones WooCommerce
5. Las clases WooCommerce
   1. 1. Recuperar la información de los productoscon WC_Product
   2. 2. Recuperar la información del carrito conla clase WC_Cart
   3. 3. Recuperar la información del pedido con laclase WC_Order
6. Los marcadores condicionales de WooCommerce
7. Los hooks WooCommerce
   1. 1. Los hooks de acción en las páginasTienda, Archivo y Categoría
   2. 2. Los hooks de acción en la páginaProducto
   3. 3. Los hooks de acción en la páginaCarrito
   4. 4. Los hooks de acción en la páginaPedido
   5. 5. Los hooks de acción en la páginaMi cuenta - Conexión
   6. 6. Los hooks de acción en la páginaMi cuenta
   7. 7. Los hooks de acción después de unacompra, según el estado del pedido
   8. 8. Los hooks de acción de los e-mails WooCommerce

WordPress MU

1. Introducción
2. ¿Qué es WordPress MU?
3. Transformar un sitio en WordPress MU
   1. 1. Activar el multisitio
   2. 2. Configurar y elegir las URL
   3. 3. Modificar los archivos wp-config.php y .htaccess
4. Administrar una red
   1. 1. En el panel de administración de la red
   2. 2. En el panel de administración de cada sitio

Anexos

1. Los enlaces útiles
2. Glosario
   1. 1. Los lenguajes de programación de WordPress
   2. 2. Los términos WordPress, de la Web y de programación