Pregunta sobre Custom Sidebars - Dynamic Sidebar Widget Area Manager de Wordpress:

Tema 2017: solo en las páginas, la barra lateral está a la izquierda

Un usuario preguntó 👇

DEVelopers WPMU, un chara 😉

Estoy usando mi propio hijo de veintisiete años, disponible en github: https://github.com/airbjorn/twentyseventeen-dcb
Estoy usando barras laterales personalizadas y me pregunto por qué las barras laterales se muestran en diferentes lados, según el tipo de material.

Ejemplos de entradas de blog con barra lateral derecha como se esperaba:
https://forum.dcb.org/category/contest/gs-flatlands-2020/

La página de muestra muestra la barra lateral a la izquierda, pero también debe estar ubicada a la derecha:
https://forum.dcb.org/flatlands-gs/

¿Alguna idea sobre la causa del comportamiento diferente?

¡Mis mejores deseos y un próspero año nuevo! Björn

(@ wpmudev-support9)

Hace 1 año, 1 mes

Hola @airbjorn,

¡Confía en que lo estás haciendo bien!

El siguiente código CSS se ha agregado a su tema

@media screen and (min-width: 48em) {
/*other CSS*/
.has-sidebar:not(.error404) #primary {
    float: left;
    width: 58%;
}
}

Busque este CSS y cámbielo float: left; a flotar derecho;

@media screen and (min-width: 48em) {
/*other CSS*/
.has-sidebar:not(.error404) #primary {
    float: right;
    width: 58%;
}
}

Si no puede encontrar este CSS, agregue el siguiente archivo al tema style.css del tema de su hijo, o al Apariencia> Personalizar> CSS Additinal Gort:

@media screen and (min-width: 48em) {
.has-sidebar:not(.error404) #primary {
    float: right;
}
}

¡Espero que esto ayude!

Atentamente, Nastia

(@airbjorn)

Hace 1 año, 1 mes

Hola Nastia, ¡gracias por tu rápida respuesta! Sin embargo, este cambio muestra la barra lateral de las entradas del blog en el lado _izquierdo_.

Entonces, en realidad, el interruptor movió el contenido hacia la derecha, no la barra lateral en sí. Al mismo tiempo, la página de muestra aparece justo antes.

Pero encontré una solución que se ve tan bien como quería. Agregué el siguiente SEC al tema de mi hijo:


/* Sidebar on pages should appear on the right hand side (default: left) */
@media screen and (min-width: 48em) {
        body:not(.has-sidebar):not(.page-one-column) .page-header,
        body.has-sidebar.error404 #primary .page-header,
        body.page-two-column:not(.archive) #primary .entry-header,
        body.page-two-column.archive:not(.has-sidebar) #primary .page-header {
                float: right;
}

/* wide actual content to 64% (default: 58) */
blog:not(.has-sidebar) #primary article,
        .archive:not(.page-one-column):not(.has-sidebar) #primary article,
        .search:not(.has-sidebar) #primary article,
        .error404:not(.has-sidebar) #primary .page-content,
        .error404.has-sidebar #primary .page-content,
        body.page-two-column:not(.archive) #primary .entry-content,
        body.page-two-column #comments {
                width: 64%;
        }
}

mirar https://forum.dcb.org/flatlands-gs/ ahora (aunque estoy un poco confundido, no hay espacio entre el contenido y la barra lateral).

(@airbjorn)

Hace 1 año, 1 mes

Pero probé con Safari @macos. Ahora veo, Firefox @windows presenta la página de una manera diferente, la barra lateral continúa mostrándose a la izquierda.

Así que para asegurarme del lado correcto, agregué
float: left;
al código de contenido más bajo.

¿Hay algo más de lo que deba ocuparme al cambiar el código CSS?

(@fovoc)

hace 1 año

Hola @airbjorn

¡Esto parece un enfoque justo! 🙂

aunque estoy un poco confundido, no hay espacio entre el contenido y la barra lateral

Con 64% de contenido y 33% de barras laterales, hay una brecha del 3% entre ellas (para el 100%). Debe bajar cualquiera de ellos más para crear más espacio entre ellos.

Le Meas te, Dimitris

(@airbjorn)

hace 1 año

Muchas gracias Dimitris – 64% vs 33% ya es mi solución. Me alegra que confirme que mis cambios están en el lugar correcto. Porque al mismo tiempo tengo un poco de miedo de modificar cosas en el lugar equivocado, lo que rompe el diseño en otras configuraciones que pueda tener más adelante.

Le Meas te – Björn

¿Solucionó tu problema??

0 / 0

Deja una respuesta 0

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