Tutorial de temas de WordPress para principiantes
Esta es una serie de tutoriales que cubre los conceptos básicos del desarrollo de un tema de WordPress desde cero. Es para ti que has incursionado un poco en cambiar otros temas, deseando saber lo suficiente para crear el tuyo propio, o intentaste crear tu propio tema desde cero, pero te costó entender los conceptos básicos de lo que necesita un tema. A través de 12 lecciones, este tutorial tiene como objetivo guiarlo a través del desarrollo de su propio tema de WordPress, mientras aprende prácticas comunes y los conceptos básicos sobre cómo funciona WordPress. El objetivo de este tutorial no es terminar con un tema atractivo y listo para usar o vender, sino brindarle la base sólida necesaria para construirlo y ampliarlo.
Le recomiendo que escriba todo usted mismo en lugar de copiar y pegar el código. ¡Esa es la mejor manera de aprender (no te preocupes, no estamos hablando de miles de líneas aquí)! Las lecciones están configuradas para que aprenda lo que hace cada bit de código, paso a paso, para que pueda modificarlo y agregarlo en el camino, para que pueda hacer que sea como usted quiere que sea o se vea como. Al final de cada lección, incluiré un enlace a las páginas de documentación para cada método utilizado, generalmente a WordPress Codex.
Este tutorial no cubrirá ningún estilo (CSS), sin embargo, explica cómo puede agregar sus hojas de estilo a su tema y explica cómo decirle a WordPress que agregue dinámicamente clases útiles en su HTML. Te animo a diseñar tu tema por ti mismo a medida que lo sigues.
requisitos previos
Este tutorial es para ti que:
- Conoce los conceptos básicos de HTML y CSS
- Conoce un poco de PHP. No necesitas ser un experto, pero debes saber lo básico.
- Están familiarizados con el uso de WordPress
- ¡Querer aprender!
Lo que necesitarás para seguir este tutorial es:
- Una configuración de desarrollo local. Puede desarrollar mediante la transferencia a través de FTP a un dominio, pero se recomienda configurar uno localmente. (Obviamente) también necesitaría tener WordPress instalado en su sitio de desarrollo. Explico brevemente cómo hacer esto en la Parte 0.
- Un buen editor de texto. Puede usar cualquier editor, como el Bloc de notas y similares, pero se recomienda usar un software específico para la codificación (es más fácil de leer, encontrar y escribir código). Personalmente uso Sublime Text 3.
Tabla de contenido del tutorial
A continuación hay enlaces directos a las 12 lecciones de este tutorial; sin embargo, al final de cada lección encontrará enlaces de navegación a la lección siguiente o anterior, por lo que no necesita volver aquí.
Sin más preámbulos, ¡ comencemos! Si ya tiene una configuración de desarrollo de WordPress local, vaya directamente a la Parte 1: Introducción.
-
El paso 0.5 del tutorial de temas de WordPress para principiantes cubre cómo configurar un entorno de desarrollo local con WAMP o XAMPP e instalar WordPress.
-
Tutorial de temas de WordPress para principiantes – Parte 1: Introducción
En esta lección, comenzará a aprender cómo WordPress carga contenido según la página en la que se encuentre y la jerarquía de los archivos de plantilla de tema. También aprenderá lo que se necesita para un tema válido. Y al final finalmente crearemos nuestro tema y lo activaremos.
-
Tutorial de temas de WordPress para principiantes – Parte 2: Plantillas
Esta lección le enseñará cómo estructurar las plantillas de construcción principales en un tema de WordPress. Comenzaremos creando las plantillas más importantes.
-
Tutorial de temas de WordPress para principiantes – Parte 3: Contenido dinámico
En esta lección del tutorial de temas de WordPress para principiantes, aprenderemos sobre los ganchos en WordPress y agregaremos algunos ganchos en nuestro tema que se requieren para que un tema funcione correctamente con WordPress y los complementos. También comenzaremos a acceder a contenido dinámico de WordPress en nuestro encabezado, como obtener automáticamente el título de la página actual.
-
Tutorial de temas de WordPress para principiantes – Parte 4: El Post Loop
En esta lección del tutorial del tema de WordPress para principiantes, entraremos en detalles sobre el "bucle de publicación" en WordPress; qué es, cómo se ve, por qué lo usamos y cómo acceder a las publicaciones. Luego, implementaremos el bucle en nuestro tema.
-
Esta lección del tutorial del tema de WordPress para principiantes tratará sobre cómo podemos acceder y generar información como su enlace, título y más de cada publicación cuando se encuentra dentro del ciclo de publicación. Hacemos esto con etiquetas de plantilla. En el proceso, también agregaremos las plantillas de vista única a nuestro tema.
-
Tutorial de tema de WordPress para principiantes – Parte 6: Funciones de un tema.php
Hoy aprenderemos dónde y cómo agregar código fuera de las plantillas en nuestro tema. Hacemos esto agregando el archivo functions.php del tema. En el camino, también aprenderemos cómo agregar sus hojas de estilo y scripts de la manera adecuada.
-
Esta lección continúa agregando el código básico requerido para configurar un tema de WordPress. Aprendemos a agregar soportes de temas y filtrar el título de la portada.
-
Tutorial del tema de WordPress para principiantes – Parte 8: Traducción
Aprendemos cómo funciona la traducción (o i18n) en WordPress y cómo hacer que los textos sean traducibles. También incluye una guía sobre el uso de PoEdit para generar archivos .po.
-
Tutorial de temas de WordPress para principiantes – Parte 9: Menús y áreas de widgets
Esta lección cubre cómo agregar dos funciones principales de WordPress a nuestro tema; menús y áreas de widgets. Aprendemos cómo registrar una ubicación para el menú de navegación principal de un sitio y generar el menú en nuestras plantillas, además de permitir agregar widgets en nuestra barra lateral y área de pie de página.
-
Tutorial de temas de WordPress para principiantes – Parte 10: Agregar más plantillas
En esta lección del tutorial de temas de WordPress para principiantes, profundizaremos más en las plantillas. Aprenderemos sobre las partes de la plantilla y las implementaremos para su reutilización. Y agregaremos más plantillas predeterminadas de WordPress a nuestro tema.
-
Tutorial de tema de WordPress para principiantes – Parte 11: Plantillas de página personalizadas
En esta lección del tutorial de temas de WordPress para principiantes, aprendemos sobre las plantillas de página, qué son, cómo crearlas y las mejores prácticas. Haremos una plantilla de ancho completo como ejemplo. En el camino, también agregamos una clase al cuerpo preguntando si la página está usando una plantilla de página específica.
-
Tutorial de tema de WordPress para principiantes – Parte 12: Consulta de publicación personalizada
En esta lección final, aprenderemos cómo escribir su propia consulta de publicaciones y recorrerlas sin interrumpir el ciclo principal en la plantilla. Haremos una parte de plantilla para publicaciones individuales que muestre publicaciones relacionadas en la misma categoría.
-
Tutorial del tema de WordPress para principiantes: conclusión y próximos pasos
Concluimos este tutorial de tema de WordPress para principiantes haciendo un resumen rápido de lo que hemos aprendido. Y analice qué puede hacer a continuación y cómo mejorar como desarrollador de temas de WordPress.