WordPress - Desarrolle con PHP plugins, widgets y temas avanzados (teoría, TP, recursos)

Transcripción

1 Introducción 1. Introducción A quién se dirige este libro? Requisitos previos Objetivos del libro 19 Introducción a WordPress 1. Introducción Qué es WordPress? La licencia GNU GPL Las ventajas de WordPress Los inconvenientes de WordPress El codex WordPress: guía de referencia Instalar WordPress Crear la base de datos Transferir los archivos de WordPress Configurar el sitio web Los diferentes identificadores La administración y los menús Escritorio Inicio Actualizaciones 40 1/17

2 5.2 Entradas Todas las entradas Añadir nueva Los bloques de la pestaña derecha Los bloques ocultos Categorías Etiquetas Multimedia Biblioteca Modificar una imagen Medios Páginas Comentarios Apariencia Temas Personalizar Widgets Menús Editor Plugins Plugins instalados Añadir Editor Usuarios Todos los usuarios Añadir nuevo Tu perfil Herramientas Herramientas disponibles Importar Exportar Ajustes Generales Escritura Lectura Comentarios 96 2/17

3 Medios Enlaces permanentes Las otras pestañas Conclusión 101 WordPress y PHP 1. Introducción La estructura de los archivos y directorios de WordPress Los archivos y directorios de la raíz del sitio web El directorio wp-content La base de datos de WordPress La estructura y los archivos principales de un tema Los archivos principales El resto de los archivos Los directorios eventualmente presentes en la raíz de un tema Las funciones de inclusión Los marcadores condicionales El bucle y sus funciones Las principales funciones de visualización en un bucle Las principales funciones para recuperar variables en un bucle Las funciones para los textos en los archivos PHP Las rutas de acceso en las URL 130 3/17

4 10. La función bloginfo() La función wp_nav_menu() Los hooks (filtros y acciones) Las acciones Los filtros Añadir filtros y acciones en una clase Eliminar los filtros y las acciones Probar los filtros y las acciones El orden de ejecución de las acciones Las variables globales Las variables globales en los bucles Las variables globales para detectar el navegador Las variables globales para los servidores Las variables globales para las versiones de WordPress Las variables globales diversas Las clases de WordPress La clase WP_Query y las consultas sobre el contenido Los métodos Los argumentos Ordenar por categorías Ordenar por etiquetas Ordenar por autores Ordenar por páginas y por entradas Seleccionar el orden de visualización Más para los filtros La concatenación de argumentos Varios bucles sobre la misma página Otras funciones para hacer las consultas 159 4/17

5 15.5 WP_Query y las funciones La clase wpdb y las consultas en formato SQL Los métodos útiles Los principales métodos de consulta y sus argumentos Crear tablas para los plugins con la función dbdelta() La clase WP_rewrite y la reescritura de la URL Pasar una variable en una URL con la función add_rewrite_tag() Reescribir la URL con la función add_rewrite_rule() Regenerar las reglas de escritura Los shortcodes Crear shortcodes Añadir argumentos a los shortcodes Recuperar el contenido Utilizar los shortcodes en los archivos PHP Conclusión 175 Los temas hijos 1. Qué es un tema hijo? Crear y utilizar un tema hijo Crear un directorio para el tema hijo El archivo estilo.css Las plantillas de página El archivo functions.php Las rutas de los directorios hijos Cargar un directorio idiomas en el tema hijo Los temas hijos para los plugins 182 5/17

6 Personalizar el sitio con el archivo functions.php 1. Introducción Crear funciones sencillas en PHP Mostrar una imagen Mostrar un anuncio Crear una función miga de pan sencilla Crear una función para ver las entradas de una categoría con el objeto WP_Query Una función sencilla con get_posts() La misma función con el objeto WP_Query Añadir un enlace «Leer más» a los resúmenes Añadir hojas de estilo y scripts Las funciones de adición Scripts disponibles Incluir los estilos y los scripts con los hooks Crear la función en el archivo functions.php Crear ubicaciones para los menús Crear sidebars y zonas para las sidebars Personalizar un tema con add_theme_support() Los formatos Añadir un formato Funcionamiento Utilización Las imágenes destacadas (thumbnails) Definir un tamaño de imagen destacada 212 6/17

