Saltar al contenido

Cómo personalizar su tema de WordPress (Guía para principiantes)

customize wordpress theme og Cómo personalizar su tema de WordPress (Guía para principiantes)

¿Quieres aprender a personalizar el diseño de tu tema de WordPress?

Muchos temas de WordPress vienen con opciones integradas para personalizar fácilmente el diseño y la disposición. También puede agregar más opciones de personalización mediante complementos.

En este artículo, le mostraremos cómo personalizar fácilmente su tema de WordPress y hacerlo suyo.

Personaliza un tema de WordPress para principiantes

La siguiente es una lista de temas que cubrimos en esta guía:

¿Finalizado? Empecemos.

¿Por qué personalizar su tema de WordPress?

Los temas de WordPress están diseñados para nichos de sitios web genéricos. Por ejemplo, hay temas para diferentes tipos de sitios web de pequeñas empresas, fotógrafos, blogueros y más.

Una vez que haya elegido un tema, deberá personalizarlo a su gusto.

Por ejemplo, es posible que desee crear su propio logotipo personalizado, usar colores de marca, modificar un poco el diseño, cambiar el tamaño de fuente, usar sus propias imágenes y más.

Algunos de estos ajustes son necesarios para crear un sitio web que realmente represente su negocio y marca y no solo se parezca al de los demás.

Dependiendo del tema de WordPress que elija, estas opciones pueden variar ampliamente de un tema a otro.

Por ejemplo, algunos temas pueden darle la opción de mover la barra lateral de derecha a izquierda, mientras que otros pueden ni siquiera tener una barra lateral en su diseño.

Dicho esto, echemos un vistazo a cómo puede personalizar fácilmente su tema de WordPress sin escribir ningún código y llevarlo al siguiente nivel sin romper su sitio web.

Uso del personalizador de temas predeterminado

WordPress vino con una experiencia completa de edición de sitios en WordPress 5.9.

No hay muchos temas en el mercado en este momento con soporte completo para la nueva función de edición completa del sitio.

Sin embargo, le mostraremos cómo usarlo para personalizar su tema de WordPress. También le mostraremos cómo usar el antiguo personalizador de temas, así como la herramienta completa de creación de sitios de WordPress que recomendamos para principiantes.

Usar el editor de sitio completo en WordPress para personalizar un tema

Si su tema de WordPress es compatible con un editor de sitio completo, verá el menú Editor en la opción Apariencia en la barra lateral de administración de WordPress.

Lanzar nuevo editor de sitio completo en WordPress

Al hacer clic en él, se iniciará el editor completo del sitio.

Este editor es como el editor de bloques que usa para escribir publicaciones y páginas de WordPress.

Editor completo del sitio

Puede agregar nuevos elementos a sus plantillas agregando bloques. Además de los bloques regulares, también puede usar bloques en todo el sitio, como navegación, logotipo, bucles de consultas posteriores y más.

Cada bloque tiene su propia configuración donde puede diseñarlo de manera diferente y cambiar los colores, la tipografía y otras opciones.

Configuración de bloques

Su tema de WordPress también puede proporcionar patrones adicionales que puede usar para crear rápidamente diferentes secciones.

Puede encontrar esto en la pestaña Patrones.

Agregue patrones a sus diseños

Puede editar diferentes partes de su sitio web haciendo clic en el nombre de la plantilla en la parte superior y eligiendo una plantilla diferente para editar.

Para ver más plantillas, haga clic en «Examinar todas las plantillas» en la parte inferior.

Plantillas prestadas

Esto le mostrará una lista de plantillas disponibles en su tema que puede editar.

Simplemente haga clic en el nombre de una plantilla para abrirla en el editor.

Seleccione una plantilla para editar

La plantilla se abre en el mismo editor de bloques.

Desde aquí puedes editarlo como quieras.

Editar plantilla de mensaje

