Cabecera global
,
6 Mins Lectura

Cómo hacer un tema personalizado de WordPress

Inicio Blog Posicionamiento SEO Cómo hacer un tema personalizado de WordPress

WordPress es el creador de sitios web y el sistema de gestión de contenido más popular del mundo, con más de 76 millones de blogs y un estimado del 30 por ciento de sitios web de todo tipo en todo el mundo. WordPress es gratuito y fácil de instalar y usar incluso si eres un principiante, pero también permite a los usuarios experimentados personalizar su código según sea necesario. Una de las razones por las que WordPress es tan utilizado es su amplia gama de temas: miles de temas gratuitos y premium que pueden cambiar la apariencia y el diseño de un sitio web alojado de WordPress con un clic del ratón. Pero, si aún no puedes encontrar el tema perfecto entre todos ellos, es posible crear un tema gratuito de WordPress a partir de uno existente con poca codificación requerida.

Si te encuentras en esta situación, aprender a hacer un tema de WordPress puede ser la mejor solución para tus necesidades.

Cómo funcionan los temas de WordPress

Un tema de WordPress es un conjunto de código HTML superpuesto al código fuente que crea el marco de temas para un sitio de WordPress. Debido a que un tema no es parte del código fuente, se puede cambiar o modificar sin afectar la estructura del sitio en sí. Los archivos del tema crean una plantilla que se utiliza para establecer el aspecto y el diseño de todo el sitio web de forma unificada para que todas las páginas y publicaciones compartan características como los mismos colores, fondos y fuentes.

Cuando un usuario instala un tema de WordPress, las características del tema se agregan automáticamente al sitio. Si ese tema no le atrae, puede ser reemplazado simplemente eligiendo otro. No todos los temas comparten las mismas características y diseño, por lo que al cambiar un tema de WordPress, puede ser necesario reconfigurar algunas partes de la estructura de la página, como la forma en que se muestran los widgets. Del mismo modo, es posible que algunos complementos no funcionen, o funcionen de la misma manera, cuando se cambia un tema.

Personalización de temas

Los temas se pueden personalizar de varias maneras básicas directamente desde el panel de administración para que los usuarios sin experiencia en codificación puedan realizar cambios esenciales, como agregar un encabezado personalizado, cambiar las imágenes de fondo y elegir entre las opciones precargadas para cambiar las fuentes, los tamaños de fuente y los colores. Aunque estos cambios pueden agregar fácilmente un aspecto personalizado a un tema existente, están limitados a las opciones de tema que permite. Para una personalización más elaborada, los usuarios deben consultar las hojas de estilo de un tema, las CSS (hojas de estilo en cascada) que definen todos los parámetros del tema. Todos los temas se almacenan en la carpeta wp-content/themes del sitio.

Sin embargo, en algunas situaciones, incluso ese nivel de personalización de un tema determinado puede no satisfacer las necesidades del usuario y la mejor solución podría ser crear un tema de WordPress. Crear un tema de WordPress es un proceso complejo que implica cierta experiencia con HTML, CSS y PHP, el lenguaje de programación utilizado para desarrollar WordPress desde cero. Ese es un proceso que muchos usuarios nuevos pueden no querer realizar. Pero, hay otra forma de hacer un nuevo tema de WordPress: creando un «hijo» de un tema existente.

Hacer un nuevo tema de WordPress

Si las opciones ofrecidas por los temas existentes simplemente no satisfacen las necesidades de un sitio en particular, los usuarios con experiencia en diseño y desarrollo pueden optar por escribir un nuevo archivo de plantilla en HTML que incluya todos los elementos del tema. Una vez completados, estos nuevos archivos de tema se pueden cargar a través de FTP e instalar directamente en el directorio de temas de WordPress del sitio. Una vez instalado, se puede activar como cualquier otro tema creado por un desarrollador externo.

La creación de un tema hijo a partir de uno existente permite a los usuarios realizar cambios relativamente pequeños en la apariencia y el diseño de un tema sin alterar los archivos de plantilla originales del tema. Esa es una opción importante, porque los desarrolladores de temas pueden ofrecer actualizaciones o cambios en un tema existente que pueden borrar cualquier cambio local que un usuario haya realizado en los archivos del tema. Un tema hijo evita este problema con las plantillas, ya que se «separa» del tema principal y los archivos del padre permanecen sin cambios. Como entidad separada, el tema hijo de WordPress se puede editar de la forma que el usuario desee.

Hacer un tema hijo en WordPress

Un tema hijo es un tema separado que puede tener su propio nombre, pero necesita el tema principal para funcionar. Esto se debe a que se creó para ser una modificación de un tema existente, no uno completamente nuevo construido desde cero. Crear un tema de esta manera requiere cierta experiencia con la codificación y la administración de archivos del sitio, pero los usuarios sin mucha experiencia pueden trabajar con temas secundarios para realizar algunos cambios en el aspecto y el estilo del sitio.

Para crear un tema hijo, localiza el archivo wp-content/themes del sitio en el Administrador de archivos para tu instalación de WordPress y crea una nueva carpeta para el tema hijo allí. Nómbralo como quieras, pero deja claro que este nuevo tema se relaciona con un tema principal existente. Por ejemplo, podría llamarlo «[parent theme name]–niño».

La apariencia de un sitio está dictada por su hoja de estilo, un conjunto de código que describe todos los aspectos del aspecto del sitio, como los tamaños de fuente, el espaciado y los colores. Para hacer una hoja de estilo para el nuevo tema hijo, crea un nuevo archivo de texto y etiquétalo como «style.css».

Para que la hoja de estilo funcione correctamente, tendrás que pegar un fragmento de código llamado Encabezado de la hoja de estilo del Codex de WordPress, una fuente para los aspectos técnicos de trabajar con WordPress. El encabezado de la hoja de estilo requiere información como el nombre del nuevo tema, la plantilla o el nombre del tema principal, su nombre como autor del tema, etc.

Una vez instalado, este archivo contendrá el contenido de las hojas de estilo del nuevo tema. Importa las hojas de estilo del tema original añadiendo «@import» al archivo style.css. Una vez allí, estos estilos se convierten en parte del nuevo tema hijo y se pueden editar por separado para agregar características únicas a un tema existente. Tanto el tema hijo como el tema padre están disponibles en el archivo wp-content y se pueden activar o desactivar en cualquier momento.

Cientos de temas gratuitos de WordPress están disponibles desde el propio WordPress, y los diseñadores externos crean y venden más constantemente. Los temas están diseñados para ser fáciles de usar y personalizables «listos para usar» para los usuarios principiantes, pero si esas opciones no reflejan tu visión para tu sitio web personalizado de WordPress, es posible crear tu propio tema, o hacer tuyo un tema existente.

Esperamos que esta publicación te haya ayudado a aprender cómo hacer un tema de WordPress, pero si tienes más preguntas, ¡visita Bluehost.com hoy!

Ver todos

Escriba un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

El host más antiguo recomendado por WordPress.org.

Consigue hasta un 61% de descuento en alojamiento para sitios web y tiendas WordPress.