Cómo personalizar el tema de WordPress con el personalizador

Personalizar un tema de WordPress es un paso necesario para utilizar cualquier tema después de activarlo. Y con la ayuda del Personalizador del tema, puede hacerlo más fácilmente que nunca. Sin embargo, puede resultar un poco difícil cuando se acostumbre a esta herramienta. Entonces, si está confundido, este artículo será realmente útil para usted.

Después de elegir un tema de WordPress e instalarlo, debe usar la herramienta Personalizador para personalizar la apariencia del sitio web siguiendo la demostración del tema o su propio estilo. La ventaja de esta herramienta es el modo de vista previa en vivo que le permite ver directamente los resultados mientras personaliza. Esto le ahorra tiempo y es mucho más fácil de manipular que editar en el backend (Panel de administración).

Estos son los pasos básicos para personalizar un tema de WordPress con el Personalizador para crear un sitio web que sea más parecido al tema de demostración o a su deseo.

Abra la herramienta de personalización

Primero, vaya a Personalizador en la barra de administración en la parte superior de la página, o Panel de control > Apariencia > Personalizar para abrir esta herramienta.

La interfaz del personalizador consta de dos partes principales: la columna de la izquierda contiene opciones de personalización y la pantalla de la derecha muestra la vista previa en vivo. Esta es la interfaz más común de Customizer.

La columna de la izquierda incluye:

1: el botón Publicar para guardar los resultados después de la personalización. Si cierra el sitio sin hacer clic en él, su personalización no se guardará. Entonces, después de cada cambio, no olvide presionar este botón.
2: esta área muestra el tema que estás usando. Como puede ver en mi ejemplo, estoy usando el tema Memory. (Puede descargar este tema aquí).
3: Opciones de personalización del tema. Tenga en cuenta que las opciones de tema varían según los diferentes temas.
4: Haga clic en Ocultar controles para ocultar esta columna. Además, si desea ver cómo se ve la vista previa en vivo en otros dispositivos, simplemente haga clic en los iconos de dispositivo correspondientes aquí.

Después de familiarizarse con la interfaz del Personalizador, profundicemos en cada opción de personalización básica para personalizar una apariencia que sea más similar a la demostración oa su idea. Recuerde leer la documentación del tema con atención, ya que puede tener diferentes requisitos de personalización.

Personalizar tema por personalizador

Después de activar un tema, su sitio web aún no se parece a la demostración. A menos que su tema admita la importación de demostración, debe personalizarlo manualmente. Las secciones personalizadas comunes incluyen:

Configuración de la página de inicio

Esta es la sección más importante para determinar la visualización de su página de inicio.

En la configuración de la página de inicio , hay dos opciones para mostrar la página de inicio: las últimas publicaciones y la página estática. Dependiendo de los requisitos de cada tema, puede elegir una opción adecuada.

Para un sitio de lectura como blogs, debe elegir Sus últimas publicaciones .

Para las páginas comerciales, debe elegir una página estática , luego seleccionar una página para la página de inicio en la sección de Inicio y una página de archivo en la sección de la página de Publicaciones . Simplemente haga clic en el ícono del menú desplegable en cada sección para seleccionar una de las publicaciones y páginas disponibles, o haga clic en Agregar nueva página para crear una nueva para estos dos elementos.

Sin embargo, si la página de inicio elegida no se ha personalizado y configurado, es posible que carezca de funciones especiales como control deslizante, llamada a la acción, imagen de héroe, etc. y necesitará más personalización. Será mejor que lea las pautas del tema para estas configuraciones.

Identidad del sitio

Esta sección lo ayuda a cambiar la información sobre el sitio web, como cambiar el logotipo, el título, el eslogan.

Elija el logotipo, escriba el título y el lema de su sitio web. Además, puede tener opciones para personalizar el logotipo, el título u ocultar / mostrar estos elementos.

Color, imagen de fondo y fuentes

La mayoría de los temas, una vez activados, configurarán automáticamente colores, fondos y fuentes similares a la demostración. Sin embargo, en caso de que los elementos anteriores aún no estén listos, debe configurarlos.

Color

La mayoría de los temas admiten la sección Color. Sin embargo, mientras que algunos temas le permiten cambiar el color de muchos elementos, algunos temas se limitan a unos pocos.

