Cómo a?adir una barra lateral diferente para cada página o entrada de WordPress

En WordPressA?adir barras laterales personalizadas a diferentes páginas o entradaspueden ayudar a mejorar la flexibilidad y la experiencia de usuario de un sitio web. Configurando barras laterales exclusivas para distintos tipos de contenido, es posible mostrar información más relevante, como widgets personalizados, contenidos recomendados, anuncios, etc. A continuación se describen dos formas de implementarlo: mediante plugins para simplificar el funcionamiento, o utilizando código personalizado para aumentar la flexibilidad.

Imagen [1] - Cómo a?adir una barra lateral diferente para cada página o entrada de WordPress - Photonwave.com | Servicio Profesional de Reparación de WordPress, Alcance Global, Respuesta Rápida

Método 1: Uso de plug-ins (recomendado)

El uso de plug-ins es la forma más conveniente, especialmente para los usuarios que no están familiarizados con la programación, los plug-ins pueden proporcionar ajustes condicionales flexibles y una interfaz fácil de operar. A continuación se explica cómo utilizar Barras laterales sensibles al contenido para permitir que diferentes páginas o entradas tengan sus propias barras laterales.

Paso 1: Instale y active el plugin

  1. Inicie sesión en el backend de WordPress.
  2. En el menú de la izquierda, pulse Plugins > Instalar nuevo plugin.
  3. Escriba en la casilla de búsqueda Barras laterales sensibles al contenidoCuando encuentre el plug-in, haga clic en montajey luego haga clic en active.
Imagen [2] - Cómo a?adir una barra lateral diferente para cada página o entrada de WordPress - Photonwave.com | Servicio profesional de reparación de WordPress, en todo el mundo, respuesta rápida

Paso 2: Crear una barra lateral personalizada

Cuando se activa el plugin, aparece una nueva opción en el menú de la izquierda Barras laterales. Vamos a seguir los siguientes pasos para crear una barra lateral personalizada para algunas páginas o entradas específicas.

  1. En el backend de WordPress, haga clic en Sidebars > A?adir nuevo, comience a crear una nueva barra lateral.
Imagen [3] - Cómo a?adir una barra lateral diferente para cada página o entrada de WordPress - Photonwave.com | Professional WordPress Repair Service, Worldwide, Fast Response
  1. Nombre de la barra lateralNombre de la nueva barra lateral. Para facilitar la administración, se recomienda que el nombre incluya el nombre de la página o entrada, por ejemplo "Acerca de nosotros".
  2. CondicionesEsta es la funcionalidad principal del plugin y le permite establecer reglas de visualización para cada página, entrada, categoría u otra condición.
Imagen [4] - Cómo a?adir una barra lateral diferente para cada página o entrada de WordPress - Photonwave.com | Professional WordPress Repair Service, Worldwide, Fast Response
  1. Tipo de puestoBarra lateral: Seleccione en qué tipos de páginas o tipos de entradas desea mostrar la barra lateral. Por ejemplo, puede seleccionar Páginasy, a continuación, seleccione una página específica, como "Quiénes somos".
Imagen [5] - Cómo a?adir una barra lateral diferente para cada página o entrada de WordPress - Photonwave.com | Professional WordPress Repair Service, Worldwide, Fast Response
  1. TaxonomíasEs posible tener la misma barra lateral para todas las entradas de una categoría o etiqueta.
Imagen [6] - Cómo a?adir una barra lateral diferente para cada página o entrada de WordPress - Photonwave.com | Professional WordPress Repair Service, Worldwide, Fast Response
  1. FechaTambién puede configurar la barra lateral para que se muestre en una fecha o periodo de tiempo específicos para eventos, promociones y otros escenarios.ejemplos::
    • Supongamos que quiere argumentar a favor de "Quiénes somos"La página crea una barra lateral única que puede utilizar en el Tipo de entrada > Páginas Seleccione "Quiénes somos"para que esta barra lateral sólo se muestre en esa página.
Imagen [7] - Cómo a?adir una barra lateral diferente para cada página o entrada de WordPress - Photonwave.com | Servicio profesional de reparación de WordPress, en todo el mundo, respuesta rápida
  1. Cuando haya finalizado la configuración, pulse Cree Realiza la creación.

Paso 3: Asignar widgets a barras laterales personalizadas

  1. Después de guardar la nueva barra lateral, vaya a Apariencia > Gadgets(Apariencia > Widgets).
  2. Verá la barra lateral personalizada que acaba de crear en la página de widgets (por ejemplo, "Acerca de nosotros").
Imagen [8] - Cómo a?adir una barra lateral diferente para cada página o entrada de WordPress - Photonwave.com | Servicio profesional de reparación de WordPress, en todo el mundo, respuesta rápida
  1. Arrastre y suelte los widgets deseados (por ejemplo, texto, menús, enlaces sociales, etc.) en esa barra lateral.llamar la atención sobre algowidgets: Puede a?adir diferentes widgets en función de las necesidades de las diferentes páginas, asegurándose de que el contenido de la barra lateral de cada página es relevante para su contenido principal.
  2. golpe (en el teclado) Guardar Ahorre.

Paso 4: Ver resultados

Una vez completados los pasos anteriores, puede ir al front-end del sitio web y navegar por las páginas o entradas establecidas. La nueva barra lateral personalizada se mostrará automáticamente en función de los criterios establecidos, mientras que otras páginas seguirán mostrando la barra lateral predeterminada.

