Cómo crear un tema de WordPress a partir de cero

Cuando es hora de elegir un tema de WordPress para su sitio, tiene muchas opciones. Quizás lo más fuerte es renunciar a los temas preparados en el mercado y construir los suyos. Crear su propio tema le brinda control completo cuando se trata de apariencia y funcionalidad. Puede llevar su proyecto al siguiente nivel. Es por eso que hoy le mostraremos cómo crear un tema de WordPress desde cero. Claro, es una gran tarea. Y es posible que se pregunte por qué le gustaría pasar por todo el trabajo necesario para crear su propio tema de WordPress. ¿Podría el producto final ser mucho mejor que un tema hecho listo?
Las ventajas de desarrollar el tema personalizado de WordPress Un tema personalizado es mucho más de lo que puede ver. Y hay beneficios para tener casi en todas partes. Por ejemplo, a partir de cero, no tendrá que romper el código de otro desarrollador para personalizar varios elementos. Al mismo tiempo, no está limitado por la configuración que el desarrollador ha integrado en el tema. Además, puede haber algunas ganancias significativas en términos de rendimiento del sitio. Los temas preparados tienden a incluir muchos escenarios y estilos, algunos de los cuales pueden permanecer sin usar. Al desarrollar un WordPress solo, solo puede agregar los elementos que necesita. Esto reduce la hinchazón y puede mejorar el tiempo de carga de la página.
Es cierto que solo rascamos la superficie de lo que se puede lograr. En total, se trata de construir un tema de WordPress que responda exactamente a las necesidades de su proyecto, no más, nada menos. ¿No debería ser este un objetivo para cada sitio web que cree? ¡Así que echemos un vistazo detrás de escena sobre cómo crear su propio tema de WordPress! Desarrollo de temas de WordPress Para principiantes para principiantes, el desarrollo de WordPress puede ser intimidante. Es comprensible, porque es un tema vasto, con tantas posibilidades. Y si alguna vez ha visto el código fuente de un tema listo, es fácil sentirse abrumado. Hay mucho para digerir. Una forma de aplanar la curva de aprendizaje es comenzar con los elementos básicos. Porque, una vez que comprende lo que hace que un tema de WordPress funcione, puede construir un ladrillo en ese momento. Antes de ingresar a las malas hierbas, reduzca la tarea de desarrollar un tema de WordPress a algunos conceptos básicos. Las habilidades básicas necesarias para desarrollar el tema de WordPress Lo primero es lo primero: no tiene que ser un programador experto para crear su propio tema de WordPress. No requiere un conocimiento avanzado de la informática. Para comenzar, debe tener una comprensión básica de los siguientes idiomas:
CSS
Html
Php
Y no, no me olvidé de JavaScript. Es ampliamente utilizado y esencial para la funcionalidad avanzada. Pero para aquellos que solo aprenden sobre cómo funcionan los temas de WordPress, no se necesita al 100% en este momento. Artículo clave: no tengas miedo de lo que no sabes. El desarrollo de un tema de WordPress es en realidad una excelente oportunidad para mejorar sus habilidades en estos campos. Cuanto más practiques, más aprendes. Marque el manual de WordPress y otros desarrolladores de tutoriales Una colección de recursos útil es el mejor amigo del desarrollador. Ya sea que se trate de un material de referencia en el que puede confiar para encontrar la funcionalidad que necesita o un tutorial guiado, todos podemos beneficiarnos de la ayuda adicional. Web simplemente está llena de recursos de desarrollo de WordPress. Pero hay algunos elementos específicos que nos gustaría señalar: el manual para los desarrolladores de WordPress incluye una gran cantidad de funcionalidades incorporadas para los temas. Es increíblemente útil por el hecho de que casi todo lo que quieres hacer con el tema personalizado ya existe. Solo necesita saber dónde encontrarlo y cómo usarlo. El manual para los desarrolladores de temas servirá como un punto de referencia de facto en su viaje incluye todo, desde los elementos básicos de cómo un tema funciona hasta una lista general de funcionalidad. Despertará que volverá a este recurso de vez en cuando.
Curso: Desarrollo del tema de WordPress (conceptos básicos) escritos por nuestro propio David Hayes, este curso gratuito lo llevará a un recorrido por los conceptos básicos de desarrollar un tema de WordPress. Aprenderá las claves para comenzar, como la jerarquía de plantillas de WordPress, el bucle y cómo usar el poder de las funciones.php. Lo bueno de este curso es que es fácil de leer e incluye funciones para ayudar a fortalecer lo que ha aprendido. Es el contrapeso perfecto para el manual para los desarrolladores de temas. Curso: Desarrollo del tema de WordPress (conceptos básicos) Estudiar la jerarquía de plantillas de WordPress que representa un tema de WordPress? Es posible que se sorprenda al descubrir que un tema puede estar compuesto por solo dos archivos: index.php-proporciona una plantilla para que su tema muestre contenido;
Style.css: sirve como una hoja de estilo principal para su tema;
Bastante fácil, ¿verdad? Para agregar un poco más de flexibilidad, un tema de “barebones” puede incluir lo siguiente:
Header.php-muestra la parte del encabezado de su sitio en cada página;
Pooter.php-muestra la parte del sótano de su sitio en cada página;
Functions.php: define la funcionalidad opcional para su tema, incluidos los scripts y los estilos colocados en la cola, junto con fragmentos de código PHP, etc.;
En teoría, al menos, podría ejecutar un sitio web completo solo con estos archivos. Pero a menudo queremos personalizar las cosas. Allí la jerarquía de las plantillas de WordPress ingresa al juego.
La jerarquía nos da una forma de crear plantillas personalizadas para diferentes tipos de contenido en WordPress. Por ejemplo, es posible que desee personalizar cómo las publicaciones de blog (single.php) se ve o agregar características específicas en la página de su sitio (Page-bout-u.php). Además, las plantillas personalizadas que cree pueden ser tan amplias o estrechas como desee. Las plantillas solo pueden dirigirse a ciertos tipos de publicaciones (Archive-Music.php) o simplemente la página inicial de su sitio (front-Page.php). La plantilla index.php mencionada anteriormente, por otro lado, podría manejar cada pieza de contenido. Simplemente dicho, si desea crear un WordPress receptivo desde cero, entonces necesita conocer la jerarquía de la plantilla. Para averiguarlo realmente, asegúrese de ver una presentación general visual para tener una mejor idea de cómo funcionan las cosas. Comprenda que un archivo de plantilla puede ser tan simple o complejo como desea echar un vistazo al código fuente de uno de esos temas populares de WordPress para todos estos y puede sorprenderse por su complejidad. Y aunque podemos debatir los méritos si el tema está bien construido, no hay duda sobre el código avanzado que está dentro.
Pero una plantilla de tema de WordPress no debería ser tan complicada.Considere este ejemplo de plantilla index.php en el manual de desarrolladores basado en WordPress, con algunos comentarios explicativos agregados en:
Aunque esta es una cantidad mínima de código, también podría reducirse aún más. Solo la porción de “el bucle” de la plantilla es realmente necesaria. El resultado es que una plantilla de tema de WordPress puede ser increíblemente simple. Pero también tiene la capacidad de integrarse en algo más complejo, si su proyecto lo requiere. Herramientas y técnicas para ayudarlo a crear su propia WordPress Una clave para aprender a crear un tema de WordPress desde cero es encontrar formas de simplificar el proceso, especialmente al principio. Tratar de hacerse cargo demasiado temprano puede conducir a la frustración. Afortunadamente, hay herramientas y técnicas que pueden ser de gran ayuda. Use un tema inicial de WordPress, aunque definitivamente es posible iniciar el editor de códigos con una pantalla completamente vacía y crear un WordPress receptivo desde cero, no es muy efectivo. Al menos no para el trabajo del proyecto que se realizará de manera oportuna. Por lo tanto, los temas de inicio de WordPress, como los personajes subrayados, son muy populares en la comunidad de desarrolladores. Están creados para proporcionar su proyecto temático para que sea un avance, cuidando los elementos básicos, que incluyen: plantillas temáticas Un tema inicial típico proporcionará plantillas que cubren los artículos utilizados. Por ejemplo, puede encontrar plantillas para:

índice y alternativa (index.php)
Encabezado (Header.php)

Subsol (footer.php)
Post Archives (Archive.php)

Publicaciones únicas (single.php)
la barra lateral
Resultados de la búsqueda (Search.php)
Esto puede variar según el paquete de temas iniciales que elija, pero debería darle una idea de qué esperar. Estilos y aspectos básicos La tarea de un tema de inicio de WordPress es ahorrarle tiempo, posibles horas. Por lo tanto, los estilos CSS que se incluyen probablemente serán mínimos y sin opiniones. Le dan un marco para personalizar el aspecto y el aspecto para satisfacer sus necesidades. Esto también puede incluir estilos receptivos para ayudarlo a construir dispositivos móviles. Lo que es poco probable que encuentre son estilos extremadamente pulidos. ¿Por qué? La idea es ayudarlo a construir desde cero, en lugar de romper lo que ya está allí y tomarlo desde el final. Funcionalidad útil Además de las plantillas y estilos básicos, un inicio de WordPress puede incluir algunas funcionalidades útiles. Por ejemplo, podría haber funciones que permitan una mejor accesibilidad o navegación móvil. Nuevamente, el objetivo es darle lo básico y permitirle hacerse cargo de allí. Personalice su tema inicial ¿desea maximizar aún más su desarrollo de WordPress?
Cree una versión personalizada de su tema inicial al que pueda acceder una y otra vez. Esencialmente, se trata de agregar scripts, estilos u otras características que generalmente usa en todos sus proyectos al hacerlo, evitará agregar estos elementos cada vez que comience a construir un nuevo sitio web. Por ejemplo, suponga que tiene una configuración de navegación móvil que prefiere. Puede configurar esto como desee en su tema inicial de WordPress, luego puede guardarlo en su dispositivo o en un servicio como GitHub. Ahora, cada vez que comienza un nuevo proyecto, esa configuración ya está disponible para usted es menos en su lista. Mantenga una biblioteca de fragmentos de código en su lugar, al desarrollar un tema de WordPress, puede haber pequeñas partes de funcionalidad que solo usa ocasionalmente. Puede ser una consulta de publicación personalizada o un código que extienda un complemento de WordPress. Estos son artículos que no debes comenzar desde cero cada vez. Para estas situaciones, crear una biblioteca de fragmentos de código puede servir como un recurso útil. Ya sea que los guarde como un GitHub o archivos de texto esenciales, tendrá fácil acceso al código cuando lo necesite. Sugerencia: agregue calificaciones a cada fragmento de código para recordar lo que hace y cómo usarlo. ¡Esto lo aliviará de tener que buscar las respuestas!