Cómo Personalizar WordPress | Guía Para Usar El WordPress Customizer

0
Divi WordPress Theme

Tal vez no estabas enterado que WordPress viene con un personalizador de temas incorporado que nos permite realizar cambios en el diseño de un sitio web en tiempo real y muy fácil y rápido. Cada tema viene con cierto nivel de compatibilidad con las opciones de personalización por omisión o preestablecidas, pero muchos incluyen pestañas y opciones adicionales para el personalizador de temas de WordPress, por lo que puedes personalizar fácilmente un tema sin ningún conocimiento de codificación.

Esta es una guía rapida pero completa para aprender a editar temas. Te instruirá a través de los paneles predeterminados y te mostrará cómo usar el personalizador de temas de WordPress como un profesional.

Cómo personalizar WordPress Theme Customizer Ultimate Guide

Cómo acceder al personalizador de temas de WordPress

El personalizador de temas es una característica predeterminada de WordPress, y forma parte de cada sitio web de WordPress.

Accede a esta herramienta iniciando sesión en el área de administración de WordPress, y luego yendo a Apariencia » Personalizar desde la barra lateral izquierda de su panel de administración de WordPress. Esto abrirá la interfaz del personalizador con su tema actual.

Cómo acceder al personalizador de WordPress

También puede usar la página del personalizador de temas de WordPress para cualquiera de los temas instalados en su sitio web, incluso cuando no están activos.

Esto le permite ver una vista previa en vivo de ese tema y hacer cambios antes de activarlo. Para hacer eso, necesitas dirigirte a Apariencia » Temas página.

A continuación, desplace el cursor del mouse sobre cualquier tema instalado y haga clic en Vista previa en vivo Botón para abrir la página del personalizador de temas de WordPress.

Opción de vista previa en vivo del tema de WordPress

Cómo usar el personalizador de temas de WordPress

Después de abrir el personalizador de temas de WordPress, verá todas las configuraciones de personalización en el lado izquierdo de su pantalla y la vista previa en vivo de su sitio web en el lado derecho.

Personalizador de temas de WordPress

El personalizador de temas de WordPress viene con un conjunto de paneles predeterminados independientemente del tema que estés usando.

Debe hacer clic en los paneles individuales para realizar cambios en él. También puede hacer clic en cualquiera de los iconos de lápiz azul en el lado derecho de la pantalla para abrir la configuración de ese elemento en particular.

Nota: Los temas avanzados de WordPress agregarán paneles de configuración adicionales para opciones de personalización adicionales (más sobre esto más adelante).

Echemos un vistazo a las opciones predeterminadas disponibles en el personalizador de temas de WordPress.

Panel de identidad del sitio para Agregar título, logotipo y Favicon

los Identidad del sitio El panel en el personalizador de temas de WordPress le permite agregar o cambiar el título y el lema de su sitio web.

De forma predeterminada, WordPress agrega «Sólo otro sitio de WordPress» como el eslogan del sitio.

Se recomienda cambiarlo después de instalar WordPress en su sitio. También puedes mantenerlo en blanco si quieres.

Configuración de identidad del sitio para cambiar el título, el lema, el logotipo y el favicon del sitio

El panel de Identidad del sitio en el personalizador de temas de WordPress también le permite agregar el logotipo de su sitio. Simplemente, haga clic en el Seleccionar logo Opción para subir el logo de su sitio web.

¿Quieres añadir un favicon a tu sitio? Puedes hacerlo haciendo clic en el Seleccionar icono de sitio opción. Para obtener instrucciones detalladas, puede seguir nuestra guía sobre cómo crear y agregar un favicon a su sitio.

Personalizador de temas de WordPress: Cómo cambiar los colores de tu sitio web

Los controles en el Colores El panel variará principalmente según el tema de WordPress que estés usando.

Por ejemplo, el tema Twenty Seventeen le permite elegir el color del texto del encabezado y seleccionar una combinación de colores para todo su sitio web.

Cambiar colores en su sitio web

Otros temas de WordPress pueden ofrecer diferentes opciones de color para elementos del sitio como: encabezados, enlaces, texto del cuerpo, fondo de su sitio web, etc.

Agregar menús de navegación en el Personalizador de temas

los Los menús El panel le permite crear menús de navegación y controlar su ubicación en su sitio web.

En esta tabla, encontrarás todos los menús de WordPress existentes que creaste anteriormente. Puede hacer clic en el botón «Ver todas las ubicaciones» para verificar las ubicaciones de menú disponibles que admita su tema.

Menús Panel en Personalizador de Temas

Para crear un nuevo menú, debe hacer clic en Crear nuevo menú botón.

Después de eso, deberá asignar un nombre a su menú, para poder administrarlo fácilmente más tarde. También puede seleccionar la ubicación del menú y luego hacer clic en Siguiente para proceder.

Crear un nuevo menú de navegación.

Para agregar elementos a este menú, debe hacer clic en Agregar articulos Botón para abrir un nuevo panel. Ahora puede agregar enlaces personalizados, páginas, publicaciones, categorías y etiquetas como elementos de menú.