Una vez que esté satisfecho con los cambios que ha realizado en su tema, haga clic en el botón Guardar en la parte superior para aplicar los cambios.

Guarda los cambios en tu tema

El editor de sitio completo es una forma poderosa y flexible de personalizar su tema de WordPress.

Sin embargo, es una función completamente nueva y muchos temas de WordPress actualmente no la admiten.

Uso del personalizador de temas heredados en WordPress

Si su tema de WordPress aún no es compatible con el editor de sitio completo, utilizará la función de personalización de temas anterior en WordPress.

En ese caso, puede personalizar su tema yendo a la Apariencia » Personalizar página.

Lanzamiento del personalizador de temas de WordPress

Al hacer clic en él, se iniciará el personalizador de temas.

Verá la configuración de personalización en el lado izquierdo de su pantalla y la vista previa en vivo de su sitio web a la derecha.

Personalizador de temas de WordPress

Las partes editables de su sitio web están marcadas con un ícono de lápiz en la vista previa en vivo.

También puede expandir cualquier opción en el panel izquierdo para cambiar la configuración.

opción extendida en el personalizador de temas

El número de opciones en el panel izquierdo varía de un tema a otro.

Sin embargo, la mayoría de los temas son compatibles con lo básico, como el eslogan de su sitio, los widgets, la configuración de la página de inicio, los menús y la configuración adicional de CSS.

Para obtener más información, consulte nuestra guía sobre cómo usar el personalizador de temas de WordPress para editar su tema.

Personaliza tu tema de WordPress con control total

Las opciones predeterminadas de personalización del tema de WordPress dependen del tema de WordPress que esté utilizando.

Si su tema admite una función, es posible que pueda personalizarla utilizando el personalizador o el editor de sitio completo. Esto limita sus opciones para personalizar un tema de WordPress.

¿Qué sucede si desea personalizar aún más o incluso crear un tema de WordPress personalizado para su sitio web?

Esto es verdad Producto de semilla viene en.

Es el mejor creador de sitios web de WordPress en el mercado. Puede usarlo para crear hermosos diseños de sitios web e incluso crear un tema personalizado sin escribir ningún código.

Lo primero que debe hacer es instalar y activar el Producto de semilla enchufar. Para obtener más información, consulte nuestra guía paso a paso para instalar un complemento de WordPress.

Después de la activación, debe ingresar su clave de licencia. Puede encontrar esta información en su cuenta en el sitio web de SeedProd.

seedprod license key Cómo personalizar su tema de WordPress (Guía para principiantes)

Después de eso, debe elegir si desea crear un tema de WordPress personalizado o crear páginas separadas para su sitio web.

SeedProd puede hacer ambas cosas y le mostraremos ambos enfoques.

Personaliza páginas individuales de WordPress con SeedProd

Este enfoque es bastante flexible y le permite crear fácilmente diseños de página bajo demanda.

Por ejemplo, puede diseñar una página de destino personalizada para un producto o campaña de marketing, o crear una página de agradecimiento para enviar a los visitantes después de que se registren en su lista de correo electrónico.

solo ve a SeedProd » Páginas de destino y luego haga clic en el botón Agregar nueva página de destino.

Agregar nueva página de destino

A continuación, debe elegir una plantilla para su página.

Esta plantilla se utiliza como punto de partida para que pueda cambiar todo lo que contiene más adelante. Alternativamente, puede comenzar con un lienzo en blanco.

Seleccione una plantilla

Simplemente haga clic en una plantilla para continuar.

Luego, SeedProd le pedirá que proporcione un título para su página y elija una URL.

Nombre de la página y URL

Después de ingresar la información requerida, . haga clic en el botón Guardar y comience a editar la página.

Esto iniciará la interfaz del creador de páginas de SeedProd. Esta es una herramienta de diseño de arrastrar y soltar.

Edición de un diseño de página en SeedProd

