Cómo usar el personalizador de temas en WordPress










  • Todas las actualizaciones más recientes de WordPress ahora vienen con un personalizador de temas. Esto le permite trabajar en ciertos aspectos del sitio con una interfaz fácil de usar. El personalizador de temas de WordPress le permite cambiar algo y ver los resultados en tiempo real antes de publicar.

    La mayoría de los temas de WordPress actualizados y actuales tienen incorporado el nuevo personalizador de temas. Incluso todos los temas listos para Gutenberg también lo tienen. Lo que esto también hace es permitir aún más libertad de tener cualquier tipo de conocimiento de codificación.

    En este artículo, le mostraré cómo usar el personalizador de temas en WordPress y aprovecharlo al máximo. Por supuesto, aún tiene la opción de realizar cambios y actualizaciones en su sitio haciendo clic en ciertas secciones.

    Sin embargo, el uso del personalizador de temas le permitirá ahorrar tiempo al permanecer en un lugar mientras mueve el contenido.

    ¿Dónde accedo al personalizador de temas de WordPress?

    Como se indicó anteriormente, el personalizador de temas de WordPress ahora es una característica predeterminada y es muy fácil de acceder.

    Para acceder al personalizador, inicie sesión en su área de administración de WordPress. Una vez que haya iniciado sesión, haga clic en Apariencia > Personalizar. Esto abrirá el área del personalizador de temas y podrá empezar a trabajar.

    Haga clic en apariencia y luego en personalizar

    Si tiene otros temas instalados en su sitio que no están activos, el personalizador de temas de WordPress también le permite obtener una vista previa de cómo se verán en vivo y jugar con los cambios.

    Simplemente haga clic en el botón «Vista previa en vivo» cuando pase el cursor sobre cualquier tema disponible en su área de administración.

    Haga clic en el botón de vista previa en vivo

    Cómo usar el personalizador de temas en WordPress

    Cuando acceda al personalizador de temas de WordPress, verá dos cosas. En el lado izquierdo de la pantalla verás todas las opciones disponibles y áreas que puedes personalizar. A la derecha, verá la vista previa en vivo actual de cómo se ve su sitio web.

    Diseño del personalizador de temas

    No importa qué tema esté ejecutando, así es como se verá la interfaz mientras usa el personalizador. Dicho esto, la cantidad de opciones disponibles en el lado izquierdo del personalizador de temas diferirá de un tema a otro.

    Algunos temas ofrecen más opciones personalizables que otros.

    En este tutorial, estoy usando el tema de WordPress Twenty Thirteen.

    Para realizar cambios en ciertas áreas del sitio web, debe hacer clic en el panel que desee y aparecerá un menú desplegable. A partir de ahí, podrá realizar cambios y verlos en tiempo real antes de publicar.

    Echemos un vistazo a los paneles de opciones que siempre están ahí como parte del personalizador de temas predeterminado de WordPress.

    Panel de identidad del sitio

    El primer panel disponible es el panel de identidad del sitio. Si hace clic en este panel, el menú flotante le dará las siguientes opciones:

    • Título del sitio
    • Lema
    • Icono del sitio

    Verás que dentro del personalizador hay algunos títulos predeterminados. Puedes cambiarlos a lo que quieras haciendo clic en las secciones relevantes y haciendo cambios. Al hacer esto, notará los cambios para que pueda ver cómo se ven.

    Panel de identidad del sitio del personalizador de temas

    También verá el área del icono del sitio. Para usar esto, simplemente cargue el logotipo que desee y colóquelo. El ícono del sitio es el pequeño gráfico que es parte de su marca y se muestra en los navegadores. Estos también se conocen como Favicons, y existen diferentes formas de crearlos y agregarlos a su sitio web de WordPress .

    Panel de colores

    Nuevamente, la cantidad de opciones de color diferentes disponibles se basará en el tema que esté ejecutando. En este ejemplo, solo hay una opción de color para cambiar y jugar.

    Cuando haces clic en el panel de color del personalizador de temas de WordPress, el menú flotante te presentará todas las opciones de color disponibles .

    Panel de colores

    Seleccione sus opciones y cambie sus colores como mejor le parezca. También puede haber otras opciones relacionadas con el color y el texto.

    Panel de imagen de encabezado

    El panel de imagen de encabezado es solo eso. Le permite cambiar la imagen del encabezado o la imagen del logotipo en la mayoría de los casos. La mayoría, si no todos, los temas de WordPress también le permitirán saber qué dimensiones debe tener su imagen para que funcione mejor cuando se cargue.

    Panel de imagen de encabezado en el personalizador de temas de wordpress

    El panel de imagen de encabezado le mostrará la imagen que está allí actualmente. Para cambiarlo, simplemente haga clic en el botón «Agregar nueva imagen». También tiene la opción de ocultar la imagen y usar texto en su lugar.

    Menús y panel de navegación

    El personalizador de temas de WordPress le brinda la capacidad de crear menús completos y colocarlos en las áreas de navegación disponibles proporcionadas por cualquier tema que esté utilizando. Esto hace que sea más fácil manejar todo en un solo lugar.

    Al hacer clic en el panel de menús, verá algunos elementos de forma predeterminada. Incluyen:

    • Menús
    • Crear nuevo menú
    • Ubicación del menú
    • Ver ubicación

    En la función «Menús», puede hacer clic en los menús que ha creado para ver qué hay y editarlos.

    Haga clic en los menús

    Aparecerá un menú flotante y verá lo que está disponible para editar desde allí. Puede reordenar el menú y/o cambiar de ubicación si lo desea.

    Reordenar menús y cambiar ubicaciones

    Si desea crear un nuevo menú desde el personalizador de temas de WordPress, simplemente haga clic en el botón «Crear nuevo menú».

    Crear nuevo botón de menú

    Se le darán algunas opciones de menú basadas en su tema. Simplemente asigne un nombre a su menú y haga clic en «Siguiente» para comenzar a agregar enlaces, elementos de menú y cualquier otra cosa que desee.

    Haga clic en el botón siguiente en el personalizador de temas de wordpress

    Haga clic en «Agregar elementos» y se le darán aún más opciones, según lo que esté disponible dentro del tema y lo que ya haya creado en su sitio.

    Agregar elementos al menú

    Panel de widgets

    El personalizador de temas de WordPress le permite agregar, eliminar y personalizar widgets sin tener que ir a la página de widgets en su área de administración. Cuando haga clic en el panel de widgets, se le presentarán las áreas de widgets disponibles de su tema.

    Panel de widgets del personalizador de temas de WordPress

    Para editar widgets, haga clic en una de las ubicaciones de widgets disponibles. Luego será llevado al área de agregar widgets. Haga clic en el botón «Agregar un widget» para comenzar.

    Haga clic en el botón Agregar un widget

    Cuando haga esto, aparecerá otro menú flotante que muestra todos los widgets disponibles que tiene actualmente. Para agregar una función, simplemente haga clic en el widget que desea agregar, ingrese los datos relevantes y guarde.

    Widgets disponibles

    Panel de configuración de la página de inicio

    Este es bastante sencillo, al igual que la mayoría de las configuraciones del personalizador de temas en WordPress. Desde aquí, puede seleccionar la página que desea mostrar para su página de inicio.

    De forma predeterminada, WordPress lo tiene configurado en «Tus últimas publicaciones». Sin embargo, si tiene una página específica que desea mostrar, haga clic en «Una página estática» y se le dará la opción de seleccionar cualquier página existente que haya creado para mostrarla como página de inicio de su sitio web.

    Panel de configuración de la página de inicio

    Panel CSS adicional

    El último panel predeterminado disponible en el personalizador de temas de WordPress es el panel «CSS adicional». Este panel le proporciona un área de edición de CSS donde puede editar y agregar codificación personalizada a su sitio.

    Panel css adicional en el personalizador de temas de wordpress

    Esta área funciona bien si está familiarizado con CSS personalizado y cómo escribirlo .

    Cosas para recordar sobre el personalizador de temas de WordPress

    Es posible que desee tener en cuenta algunas cosas al usar el personalizador de temas en WordPress.

    Puede ver cómo se verá su sitio en diferentes dispositivos haciendo clic en las opciones de control ubicadas en la parte inferior izquierda del personalizador.

    Vista previa de las opciones de tamaño de pantalla aquí

    También hay varios personalizadores de temas de WordPress que quizás prefieras. Estos se conocen como creadores de páginas y se han vuelto extremadamente populares en los últimos años. Tienen un montón de funcionalidades y casi cualquier persona puede usarlas.

    Uno de los mejores creadores de páginas que recomiendo es Elementor .

    Espero que este artículo le haya mostrado lo fácil que es usar el personalizador de temas de WordPress para personalizar fácilmente todas las áreas de su sitio web sobre la marcha.

    ¿Has usado el personalizador de temas en WordPress antes? ¿Encuentra que prefiere saltar por ciertas áreas de su administrador de WordPress para hacer sus personalizaciones en su lugar?