Añadir elementos al menú de navegación

Para reordenar los artículos, puede hacer clic en el Reordenar enlace y luego use los íconos de flecha para ajustar los elementos del menú.

Controle los widgets en su sitio web en el Personalizador de temas

los Widgets panel le permite agregar y administrar los widgets en su sitio.

Al hacer clic en él, se mostrarán las diferentes ubicaciones donde puede agregar widgets. Esto variará dependiendo del tema que estés usando.

Por ejemplo, el tema Twenty Seventeen ofrece 3 ubicaciones de widgets, mientras que el tema Twenty Nineteen viene con una sola ubicación.

Panel de widgets

Cuando haces clic en cualquiera de ellos, verás los widgets que has agregado previamente a esa ubicación.

Para agregar un nuevo widget, debe hacer clic en el botón «Agregar un widget». Esto abrirá un nuevo panel donde verá una lista de todos los widgets disponibles.

Añade widgets a tu sitio

Necesitas hacer clic en el que quieras agregar. También puede realizar cambios en los widgets recién agregados y ajustar su posición arrastrándolos hacia arriba o hacia abajo.

Panel de configuración de la página de inicio en el Personalizador de temas

De forma predeterminada, WordPress muestra las últimas publicaciones del blog en su página de inicio.

Sin embargo, para los sitios web de negocios, los usuarios prefieren utilizar una página de inicio personalizada. Le permite tener una página de destino adecuada que muestra sus productos y servicios.

Para usar una página de inicio personalizada, debe seleccionar el botón de radio “Una página estática” en la Ajustes de la página de inicio panel.

Ajustes de la página de inicio en el personalizador de temas

Esto abrirá dos nuevos menús desplegables que puede usar para seleccionar una página para su página de inicio y otra para mostrar sus publicaciones de blog.

En caso de que no tenga las páginas en su sitio, puede crear una nueva haciendo clic en el enlace «+ Agregar nueva página» debajo del menú desplegable. Esto creará una página en blanco con el nombre de su elección.

Panel CSS adicional para agregar CSS personalizado

¿Desea agregar un código CSS personalizado para estilizar su sitio web? Puedes hacer eso en el CSS adicional panel.

Los usuarios de WordPress intermedios y avanzados a menudo personalizan su sitio agregando un código CSS directamente al archivo style.css de su tema. Esto agrega pasos adicionales como tener acceso FTP a su alojamiento de WordPress, modificar archivos de temas, etc.

Una solución más fácil para los principiantes es agregar su código CSS personalizado al panel CSS adicional en el personalizador de temas de WordPress. Esto le permitirá realizar cambios en su sitio y verlos en vivo en el lado derecho de su pantalla.

Agrega código CSS personalizado al panel CSS adicional;

Cuando comience a escribir algún código CSS, WordPress le sugerirá atributos automáticamente según las letras que escriba. También mostrará mensajes de error si no ha escrito una declaración CSS adecuada.

Nota: Si desea personalizar su sitio web sin escribir ningún código, siga leyendo. Compartiremos dos opciones amigables para principiantes que te permitirán personalizar fácilmente tu tema e incluso crear un tema personalizado de WordPress.

Otras opciones para personalizar el tema

Algunos temas gratuitos y premium ofrecen más opciones de personalización de temas.

Dependiendo del tema que estés usando, puedes cambiar el estilo de fuente, agregar una imagen de fondo, cambiar el diseño, modificar los colores, agregar imágenes de encabezado aleatorias y mucho más.

También puede agregar características específicas a su personalizador de temas con la ayuda de complementos. Por ejemplo, puede agregar fuentes personalizadas en WordPress usando el complemento Easy Google Fonts.

Vista previa de su sitio web en diferentes resoluciones de pantalla

Es importante que todos los propietarios de sitios web se aseguren de que su sitio web responda a dispositivos móviles y se vea bien en todos los tamaños de pantalla.

Gracias al personalizador de temas de WordPress, puede comprobar fácilmente cómo se ve su sitio web en diferentes tamaños de pantalla.

En la parte inferior del panel Personalizador de temas, encontrará tres iconos y el enlace «Ocultar controles».

Vista previa del sitio web en diferentes resoluciones de pantalla

Estos íconos le permiten probar su sitio en diferentes resoluciones de pantalla, como computadoras de escritorio, tabletas y dispositivos móviles.

los Ocultar controles El enlace es útil para ocultar el panel del Personalizador de WordPress para que pueda ver su sitio correctamente en el modo de escritorio.

Publique, guarde o programe sus configuraciones de personalizador

Una vez que haya realizado los cambios necesarios, debe aplicarlos a su sitio. De lo contrario, todo su trabajo duro se perderá.

Sigue adelante y haz clic en el Publicar Botón para aplicar los cambios. Una vez hecho esto, puede hacer clic en el botón de cerrar, presente en la esquina superior izquierda de la pantalla, para salir del personalizador de temas.

Publicar la configuración del personalizador de WordPress

