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 tienen opciones integradas para personalizar fácilmente la estructura / disposición / diseño / plantilla. También puedes añadir más opciones de personalización mediante plugins.

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

A continuación figura una lista de los debates que trataremos en esta guía:

¿Preparados? Primeros pasos.

¿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 sitios web de pequeñas empresas, fotógrafos, blogueros, etc.

Después de elegir un tema, tendrá que personalizarlo según sus propios requisitos.

Por ejemplo, puede que desee utilizar un logotipo y colores de marca personalizados, retocar un poco la estructura / disposición / diseño / plantilla, cambiar el tamaño de las fuentes, utilizar sus propias imágenes, etc.

Algunas de estas personalizaciones son necesarias para crear un sitio web que realmente represente a su empresa y a su marca, y que no sea igual que el de los demás.

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

Por ejemplo, algunos temas activos pueden darle la opción de mover la barra lateral de derecha a izquierda, mientras que otros ni siquiera tienen barra lateral en su estructura / disposición / diseño / plantilla.

Dicho esto, echemos un vistazo a cómo personalizar fácilmente su tema de WordPress sin escribir ninguna línea de código, y llevarlo al siguiente nivel.

Uso del Personalizador de temas por defecto

En WordPress 5.9, WordPress ofrece una experiencia de edición completa del sitio.

Actualmente no hay muchos temas nuevos en el mercado que sean compatibles con la nueva característica de edición completa del sitio.

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

Utilice el editor de sitios completo de WordPress para personalizar un tema

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

Al hacer clic en él, se abrirá el editor de sitios completo.

Este editor es igual que el editor de bloques que utilizas para escribir entradas y páginas de WordPress.

Puedes añadir nuevos elementos a tus plantillas añadiendo bloques desde el lado izquierdo.

Aparte de los bloques normales, también puede utilizar bloques para todo el sitio, como navegación, logotipo, bucles de consulta posterior, etc.

Cada bloque viene con sus propios ajustes, donde puedes darle un estilo diferente y cambiar los colores, la tipografía y otras opciones.

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

Puede encontrarlos en la pestaña Patrones.

Puede editar diferentes áreas de su sitio web al hacer clic en el nombre de la plantilla en la parte superior y elegir una plantilla diferente para editar.

Para ver más plantillas, puede hacer clic en “Examinar todas las plantillas” en la parte inferior.

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

Basta con hacer clic en el nombre de una plantilla para abrirla en el editor.

La plantilla se abrirá en el mismo editor de bloques.

A partir de aquí, puedes editarlo como quieras.

Cuando esté satisfecho, haga clic en el botón Guardar de la parte superior para guardar los ajustes. Ahora puede visitar su sitio web para ver los cambios en tiempo real.

El editor de sitio completo es una forma potente y flexible de personalizar tu tema de WordPress.

Sin embargo, es una característica nueva y muchos temas de WordPress no la soportan por el momento.

Uso del Personalizador de temas heredados en WordPress

Si su tema actual aún no es compatible con el editor de sitio completo, entonces utilizará la característica heredada del personalizador de temas en WordPress.

En ese caso, puede personalizar su tema accediendo a la página Apariencia ” Personalizar desde el escritorio de WordPress.

Al hacer clic se iniciará el Personalizador de temas en su pantalla.

Verás los ajustes de personalización a la izquierda y la vista previa en directo de tu sitio web a la derecha.

Las áreas editables de su sitio web también se resaltarán con un icono de lápiz en la vista previa en vivo.

A continuación, puede desplegar cada opción en el panel izquierdo para cambiar sus ajustes.

El número de opciones en el panel izquierdo variará de un tema de WordPress a otro.

Sin embargo, la mayoría de los temas son compatibles con los elementos básicos, como la descripción corta del sitio, los widgets, los ajustes de la página de inicio, los menús y los ajustes CSS adicionales.

Para más detalles, consulte nuestra guía sobre cómo utilizar el Personalizador de temas de WordPress para editar su tema.

Personalice su tema de WordPress con control total

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

Si tu tema es compatible con una característica, es posible que puedas personalizarla usando un personalizador o un editor de sitio completo. Esto limita su capacidad para personalizar un tema de WordPress.

¿Y si quieres personalizar aún más o incluso crear un tema de WordPress a medida para tu sitio web?

Aquí es donde entra SeedProd .

Es el mejor maquetador de sitios web de WordPress del mercado. Se puede utilizar para crear hermosas disposiciones sitio web e incluso crear un tema personalizado sin escribir ningún código.

