Este libro sobre WordPress (versión 6.5.3 cuando se escribió) está dirigido a desarrolladores profesionales, autodidactas y apasionados que tienen ya conocimientos de PHP. Gracias a él, podrá entender el funcionamiento de este CMS, desarrollar un plugin sencillo, dominar temas avanzados en PHP y temas basados en bloques, adquiriendo distintos conocimientos de forma progresiva mediante ejercicios prácticos completos.

El autor presenta la interacción entre PHP y el backoffice del CMS a través de varios ejemplos que muestran las distintas maneras de crear un sitio con WordPress con temas (clásicos o basados en bloques).

El lector aprenderá a instalar WordPress, a usar la herramienta de administración, a añadir funcionalidades con el archivo functions. php, a utilizar los temas basados en bloques con el archivo theme. json, a usar plugins, a guardar en una base de datos, a añadir tablas para dominar por completo los principios de funcionamiento del CMS y, posteriormente, a crear temas avanzados. Una parte del libro trata sobre la legislación RGPD, SEO, optimización, seguridad, traducción, migración, publicación en línea, etc. Se explicará y se pondrá un ejemplo del plugin ACF, que es esencial para el desarrollador.

Las funciones específicas de WordPress se explican en detalle con ejemplos y escenarios mediante ejemplos prácticos: crear y añadir funcionalidades en la administración de un tema, crear un tema a partir de una maqueta HTML, crear una extensión de rastro de migas de pan y un sitio con Twenty Twenty-Three, el tema basado en bloques con full site editing.

Los enlaces a la guía de referencia y al campo semántico utilizado le aportarán los principios necesarios para aumentar su conocimiento sobre un tema específico.

Puede descargar elementos adicionales a partir del sitio www.ediciones-eni.com.

Descargas

• Descargar los ejemplos del libro (27 531 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. Widgets
      5. e. Tema
      6. f. Contenido Incrustado
      7. g. El resto de ajustes
      8. h. Ver
      9. i. Editor
      10. j. Herramientas
      11. k. Agregar medios en los artículos
      12. l. Las secciones del menú de la derecha, parteDocumento
      13. m. Categorías
      14. n. Etiquetas
   3. 3. Medios
      1. a. Medios
      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. Editor
      3. c. Personalizar
      4. d. Widgets
      5. e. Menús
      6. f. Fondo
      7. g. Editor de archivos de temas
   7. 7. Plugins
      1. a. Plugins
      2. b. Añadir nuevo plugin
      3. c. Editor de archivos de plugins
   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. Los archivos principales de los temas clásicos
   3. 3. El resto de archivos de los temas clásicos
   4. 4. Las carpetas eventualmente presentes en la raízde un tema clásico
   5. 5. Los archivos y carpetas de los temas basados en bloques
   6. 6. El archivo functions.php
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 basados en bloques

1. Introducción
2. ¿Qué es un tema basado en bloques?
3. ¿Qué es una plantilla de bloque?
4. Escribir y modificar plantillas
5. El archivo theme.json
6. Estructura principal
7. Estructura de los preajustes
   1. 1. Para los colores
   2. 2. Para las tipografías
   3. 3. Para los espaciados
8. Colores
9. Tipografías
10. Diseño de página
11. Espaciados
12. Bordes
13. Activar y desactivar parámetros
14. Estructura de los estilos
15. Hacer referencia a un estilo
16. Elementos
17. 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. El archivo theme.json para los temas basados en los bloques
   6. 6. Poner en cola las hojas de estilo
   7. 7. Las rutas de las carpetas hijas
   8. 8. 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. Los encabezados (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 get_post_meta()
3. Automatizar los campos personalizados con add_post_meta()
4. La tabla wp_postmeta
5. El plugin 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 una plantilla de página con la sección Resumen - Plantilla
4. Crear una plantilla de página para los temas clásicos
5. Crear una plantilla de página para los temas basados en bloques
6. Crear otras plantillas de página
7. Jerarquía de los modelos de página

Crear un tema clásico y funcionalidades

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. Modificación del pie de página
14. En resumen
15. Conclusión

Crear un tema clásico a partir de una maqueta

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

Crear un sitio con un tema basado en bloques

1. Introducción
2. Instalación del tema y configuraciones
3. Configuración del encabezado
4. Configuración del pie de página
5. Crear el contenido de la página de inicio
6. Conclusión

Las extensiones y los widgets

1. Introducción
2. Los widgets
3. Las extensiones útiles
4. Extensiones para bloques
5. Las extensiones Page builder
6. Las extensiones de presentaciones de diapositivas
7. Las extensiones para la administración
8. Las grandes extensiones
9. 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

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. 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

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. Optimizar su sitio durante la carga
4. Generar más tráfico
   1. 1. Google My Business
   2. 2. Los backlinks y anclas
   3. 3. El SEO de pago Google Ads
5. Otras recomendaciones

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