Ventajas de los plug-ins y consejos para usarlos

  1. La lógica condicional es poderosaConfiguración condicional: La configuración condicional del plugin le permite la flexibilidad de mostrar diferentes barras laterales en diversas situaciones. Ya sea por página, categoría, rol de usuario o configuración de fecha, puede administrar fácilmente el dise?o de la barra lateral de su sitio.
  2. Sin necesidad de escribir códigoPlugin de barra lateral: Incluso si no sabes programar, puedes utilizar el plugin para completar configuraciones complejas de la barra lateral.
  3. Compatible con la mayoría de temas::Barras laterales sensibles al contenido El plugin funciona con la mayoría de los temas de WordPress sin causar conflictos ni romper el dise?o de las páginas.
  4. Configuración avanzadaCondiciones: se pueden combinar varias condiciones para crear reglas de visualización más detalladas. Por ejemplo, podría establecerse una barra lateral para todas las entradas pertenecientes a una categoría concreta, mientras que podrían a?adirse otras barras laterales únicas a algunas de estas páginas específicas.
  5. Función de importación y exportaciónSi tiene varios sitios o necesita reutilizar la configuración de la barra lateral en diferentes sitios, el plugin proporciona la funciónImportación y exportaciónfunciones que ahorran mucho tiempo.

Método 2: Utilizar código personalizado

Si tienes algún conocimiento del código, o quieres controlar la visualización de la barra lateral de forma más flexible, puedes modificar los archivos del tema para conseguir que diferentes páginas o entradas carguen diferentes barras laterales. Aquí están los pasos específicos:

Primer paso:Creación de subtemas

Si modifica directamente los archivos del tema, puede perder sus modificaciones personalizadas cuando se actualice el tema. Para evitarlo, se recomienda crear un tema hijo.

Imagen [9] - Cómo a?adir una barra lateral diferente para cada página o entrada de WordPress - Photonwave.com | Servicio profesional de reparación de WordPress, en todo el mundo, respuesta rápida

Paso 2: Modificar el archivo de plantilla

Encuentre el tema actual en el single.php (para mostrar entradas individuales) o página.php (utilizado para mostrar la página), a?ada sentencias condicionales para cargar dinámicamente diferentes barras laterales en función del ID o slug de la página o entrada.

Imagen [10] - Cómo a?adir una barra lateral diferente para cada página o entrada de WordPress - Photonwave.com | Servicio profesional de reparación de WordPress, en todo el mundo, respuesta rápida

Código de ejemplo:

Código phpCopy
if (is_single('tu-post-slug')) {
    get_sidebar('custom-sidebar');
} else {
    get_sidebar();
}

En el código anterior:

  • tu-post-slug es el slug de la entrada concreta a la que desea aplicar la barra lateral personalizada.
  • barra lateral personalizada es el nombre personalizado que recibe esta barra lateral.

A continuación, debe crear un directorio temático denominado barra lateral-personalizada-barra lateral.php que es su plantilla personalizada para la barra lateral. En este archivo, puede a?adir cualquier código HTML o PHP para definir el contenido de la barra lateral.

Paso 3: Uso de etiquetas condicionales

Imagen [11] - Cómo a?adir una barra lateral diferente para cada página o entrada de WordPress - Photonwave.com | Servicio Profesional de Reparación de WordPress, Alcance Global, Respuesta Rápida

WordPress proporciona varias etiquetas condicionales para ayudarle a cargar diferentes barras laterales dependiendo de la página o entrada. Si desea cargar un archivo de barra lateral (barra lateral.php) en el que las barras laterales se cargan dinámicamente en función de las distintas páginas, he aquí algunas etiquetas condicionales comunes:

  • is_page(): Comprueba si la página actual es una página en particular.
  • is_single(): Comprueba si el artículo actual es un artículo en particular.
  • is_category(): Comprueba si la página actual pertenece a una categoría determinada.
  • is_tag(): Comprueba si la página actual es una página de etiqueta determinada.

Por ejemplo, puede utilizar el siguiente código para cargar diferentes barras laterales para diferentes categorías:

Código phpCopy

if (is_category('news')) {
    get_sidebar('news-sidebar');
} else if (is_category('blog')) {
    get_sidebar('blog-sidebar');
} else {
    get_sidebar();
}

Paso 4: Guardar y ver los resultados

Tras modificar el archivo de plantilla, guarde los cambios y visualice el sitio. En función de las condiciones que establezca, la página o la entrada cargarán la barra lateral personalizada adecuada.

resúmenes

A través de plug-ins como Barras laterales sensibles al contenidoEsta es una forma flexible de a?adir diferentes barras laterales a cada página o entrada de WordPress sin escribir código, y es adecuado para webmasters que no tienen conocimientos de programación. Si tienes conocimientos de programación, también puedes personalizar el código para configurar manualmente diferentes reglas de visualización de la barra lateral.


Contacte con nosotros
?No puede leer el tutorial? Póngase en contacto con nosotros para obtener una respuesta gratuita. Ayuda gratuita para sitios personales y de peque?as empresas
Servicio de atención al cliente WeChat
Servicio de atención al cliente WeChat
Tel: 020-2206-9892
QQ咨詢:1025174874
(iii) Correo electrónico: info@361sale.com
Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres
? Declaración de reproducción
Este artículo fue escrito por: xiesong
EL FIN
Si le gusta, apóyela.
felicitaciones0 compartir (alegrías, beneficios, privilegios, etc.) con los demás
comentarios compra de sofás

Por favor, inicie sesión para enviar un comentario

    Sin comentarios