Cómo usar Customizer WordPress (mejor tutorial)

Al igual que muchas características de WordPress, la personalización del tema Built -in le permite realizar fácilmente cambios sin tener que comprender una sola línea de código o jarg técnico. En este tutorial de personalizador de WordPress, le daremos sencillos pasos a los que se hace referencia en cualquier momento. Pronto, cambiará los elementos de la página sobre la marcha, cambiará las imágenes de fondo y personalizará los menús. ¿Dónde está WordPress Customizer? Encontrar el personalizador de WordPress es simple. Después de conectarse a su área de administración de WordPress, explore la apariencia> Personalización.

Si desea ver una vista previa de un tema antes de activarlo, busque un tema y elija una vista previa en vivo. Navegue personalizando el tema ahora que sabe dónde está el personalizador del tema y cómo ver una vista previa de su tema, es hora de descubrir las opciones predeterminadas. ¿Ves los íconos circulares azules con un icono de lápiz flotando en el lado derecho de la pantalla? Haga clic en cualquiera de estos y podrá ver la configuración de ese elemento.

Echemos un vistazo rápido a cada opción predeterminada para personalizar el tema. Cambiar el eslogan y agregar un logotipo comenzaremos con los elementos básicos. Como su nombre indica, el sitio Identity le brinda la oportunidad de cambiar el título y el lema de su sitio de WordPress. Tal vez se pregunte por qué ve solo otro sitio de WordPress en el campo del eslogan. No se preocupe: esta es WordPress que le da un eslogan predeterminado. La buena noticia es que puedes cambiarlo y deberías hacerlo. Sin embargo, si te cuesta pensar en uno, puedes dejarlo en cualquier momento.

El panel de identidad del sitio también es el lugar donde puede agregar el logotipo de su sitio. Haga clic en Seleccionar el logotipo y el Administrador de medios se abrirá. Desde allí, puede elegir una imagen de la biblioteca de medios o cargar una nueva. Mientras se encuentra en el panel de identidad del sitio, es posible que desee agregar un Favicon a su sitio. WordPress llama a estos “íconos del sitio”, pero su función sigue siendo la misma para aparecer en las barras de marcado, las pestañas del navegador y las aplicaciones móviles. Favicon/ El icono del sitio es seguido por un proceso similar a agregar el logotipo. Haga clic en el sitio Seleccione el icono y elija una imagen de la biblioteca de medios o cargue una en el dispositivo.

Cambiar los colores de los límites de su sitio del panel de color dependerá del tema que use, lo que significa que algunos temas tendrán menos opciones que otros. Para cambiar su tema de color, use la herramienta de selección de color o, alternativamente, use los códigos de color hexadecimales para cambiar su imagen de fondo. ¿Quieres dar a los visitantes más opciones sobre cómo veo tu sitio? Activar el modo oscuro significa que su sitio mostrará un fondo oscuro y abrirá texto. Puede usar el editor de bloques en cualquier momento si desea más opciones de personalización. Cada bloque puede contener una configuración de color, lo que le permite tener más control que personalizar el tema. Para usar el editor de bloques, haga clic en la configuración de color cuando esté en el bloque que desea cambiar.
Creación de menús de navegación El panel de menús de personalizadores de WordPress le permite agregar fácilmente una gama de elementos de menú y reordinarlos para que se ajusten al estilo de su sitio. Después de hacer clic en los menús, podrá agregar un nuevo menú eligiendo Agregar un menú. Inserte un nombre para su menú y haga clic en Crear menú.
En este panel, también puede determinar si desea que el menú sea un menú principal o secundario. Ahora es el momento de comenzar a agregar elementos al menú. Haga clic en Agregar elementos, que deslizarán un nuevo panel a la derecha con un nuevo conjunto de opciones.

Aquí puedes agregar:

Enlaces personalizados
página
Postes
Categorías
Etiquetas
Elementos de menú
Ahora puede comenzar a seleccionar los elementos que desea en el nuevo menú. Seleccionar un elemento en el panel derecho cambiará el signo más en una marca. ¿Observe cómo los elementos comienzan a aparecer bajo el nombre del menú?
Puede reordinar los elementos del menú haciendo clic en la reordinación. El cuadro cambiará para mostrar más flechas. No se preocupe, no es tan complicado como parece.
Esencialmente, las flechas verticales cambian el orden en el que aparecen los elementos del menú, mientras que las flechas horizontales transforman un elemento del menú en un elemento de submenus. ¡Pruébelo solo para ver cómo funciona! Recuerde, puede ver cómo se reflejan sus cambios de tiempo real utilizando la ventana de vista previa en vivo.