7 9.2.2 Crear una segunda imagen destacada Los fondos (background) Los encabezados (headers) El logo Añadir otros tipos de entradas Añadir taxonomías específicas Conclusión 226 Los campos personalizados 1. Qué es un campo personalizado? Mostrar campos personalizados con the_meta() Mostrar los campos personalizados con get_post_meta() Automatizar campos personalizados con add_post_meta() La tabla wp_postmeta El plugin ACF (Advanced Custom Fields) Crear grupos de campos Recuperar y ver el valor de los campos personalizados en las plantillas de página 240 Las plantillas de página 1. Qué es una plantilla de página? 243 7/17

8 2. Crear plantillas de página para el bloque Atributos de la página Crear otras plantillas de página 246 Crear un tema y funcionalidades avanzadas 1. Introducción Crear el tema Personalizar el tema de base Limpiar el tema y preparar la base Modificar la página de inicio Añadir un logo con la función add_theme_support() Añadir una pestaña Opciones del tema La función add_theme_pages() Crear la pestaña Las buenas prácticas Llamar al archivo en functions.php Implementar la página de opciones Añadir una hoja de estilo CSS y un script JavaScript Añadir una imagen de banner Crear un método que incluya un campo input de tipo file Crear el código HTML Comprobar el archivo descargado Transferir la imagen con la función wp_handle_upload() 271 8/17

9 8.5 Utilizar las opciones para guardar en la base de datos Mostrar la imagen del sitio web Insertar una imagen por defecto cuando se activa el tema Crear una vista previa en la administración Crear un botón que restablece las opciones por defecto Seleccionar un color con Iris (color picker) Añadir el script JavaScript y el CSS Iris, paleta de WordPress Añadir el color por defecto Añadir el formulario Añadir el código JavaScript para hacer funcionar Iris Guardar la información Mostrar el resultado Añadir textos en la página de inicio Añadir código a los métodos de la clase Añadir un editor WYSIWYG con la función wp_editor() Guardar información Mostrar el resultado Añadir código CSS para hacer el tema responsive Añadir una sidebar en el footer para la página de inicio En resumen Conclusión 305 Los plugins y los widgets 1. Introducción 307 9/17

10 2. Los widgets Los plugins útiles Los plugins de presentaciones en diapositivas Los plugins para la administración Los grandes plugins Los plugins para los desarrolladores 362 Crear un plugin sencillo en PHP 1. Introducción Preparar los elementos Mostrar el plugin en la administración Crear el código PHP básico Crear un shortcode Crear una pestaña en el menú de administración Mostrar una pestaña principal Añadir funciones para los submenús de una pestaña principal de WordPress Añadir funciones para los submenús de una pestaña principal personalizados Crear la pestaña /17

11 7. Crear el mismo plugin como objeto El directorio mu-plugins Conclusión 380 Crear un plugin widget en PHP 1. Introducción Configurar el plugin La clase WP_Widget Configurar el widget Guardar el widget con la función register_widget() Mostrar el widget usando un hook Crear el formulario del widget Añadir campos HTML Añadir los métodos get_field_id() y get_field_name() Añadir argumentos por defecto Guardar y actualizar las opciones del widget Mostrar el widget en la sidebar /17

12 Crear un plugin con PHP/MySQL 1. Introducción Preparar los elementos Construir la clase Crear y eliminar la tabla Crear la tabla Eliminar la tabla durante la desactivación del plugin Eliminar la tabla durante la eliminación del plugin Añadir el submenú del plugin y la página de configuración Añadir el submenú Mostrar la página de administración Crear el formulario para guardar los mapas Añadir los archivos JavaScript y CSS Añadir los archivos Llamar al hook de acción load-(page) Comprobar los campos del formulario con jquery Guardar los mapas Recuperar y comprobar las variables Guardar el mapa con una consulta INSERT Redirigir después de la inserción Crear un menú con los diferentes mapas Recuperar todos los mapas con una consulta SELECT Crear el menú con un bucle Mostrar las páginas de mapas /17