Primero, necesitas instalar y activar el plugin SeedProd. Para más detalles, consulte nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Tras la activación, deberá introducir su clave de licencia. Encontrará esta información en su cuenta del sitio web de SeedProd.

Después, tienes que elegir si quieres crear un tema de WordPress personalizado o crear páginas individuales para tu sitio web.

SeedProd puede hacer ambas cosas y le mostraremos los dos enfoques.

Personalizar páginas individuales de WordPress con SeedProd

Este enfoque es bastante flexible y permite crear fácilmente estructuras / disposiciones / diseño / plantillas de páginas a la carta.

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

Simplemente diríjase a la pantalla SeedProd ” Páginas de destino y haga clic en el botón Añadir nueva página de destino.

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

Esta plantilla se utiliza como punto de partida y puede cambiar todo lo que contiene más adelante. También puede empezar con un lienzo en blanco.

Basta con hacer clic en una plantilla para continuar.

SeedProd le pedirá un título para su página y una URL.

Después de introducir la información obligatoria, haga clic en el botón Guardar y empezar a editar la página.

Esto iniciará el maquetador de páginas SeedProd que es una interfaz de arrastrar y soltar.

A su izquierda, verá los bloques y secciones que puede añadir a la estructura / disposición / diseño / plantilla de su página con una vista previa editable en vivo a la derecha.

Basta con apuntar y hacer clic en cualquier elemento de la página para editarlo.

También puede añadir nuevos bloques e incluso secciones completas a su disposición desde la columna de la izquierda.

Para más detalles, consulte nuestro tutorial sobre cómo crear una página de destino en WordPress.

SeedProd viene con todos los elementos de diseño web populares que usted necesitará para hacer su sitio web. Incluye formularios de contacto, formularios opt-in, formularios de acceso, testimonios, barras de progreso, cabeceras, acordeones, menús de navegación, cajas de iconos, y un montón más.

También es compatible con WooCommerce y Easy Digital Downloads.

Esto significa que puede utilizar bloques de WooCommerce o EDD para mostrar productos en cualquier lugar de su sitio web, crear una página de finalizar compra / pago personalizada o diseñar una página de carrito para su tienda en línea.

Cuando esté satisfecho con la estructura / disposición / diseño / plantilla de su página, puede hacer clic en el botón Guardar, arriba a la derecha.

Desde aquí, también puede elegir publicar la página desde el menú desplegable o guardarla como plantilla.

Ya está. Puedes repetir este proceso para crear más páginas personalizadas en tu sitio web.

Creación de un tema personalizado en WordPress con SeedProd

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

Con este método, estarás diseñando tu propio tema de WordPress personalizado desde cero utilizando el mismo editor de arrastrar y soltar páginas.

Lo mejor de todo es que tu tema personalizado de SeedProd funcionará independientemente del tema que tengas instalado en tu sitio. Te da total libertad sobre tu diseño creativo, convirtiéndolo en el mejor maquetador de temas para WordPress.

Para empezar, simplemente diríjase a la página SeedProd ” Creador de temas y haga clic en el botón Temas.

SeedProd le mostrará ahora un montón de temas de inicio para elegir.

Puede modificar por completo todos los aspectos de estos temas.

Una vez elegido el tema, SeedProd generará todas las plantillas de temas.

Basta con hacer clic en el enlace Editar diseño situado debajo de un archivo de plantilla para editarlo.

Esto iniciará la plantilla en el editor de arrastrar y soltar, donde verá una vista previa en vivo en la columna derecha con un panel de edición en la columna izquierda.

Basta con apuntar y hacer clic para editar cualquier elemento / artículo o soltar elementos de la columna de la izquierda.

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

Se trata de bloques dinámicos que puede utilizar para mostrar bucles de contenido (para entradas de blog), títulos de entradas, imágenes destacadas, etc.

Una vez que haya terminado de hacer cambios en un tema, no olvide guardar los cambios.

Repite el proceso para editar otras plantillas a tu gusto.

Una vez que haya terminado, vaya a la página SeedProd ” Creador de temas y conmute el interruptor situado junto a la opción “Activar tema SeedProd” a “Sí”.

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

Para saber más acerca del maquetador de temas de WordPress SeedProd, consulte nuestro tutorial sobre cómo crear un tema de WordPress personalizado sin escribir código.

Esperamos que este artículo te haya ayudado a aprender cómo personalizar tu tema de WordPress a tu gusto. Puede que también quieras ver nuestra guía para principiantes sobre cómo crear un boletín de correo electrónico o ver nuestra guía SEO de WordPress para optimizar tu sitio web para obtener más tráfico de búsqueda.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.