A su izquierda, verá bloques y secciones que puede agregar a su diseño de página con una vista previa editable en vivo de la página a la derecha.

Simplemente puede apuntar y hacer clic en cualquier elemento de su página para editarlo.

Señale y haga clic para editar un elemento

También puede agregar nuevos bloques e incluso secciones enteras a su diseño desde la columna de la izquierda.

Agregar nuevos bloques

SeedProd viene con todos los elementos de diseño web populares que necesita para crear su sitio web. Contiene formularios de contacto, formularios de suscripción, formularios de inicio de sesión, testimonios, barras de progreso, acordeones, menús de navegación, cuadro de iconos y mucho más.

También incluye soporte completo para WooCommerce. Puede usar bloques de WooCommerce para mostrar productos en cualquier lugar de su sitio web, crear una página de pago personalizada o diseñar una página de carrito de compras para su tienda en línea.

Bloques WooCommerce

Cuando esté satisfecho con el diseño y el diseño de su página, puede hacer clic en el botón Guardar en la esquina superior derecha.

Desde aquí también puede optar por publicar la página o guardarla como plantilla.

Guardar o publicar una página

¡Eso es! Puede repetir este proceso para crear más páginas personalizadas en su sitio web.

Crear un tema personalizado en WordPress con SeedProd

Este enfoque es muy recomendable si desea crear un diseño verdaderamente único para su blog, sitio web comercial o tienda de comercio electrónico.

Con este método, diseña su propio tema personalizado de WordPress desde cero utilizando el mismo generador de páginas de arrastrar y soltar.

La mejor parte es que su tema personalizado de SeedProd funcionará sin importar el tema que haya instalado en su sitio. Eso significa que no tiene que preocuparse por personalizar un tema predeterminado de WordPress, sino que tiene total libertad para crear su diseño.

Para comenzar, simplemente vaya a SeedProd » Creador de temas página y haga clic en el botón Temas.

Crear tema de SeedProd

SeedProd ahora le mostrará una serie de temas de inicio para elegir.

Puede cambiar completamente todos los aspectos de estos temas.

Elegir plantilla de tema

Después de elegir un tema, SeedProd genera todas las plantillas de temas.

Editar una plantilla de tema

Simplemente haga clic en el enlace Editar diseño debajo de un archivo de plantilla para editarlo.

Puede ver una vista previa en vivo de la plantilla en la columna de la derecha con un panel de edición en la columna de la izquierda.

theme builder interface Cómo personalizar su tema de WordPress (Guía para principiantes)

Simplemente apunte y haga clic para editar un elemento o suelte elementos de la columna izquierda.

Agrega un nuevo bloque a tu plantilla

SeedProd también viene con bloques específicos para la edición en todo el sitio.

Estos son bloques dinámicos que puede usar para mostrar el bucle de contenido (para publicaciones de blog), el título de la publicación, la imagen destacada y más.

Agregar bloques de etiquetas de plantilla

Cuando haya terminado de realizar cambios en un tema, no olvide guardar los cambios.

Repita el proceso para editar otras plantillas a su gusto.

Cuando termines, ve a laSeedProd » Creador de temasy cambie el interruptor junto a la opción ‘Habilitar tema de SeedProd’ a ‘Sí’.

Habilitar tema SeedProd

SeedProd ahora reemplazará su tema de WordPress con el tema personalizado que acaba de crear.

Para obtener más información sobre el generador de temas de WordPress de SeedProd, consulte nuestro tutorial sobre cómo crear un tema de WordPress personalizado sin escribir ningún código.

Esperamos que este artículo te haya ayudado a aprender a personalizar tu tema de WordPress.

También puede consultar nuestra guía para crear un boletín informativo por correo electrónico o nuestra guía SEO de WordPress para optimizar su sitio web para obtener más tráfico de búsqueda.

La publicación Cómo personalizar su tema de WordPress (Guía para principiantes) apareció primero en AprenderWP.