La gestión de widgets de widget de su widget de WordPress 5.8 ha introducido un nuevo editor de widgets basado en la pantalla Widgets. Esto significa que ahora puede administrar sus widgets directamente en tiempo real. Sin embargo, si prefiere usar la interfaz del panel que utilicé durante este tutorial, puede volver siguiendo uno de los métodos en este artículo en el editor de widgets basado en bloques. Para ver qué widgets puede editar utilizando la nueva vista basada en bloque, busque iconos de lápiz junto a sus widgets. Si ha vuelto a los widgets de estilo más antiguos, puede administrar fácilmente varios aspectos del sitio de widgets, a su U, incluida la adición y eliminarlos. Hay una variedad de widgets que puede tener en su sitio web, como una galería, calendario y búsqueda.

Al igual que el panel de color, las opciones que tiene disponibles diferirán según el tema que use. Para agregar un nuevo widget a la interfaz del panel clásico, haga clic en el botón Agregar un widget, que le permitirá ver una lista de todos los widgets potenciales que puede agregar en su sitio. Haga clic en Widget, el UL que desea agregar y lo hará. poder ajustar su posición tirando de ellos. Personalizar la página de inicio para ser una página de destino si no desea que WordPress muestre publicaciones de blog en su página de inicio de forma predeterminada, le complacerá descubrir que hay una manera de cambiarlo. Para crear una página de destino, debe navegar por la página del panel de configuración y seleccionar el botón de radio una página estática.

Se le presentará 2 gotas adicionales. Úselos para elegir una página para su página inicial. ¿Ya no tienes las páginas configuradas en tu sitio? Cree una nueva página haciendo clic en Agregar una nueva página. Luego podrá crear una página vacía y darle un nombre. Agregar código CSS al personalizador de temas de su sitio web permite a cualquier persona, tanto técnicamente como no técnico, crear un sitio web. Sin embargo, si desea aventurarse más aparte de los elementos básicos, WordPress incluye un CSS (hojas en cascada) Agregar panel para ayudar a adaptar el sitio a sus necesidades precisas. Mientras que los usuarios de WordPress intermedios y avanzados a menudo agregan código CSS a través de un archivo style.css , el panel CSS de personalizador CSS adicional es una forma ideal de agregar código y ver resultados en tiempo real. Para ayudar a más codificadores para principiantes, WordPress sugerirá de manera inteligente los atributos sobre el GO, así como los errores de señalización si una declaración CSS es incorrecta.

Vea cómo se ve su sitio en diferentes dispositivos, asegurando que su sitio web se vea muy bien en los dispositivos móviles no debe ser solo una idea adicional, sino una parte esencial del desarrollo de su sitio Afortunadamente, WordPress hace que sea fácil ver qué tan rápido se verá su sitio. diferentes resoluciones de pantalla.
Mire debajo del panel de personalización del tema y verá 3 iconos en la pantalla, así como ocultar los controles. Cambie entre estas diferentes vistas para ver cómo se verá su sitio en otros dispositivos, como tabletas y teléfonos móviles. ¿Quieres obtener una mejor vista? Ocultar comandos le permite obtener una mejor vista del escritorio ocultando el panel. Salvar su trabajo publicando, guardando un boceto o programación una vez que esté listo para trabajar, puede hacer clic en el botón Publicar. Sin embargo, si no está listo para mostrar su nuevo diseño, siempre puede guardar un boceto. Haga clic en el icono de la rueda, que está al lado del botón publicado y abrirá el panel de acciones. Aquí, puede elegir guardar o programar su trabajo seleccionando el botón de radio relevante. La programación le permite elegir una determinada fecha y hora, lo cual es útil si desea que sus cambios de base sean en vivo, por ejemplo, cuando recibe menos tráfico web.

Como ha visto, WordPress Customizer es una herramienta fácil de usar que le permite hacer cambios en su WordPress sin codificar el conocimiento. El aspecto es fácil de navegar y le permite ver cualquier cambio que realice en tiempo real. Esperamos que te haya gustado leer este tutorial. Díganos si lo encontró útil en Twitter.