Publicado en , ,
8 minutos

Menú de Apariencia en WordPress – 2º Personalizar

Menú de Apariencia de WordPress - Personalizar
Así aprenderás a Personalizar el tema de tu sitio web, desde el Menú de Apariencia de WordPress.
Carlos Soriano
Carlos Soriano

Diseñador Web en WordPress

Tabla de Contenidos

Si has leído alguno de mis tutoriales, ya te habrás dado cuenta de lo versátil que es WordPress. En la primera parte de este tutorial, te expliqué que tienes a tu disposición infinidad de tema, que te ayudarán a agilizar la labor de crear un sitio web. Sin embargo, la mayoría de estos temas necesitan ser personalizados, para que el futuro sitio web, esté en concordancia con nuestra identidad corporativa. La forma más directa de conseguir esto, es a través del Menú de Apariencia de WordPress.

Sobre el Menú de Apariencia de WordPress

Antes de comenzar con la descripción del contenido del Menú de Apariencia de WordPress, es preciso aclarar un par de cuestiones.

Debes saber que, el contenido del apartado “Personalizar”, del Menú de Apariencia de WordPress, es utilizado por algunos desarrolladores de temas, para facilitar la configuración del sitio web. Por tanto, algunos temas incluyen apartados adicionales en este menú.

Por otro lado, otros desarrolladores de temas, utilizan frameworks o plugins constructores, para la mayoría de las configuraciones y personalizaciones del sitio. Reduciendo, por tanto, el número de elementos del apartado “Personalizar”.

Algunos plugins, también pueden añadir elementos adicionales en el menú “Personalizar”, con funcionalidades concretas.

En definitiva, debes tener en cuenta que, el presente tutorial incluirá los elementos del menú Personalizar, del Menú de Apariencia de WordPress, que están presentes en la mayoría de los temas. Si tu sitio web muestra otros elementos en este menú, consulta de documentación del tema que tengas instalado.

Aclarado esto, vamos allá.

Personalizar un tema en WordPress

Supongo que ya sabes cómo llegar hasta aquí. Pero, de todos modos, te lo repito. Accede al Panel de Administración de WordPress. En el menú de la izquierda, haz clic en Apariencia. En el menú desplegable, haz clic en Personalizar.

  1. Tema Activo:

Al hacer clic en «Tema Activo», accederás a un mundo de posibilidades visuales. Los temas son la columna vertebral estética de tu sitio. Puedes elegir entre miles de temas gratuitos y Premium, cada uno con su estilo único. Además de seleccionar un tema, esta sección también te permite personalizar colores, fuentes y estilos para que tu sitio coincida perfectamente con tu marca o estilo personal.

  • Temas Instalados: Este apartado te mostrará todos los temas que tengas instalados en tu WordPress.
  • Temas de WordPress.org: Explora y selecciona entre una amplia variedad de temas gratuitos y de pago.
  1. Identidad del Sitio:

Aquí, puedes establecer el nombre de tu sitio web y un eslogan breve que lo describa. La identidad del sitio es crucial, ya que proporciona una primera impresión clara a los visitantes. También puedes cargar un logotipo, lo que aumenta la profesionalidad y coherencia de tu sitio.

  • Título del Sitio: Establece el nombre principal de tu sitio web.
    • Descripción Corta: Agrega un eslogan breve que describa la esencia de tu sitio.
    • Logotipo: Carga un logotipo que represente tu marca o sitio web.
    • Icono del sitio: El icono del sitio, también llamado “favicon”, es el que aparecerá en la pestaña del navegador. Puede ser similar al logotipo o una insignia que represente tu marca.
  1. Colores, Fondo y Medios de Encabezado:

Estos son alguno de los elementos que más pueden variar, en función al tema que tengas instalados. Por tanto, no profundizaré demasiado en ellos.

Si el tema lo permite, puedes personalizar el fondo de tu sitio con imágenes o colores sólidos para establecer un ambiente visualmente atractivo. Además, puedes cargar una imagen de encabezado que se mostrará en la parte superior de tu sitio. Ajusta el tamaño y la posición de la imagen del encabezado para que se adapte a diferentes dispositivos, asegurando una experiencia visual óptima para todos tus visitantes.

  1. Menús:

La sección de menús te permite crear y personalizar tus menús de navegación. Puedes organizar tus páginas y categorías en el orden que desees, además de crear menús desplegables para una navegación más fácil. También puedes añadir enlaces externos, asegurando que los visitantes puedan acceder a recursos adicionales relacionados con tu sitio.

  • Menús: Si ya tienes un menú creado, aquí te indicará cual estas usando actualmente, que estará designado como “Principal”. Si haces clic aquí, podrás editarlo:
    •  Nombre del Menú: Debes darle un nombre, para poder identificarlo, ya que puedes crear más de uno.
    •  Elementos del Menú: Justo debajo del nombre, verás los elementos que componen el menú. Si haces clic en el botón, “Añadir Elemento”, un nuevo desplegable te mostrará todos los elementos que puedes añadir al menú. Páginas, entradas, categorías, etiquetas, enlaces personalizados, y todo el contenido dinámico que tenga tu sitio. Podrás arrastrar cada elemento, para ordenarlos como quieras.
    •  Ubicaciones de menús: Aquí puedes seleccionar, en qué lugar de tu sitio web, será visible el menú. Más información en el punto 4.3.
    • Crear un nuevo menú: Haciendo clic en este botón, podrás organiza las páginas, categorías y enlaces personalizados para crear menús de navegación intuitivos.
    • Ubicaciones de menús: Cada tema tendrá configurada una serie de ubicaciones, en las que puedes colocar tus menús. Para verlas, haz clic en el botón “Ver todas las ubicaciones”.
      •  Ver todas las ubicaciones: aquí verás las diversas ubicaciones que tu tema tiene configurado para tu menú. Podrás escoger de forma más generalizada, en cual colocar tu menú de navegación principal o algún otro secundario, que hayas creado.
  1. Widgets:

Los widgets son elementos pequeños y funcionales que puedes añadir a áreas específicas de tu sitio, como barras laterales y pies de página. Puedes incorporar widgets de texto, imágenes, últimas publicaciones, formularios de contacto y mucho más. Estos widgets mejoran la interactividad y el valor informativo de tu sitio.

Como en el caso de los temas, lo Widgets puede tener diversas ubicaciones, en función al tema que tengas instalado. Por lo general, las siguientes son las ubicaciones más habituales.

  • Barra Lateral: Añade widgets como «Entradas Recientes» o «Categorías» para mejorar la navegación en la barra lateral.
  • Pie de Página: Personaliza el pie de página con widgets como «Acerca de Nosotros» o «Redes Sociales».

Actualmente, WordPress utiliza para esta sección, su constructor nativo, llamado Gutenberg. Aquí puedes saber algo más sobre Gutenberg, el nuevo editor de WordPress.

  1. Ajustes de la Página de Inicio:

Esta sección te permite elegir qué mostrar en la página de inicio de tu sitio web. Puedes seleccionar las últimas publicaciones para un blog dinámico, una página estática para contenido permanente, o incluso crear una página de inicio personalizada utilizando bloques y widgets. Esto te da un control total sobre cómo los visitantes experimentan tu sitio desde el primer momento.

  • Últimas Entradas: Elige mostrar las últimas publicaciones en la página de inicio para un blog dinámico.
    • Una Página Estática: Selecciona una página específica como página de inicio si prefieres un contenido estático.
    • Página de Inicio: En el cuadro de selección, elige una página de inicio única, que hayas creado utilizando bloques y widgets para destacar contenido importante.
    • Página de Entradas: Si has seleccionado una Página de Inicio personalizada, puedes seleccionar que página de tu sitio mostrará tus entradas.
  1. CSS Adicional (Para Usuarios Avanzados):

Si tienes conocimientos de CSS, esta sección te permite introducir código personalizado para realizar ajustes precisos en el diseño de tu sitio. Puedes modificar tamaños de texto, espaciados, colores y otros aspectos visuales para lograr una apariencia completamente personalizada.

Debes tener en cuenta que, este apartado, está orientado a usuarios con conocimientos más avanzados. Si no es tu caso, no lo uses.

Verificación en Dispositivos:

En el apartado «Personalizar», encontrarás unos ícono de vista previa, que simbolizan un ordenador de sobremesa, una Tablet y un móvil. Se encuentran en la esquina inferior izquierda. Al hacer clic en el ícono correspondiente, podrás ver cómo se ve tu sitio en diferentes dispositivos. Esto te permite asegurarte de que tu sitio sea visualmente atractivo y funcional en todas las plataformas.

Conclusión:

El apartado «Personalizar» del Menú de Apariencia en WordPress, es una caja de herramientas poderosa para dar vida a tu sitio web. Al aprovechar todas estas opciones, puedes crear un sitio web impresionante y funcional, que se destaque en la vastedad del internet. Juega con estas herramientas, experimenta y, lo más importante, diviértete mientras transformas tu sitio de WordPress en algo verdaderamente único y tuyo.

Y, si no dispones de tiempo para esto, siempre puedes darme un toque.

Hasta el próximo tutorial.

Este sitio funciona con Hostinger. ¿Quieres un Alojamiento Web para tu WordPress?
Facebook
Twitter
LinkedIn
WhatsApp
Telegram

Comentarios

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos requeridos están marcados *

Juan Carlos Soriano Hernández, como Responsable de tratamiento de datos de Carlos Soriano - Diseño Web, te comunica que la finalidad de la recogida y tratamiento de los datos personales se debe a gestionar tus comentarios y responder a tus comentarios, así como al control antispam. La Legitimación se establece al marcar la casilla de aceptación, dando tu legítimo consentimiento. No se cederán datos a terceros destinatarios, salvo por obligación legal. Tienes Derecho a acceder, rectificar, limitar y suprimir tus datos. Para ello contacta con

dos × 5 =

Publicar comentario

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