Personalizar barra lateral wordpress

Sidebar wordpress

WordPress viene con un montón de características realmente interesantes para la gente que quiere empezar un nuevo blog que está lleno de originalidad. Una de estas características es la barra lateral de WordPress. Las barras laterales tienen una variedad de usos que ponen todas las herramientas de personalización en las manos de usted, el blogger.

Una barra lateral es una parte de tu sitio web donde puedes mostrar otra información que no forma parte del contenido principal de tu sitio web. Tu barra lateral puede aparecer en una entrada específica del blog o en todas las páginas de tu sitio web.

La mayoría de la gente considera que las barras laterales sólo ocupan, bueno, las partes laterales de su sitio web. Pero la verdad es que hay otras áreas que pueden ser consideradas como espacio de la barra lateral. Aquí hay un simple gráfico para mostrarte dónde se encuentran las barras laterales cuando usas WordPress.

Los widgets son básicamente pequeños bloques que puedes añadir a tu barra lateral. Cada widget tiene una función única, como mostrar las entradas del blog, los formularios del sitio web, los anuncios o el contenido de las redes sociales. Cuando combinas los widgets, puedes crear un diseño único para tu blog.

Es importante que añadas a la barra lateral funciones que complementen tu marca. Por ejemplo, supongamos que utilizas con frecuencia las redes sociales para llegar a tu audiencia. En ese caso, puede ser una buena idea incluir tu feed social en tu barra lateral.

WordPress sidebar css

Históricamente, el propósito principal de la barra lateral ha sido proporcionar ayuda a la navegación del visitante - una función comúnmente necesaria hasta el día de hoy. Estas ayudas a la navegación están diseñadas para ayudar a la gente a moverse por tu sitio y encontrar la información que quieres que vean. La lista de elementos de navegación incluye Categorías, Páginas, Archivos e incluso los posts más recientes. Otra herramienta de navegación que verás en la barra lateral es un formulario de búsqueda para ayudar a la gente a encontrar lo que está buscando en tu sitio.

Esto pone el título Páginas en un encabezado H2 y luego pone las Páginas en una lista debajo del título. Este es sólo un ejemplo de su uso y hay más opciones disponibles para controlar el resultado final de la etiqueta de la plantilla llamada wp_list_pages().

Este ejemplo pone el texto de los enlaces a la derecha y a la izquierda de la pantalla. Puedes cambiar esto por algo más adecuado a la apariencia de tu barra lateral cambiando las referencias de la hoja de estilo o personalizando aún más los enlaces de la entrada siguiente y anterior.

Registrar_barra lateral

La mayoría de los sitios web van a lo seguro cuando se trata de la navegación. Los desarrolladores y diseñadores colocan una barra de navegación en la parte superior de cada página, incluyen unos cuantos enlaces a las secciones principales y se dan por satisfechos. Sin embargo, no hay necesidad de limitarse a una sola estructura de navegación de WordPress, especialmente cuando usted tiene la opción de sacudir las cosas mediante la creación de su propia barra lateral personalizada de WordPress.

El uso de una barra lateral personalizada le permitirá probar un aspecto diferente para su sitio. También puede proporcionarle una forma interesante de implementar nuevas características, como añadir elementos o anuncios personalizados para páginas individuales y mostrar sus entradas más populares. Además, tiene acceso a más espacio del que puede ofrecer una barra de navegación normal en la parte superior.

Probar una nueva estructura de navegación debe ser algo más que estilo: debe ser también funcionalidad. Al fin y al cabo, el objetivo principal de una herramienta de navegación es facilitar la vida de los usuarios.

Dicho esto, no todos los sitios web tienen que renunciar a las convenciones y optar por una barra lateral. En algunos casos, su diseño puede prestarse mejor a un menú de navegación tradicional. Sin embargo, las barras laterales personalizadas pueden ser muy útiles si necesitas añadir una funcionalidad adicional a tu sitio. Para ver un ejemplo, echa un vistazo a la imagen de arriba, que muestra un tema que utiliza una barra lateral para añadir un widget de búsqueda, una función de filtro por precio y categorías de productos.

Barra lateral personalizada de wordpress sin plugin

Hay plantillas que los diferentes tipos de páginas tienen por defecto. Por ejemplo, si quieres que todas tus entradas muestren una barra lateral, editarás la plantilla de una entrada. Si quieres que una barra lateral aparezca en todas tus páginas, querrás editar la plantilla de Página. Cuando editas una plantilla, el diseño se aplica a todas las páginas y publicaciones que ya utilizan la plantilla.

Si quieres crear una plantilla específica que puedas aplicar sólo a las páginas o entradas que elijas, puedes editar la plantilla En blanco. La plantilla en blanco es la que vamos a utilizar en los pasos siguientes. Pero, estos pasos se aplican a cualquier plantilla que estés editando.

La plantilla en blanco (o cualquier plantilla que edites) puede tener ya contenido de marcador de posición por defecto. Por lo tanto, una vez que haya añadido sus columnas, querrá mover el contenido del marcador de posición a las columnas.

La plantilla Índice es la que muestra una lista de tus publicaciones. La plantilla Archivo es la que muestra las publicaciones con una categoría o etiqueta en particular. Al añadir una barra lateral a cualquiera de estas plantillas, la barra lateral aparecerá en las páginas de tus publicaciones y en las páginas de categorías y etiquetas.