13 9.1 Implementar un segundo template Añadir el menú al segundo template Mostrar la vista previa de un mapa y añadir su título Recuperar el id del mapa con una consulta SELECT Añadir código JavaScript del API de Google Maps Actualizar los mapas Crear el formulario para la actualización de los mapas Recuperar y comprobar las variables Actualizar la información con una consulta UPDATE Redirigir al usuario al mapa después de la actualización Eliminar los mapas Crear un botón para eliminar el mapa Recuperar y comprobar las variables Eliminar el mapa con una consulta DELETE Redirigir al usuario después de la eliminación Mostrar el mapa en el sitio web del lado del usuario con un shortcode Añadir la llamada JavaScript al API de Google Maps Crear shortcodes para cada mapa Mostrar el código en la página de cada mapa 437 Crear un plugin con Ajax y JSON 1. Introducción Preparar los elementos Configurar el plugin Construir la clase Crear la tabla Eliminar la tabla durante la eliminación del plugin /17

14 2.5 Añadir un submenú y la página de configuración Añadir los archivos JavaScript y CSS Crear el shortcode y añadir al sitio web Crear el shortcode Insertar el shortcode Mostrar el código en la administración para los usuarios Comprobar los campos del formulario en jquery Realizar la consulta Ajax WordPress y Ajax Transmitir las variables PHP al archivo JavaScript Generar una clave de seguridad La función de Ajax Recuperar los datos y guardar una dirección de correo electrónico Los hooks de acción wp_ajax_(action) y wp_ajax_nopriv_(action) Comprobar la clave de seguridad Guardar la dirección de correo electrónico con una consulta de inserción Comprobar las repeticiones antes de la inserción Enviar la respuesta a la consulta Ajax Añadir una imagen de carga (loader) Mostrar y gestionar las direcciones de correo electrónico en la administración Añadir un método que liste las direcciones de correo electrónico Crear un array con todas las direcciones de correo electrónico Crear una lista de direcciones de correo electrónico para copiar y pegarla fácilmente Eliminar direcciones de correo electrónico Crear un evento JavaScript en el botón de eliminación Enviar variables al archivo JavaScript Crear la consulta Ajax Crear el hook y el método para la consulta Ajax /17

15 8.5 Crear el método de eliminación Eliminar y enviar la respuesta a la consulta Ajax Actualizar la lista y comprobar que el array no está vacío Añadir una imagen de carga (loader) 475 Agregar un plugin a WordPress 1. Introducción Los requisitos previos de WordPress La licencia El archivo readme.txt Añadir el plugin Crear una cuenta en wordpress.org Enviar el plugin El directorio SVN 482 Traducir el tema y los plugins 1. Introducción WordPress y los idiomas El directorio wp-content/languages Los archivos de idioma del directorio wp-content/languages Otros directorios de idioma El funcionamiento Utilizar el paquete informático Poedit Descargar e instalar el paquete informático Crear el archivo de idioma Traducir /17

16 4. Usar los archivos en un tema o plugin Traducir las nuevas cadenas Traducir las páginas y las entradas 496 Optimizar y dar seguridad a un sitio web 1. Introducción Optimizar un sitio web Dar seguridad a un sitio web 502 Hacer copias de seguridad de un sitio web 1. Introducción Descargar los archivos por FTP Hacer copia de seguridad de la base de datos Restablecer el sitio web en caso de crash 510 Poner en línea o migrar su sitio web 1. Introducción /17

17 2. Importar la base de datos Modificar las URL con consultas SQL Transferir los archivos y modificar el archivo wp-config.php 517 WordPress MU 1. Introducción Qué es WordPress MU? Transformar un sitio web en WordPress MU Activar el multisitio Configurar y elegir las URL Modificar los archivos wp-config.php y.htaccess Gestionar una red En el panel de administración de la red En el panel de administración de cada sitio 528 Anexos 1. Enlaces útiles Glosario Los lenguajes de programación de WordPress Los términos de WordPress, de la Web y de programación /17