Primero, haga clic en el elemento que desea cambiar de color (1) (como el color principal, el color del título o el color del texto). Puede elegir un color directamente en la paleta (2) o ingresar el código de color aquí (3).

Fuente

La sección Fuente o Tipografía le permite cambiar estilos de fuente, fuentes familiares, tamaño de texto, etc. dependiendo de cada tema.

La elección de una fuente familiar también depende de los requisitos del tema. La forma más sencilla es seleccionar una fuente disponible en el menú desplegable como la imagen de abajo. Temas como este suelen admitir solo algunas fuentes básicas.

Si sus temas son compatibles con Google Fonts, es posible que deba obtener el código, el nombre o el enlace de la fuente de fonts.google.com y luego pegar en los cuadros como este.

La ventaja de la segunda forma es que tiene muchas opciones de fuentes de Google Fonts.

Imagen de fondo

La mayoría de los temas le permiten elegir una foto para configurar la imagen de fondo . En la sección Imagen de fondo, haga clic en Seleccionar imagen y seleccione una foto de su biblioteca o cargue una.

Luego, puede editar el estilo, la ubicación y el tamaño de la imagen para que encaje perfectamente con su sitio web.

Para cambiar la imagen de fondo, haga clic en el botón Cambiar imagen . Si desea eliminar una foto de fondo, presione el botón Eliminar .

Cuando elige Repetir imagen de fondo , la imagen de fondo se repetirá desde el principio hasta el final de la página. Si elige Desplazarse con la página , se moverá junto con la página cuando se desplace como se muestra a continuación.

Menú

La sección Menú enumera todos los menús y sus ubicaciones actuales. Tradicionalmente, el menú principal está en el encabezado. Especialmente, algunos temas le permitirán mostrar más de una ubicación, como en el pie de página, la barra superior, el menú de diapositivas, etc. Para saber cuántas ubicaciones de menú tiene, mire el texto debajo de la Ubicación del menú .

El tema de la memoria, por ejemplo, tiene solo una ubicación para el menú. Puede verlo haciendo clic en la pestaña Ver ubicación . Luego, presione una ubicación de menú y seleccione un menú disponible que desee mostrar allí. Para editar un menú, haga clic en Editar menú y haga clic en Crear nuevo menú para crear otro.

¿Qué pasa con el detalle de crear y editar un menú? Puede consultar nuestro artículo anterior aquí.

Widget

Los widgets son bloques de contenido o funciones que se agregan a algunas áreas que admiten widgets, como la barra lateral o el pie de página. Hay 15 widgets de WordPress predeterminados que le permiten insertar videos, fotos, galerías, últimas publicaciones, páginas y más. Especialmente, algunos temas incluso ofrecen sus propios widgets especiales, por lo que debe averiguar exactamente los widgets que necesita y luego seleccionarlos correctamente.

En la sección de widgets , verá las áreas que admiten widgets en la página actual. El número y la ubicación de estas áreas también varían según el tema.

Para agregar un widget, haga clic en la ubicación para colocar el widget, como el pie de página, y haga clic en el botón Agregar un widget . Puede elegir uno de la lista o utilizar la barra de búsqueda para encontrar el widget que desee.

Después de elegir un widget, algunos como imagen, galería, video, audio y página pueden necesitar una configuración adicional para mostrarlos como desee. Al hacer esto, debe leer atentamente la solicitud del widget y seguirla. No se preocupe, estos pasos son bastante sencillos.

Para eliminar un widget, vaya al que desee y haga clic en Eliminar .

El botón Reordenar le ayudará a mover los widgets a otra área del tema. Específicamente, haga clic en (1), seleccione el nuevo área de widgets (2) y haga clic en el botón Mover (3). Además, el botón de flecha hacia arriba y hacia abajo (4) ayudará a mover los widgets en un área. Cuando termine, presione Listo (5).

Eso es todo, hemos terminado con los widgets.

Ultimas palabras

La personalización de estas secciones anteriores con el Personalizador son pasos generales y básicos para personalizar su sitio web para que parezca una demostración o su imaginación. Además, hay muchas otras secciones diferentes para cada tema. Si tiene alguna dificultad con la personalización, debe leer la documentación o comunicarse con el autor del tema de inmediato.

Espero que este artículo te haya ayudado a crear tu propia apariencia fascinante para tu sitio.