¿Qué pasa si necesitas más tiempo para finalizar tu nuevo diseño? En ese caso, puede guardarlo como borrador e incluso compartir su nuevo diseño con alguien sin darle acceso a su área de administración.

Para ello, debe hacer clic en el icono de engranaje que se encuentra justo al lado del Publicar botón. Esto abrirá el panel de acción.

Opción de guardar borrador de personalizador de WordPress

Aquí encontrarás tres opciones: Publicar, Guardar borrador y Programar.

Necesitas seleccionar la Guardar borrador botón de radio en el panel Acción y luego haga clic en Guardar borrador botón para almacenar sus cambios.

Ahora puede copiar el enlace de vista previa y compartirlo con otros para obtener comentarios.

Por otro lado, la Programar La opción le permite publicar sus cambios en una fecha y hora específicas. Puede usar esta opción para programar los cambios de tema para que se activen en el momento en que reciba menos tráfico.

Por último, si desea restablecer los cambios no publicados, puede hacer clic en Descartar los cambios Enlace en el panel de acción.

Previsualizar diferentes temas sin salir en vivo

Hay ocasiones en las que desea comprobar cómo se vería un nuevo tema en su sitio. Sin embargo, no desea activarlos en su sitio web en vivo.

En ese caso, puede abrir el Personalizador de WordPress para probar nuevos temas sin tener que estar en vivo.

En el panel Personalizador, encontrará el nombre de su tema activo y el Cambio botón.

Cambiar tema de WordPress desde el personalizador

Si hace clic en ese botón, WordPress mostrará todos los temas instalados en el lado derecho de la página.

Para comprobar un tema en particular, debe hacer clic en el Vista previa en vivo botón.

Vista previa de los temas instalados en el Personalizador de temas

También puede obtener una vista previa de los temas del repositorio de temas de WordPress. Para hacerlo, debe seleccionar la casilla de verificación «Temas de WordPress.org» en el panel izquierdo.

Esto mostrará temas del directorio de WordPress.org. Puede hacer clic en el botón «Instalar y previsualizar» para ver el tema que le gusta.

Directorio de temas de WordPress

También puede filtrar los temas haciendo clic en el Filtrar Temas Botón presente en la esquina superior derecha de su pantalla.

Nota: recomendamos utilizar un sitio web de prueba de WordPress para probar nuevos temas en lugar de usar el personalizador en un sitio en vivo.

Importar o exportar la configuración del personalizador de temas

¿Sabía que puede importar y exportar la configuración del personalizador de su tema?

Esto es extremadamente útil cuando está realizando cambios en su tema en su servidor local o en un sitio de prueba. En lugar de copiar la configuración manualmente a su sitio web en vivo, simplemente puede exportar la configuración del personalizador del tema para ahorrar tiempo.

Para obtener instrucciones detalladas, puede seguir nuestra guía sobre cómo importar y exportar la configuración del personalizador de temas en WordPress.

Alternativas para personalizar el tema de WordPress

Aunque el Personalizador de WordPress le permite realizar cambios en su sitio, la cantidad de controles variará según el tema que esté usando.

¿Qué sucede si le gusta su tema, pero desea que tenga opciones de personalización adicionales?

En ese caso, la mejor solución es usar uno de los dos complementos de personalización que funciona junto con el personalizador de temas de WordPress.

CSS Hero

Complemento CSS Hero

CSS Hero es un complemento de WordPressWordPress que le permite personalizar su sitio sin escribir una sola línea de código. Usted tiene la libertad de diseñar cada elemento de su sitio sin ningún problema.

¿Desea personalizar la página de inicio de sesión de su sitio de WordPress? CSS Hero te permite hacer eso en unos pocos minutos.

También puede editar y previsualizar los cambios en la interfaz para asegurarse de que su diseño se vea perfecto en todos los dispositivos.

Constructor de castores

Complemento Beaver Builder

Beaver Builder es uno de los mejores complementos de construcción de páginas de WordPress en el mercado. Te permite crear páginas impresionantes para tu sitio usando una interfaz de arrastrar y soltar.

La mejor parte es que Beaver Builder funciona con casi todos los temas de WordPress. Esto te permite usarlo con tu tema actual.

Beaver Builder soporta el uso de códigos cortos y widgets. También ofrece diferentes tipos de módulos que puede usar para estilizar fácilmente su sitio web. Consulte nuestra guía sobre cómo crear diseños personalizados en WordPress para obtener instrucciones detalladas.

También puede usar Beaver Builder para crear un tema de WordPress completamente personalizado sin escribir ningún código.

Esperamos que esta guía le haya ayudado a aprender cómo usar el Personalizador de temas de WordPress como un profesional. También puede querer ver nuestra guía sobre los mejores complementos y herramientas de WordPress para su sitio web.


Divi WordPress Theme

Bibliografía Original En Inglés

ganar dinero con el hosting reseller
Share.

About Author

Escrito por Wilmer Medina , emprendedor y master en tecnologías por Internet.

Coméntanos Sobre Lo Que Leíste !

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.