Colonne latérale inactive (inutilisée) (Créer un compte)

  • WordPress :5.2
  • Statut : non résolu
3 sujets de 16 à 18 (sur un total de 18)
  • Auteur
    Messages
  • #2275850
    ferman
    Participant
    Maître WordPress
    2100 contributions

    En partant de ce qui précède et en le “minimisant” on obtient le css minimum nécessaire pour une sidebar à droite sur toute la hauteur de la page  qu’on peut ensuite personnaliser. Finalement quand on connait le système, ça paraît simple. Mais il reste tout un gros travail de css à faire  (du genre du code précédent + des mediaqueries, probablement pas qu’en css mais aussi en php pour basculer sur des widgets footer quand la sidebar est supprimée) et ma remarque sur le choix du thème reste valable .

    .sidebar-2 {
    right:0;
    height:100%;
    position:fixed;
    overflow:scroll;}

    • Cette réponse a été modifiée le il y a 6 mois et 3 semaines par ferman.
    #2275931
    Flobogo
    Modérateur
    Maître WordPress
    15956 contributions

    @mynameisnobody :

    Votre code comporte 2 fois le même id “main”, ce qui n’est pas autorisé en CSS.
    Vos 2 sections doivent avoir des id différentes, et des class différentes.

     

    @ferman :

    Ce n’est pas tant une question de position de la <div> qu’une question (que je trouve complexe de css).

    Là, sa <div> n’était ni dans le header, ni dans la partie principale. Il y aurait moins de CSS à travailler si elle était dans une section clairement identifiée. (avec id et class spécifique)

    Après, c’est logique que ça représente (un peu) de boulot en CSS, puisque c’est un élément-clé de l’architecture de la page (comme header et footer)
    Et comme vous le dites, c’est pour ça qu’il y a des thèmes tout prêts qui le prévoient, pour ceux qui ne savent pas coder.
    Mais on peut vouloir créer son propre thème, ou adapter un thème qui convient “presque”.  En fait, (à mon avis) il est plus facile d’avoir un modèle de page avec sidebar, et ensuite, de créer son propre modèle en “full-width”, que l’inverse.

    #2276118
    PhiLyon
    Modérateur
    Maître WordPress
    25013 contributions

    Bonjour.

    Avec cette méthode ça fonctionne https://www.ostraining.com/blog/wordpress/custom-sidebar/

    Tu importes le dossier template-parts/content dans ton thème enfant, dans les 3 fichiers content, content-page et content-single (selon tes besoins) tu colles le code du tuto

    <?php if ( is_active_sidebar( 'custom-side-bar' ) ) : ?>
        <?php dynamic_sidebar( 'custom-side-bar' ); ?>
    <?php endif; ?>

    juste après la fin de la div entry-content

    </div><!-- .entry-content -->
    <?php if ( is_active_sidebar( 'custom-side-bar' ) ) : ?>
        <?php dynamic_sidebar( 'custom-side-bar' ); ?>
    <?php endif; ?>

    Ensuite dans le style.css de ton thème enfant tu colles ce code

    .right-sidebar {float:left; width:20%;top:0;display:block;}
    
    .entry .entry-content  {
        float: left;
    	max-width:100%
    }

    🙂

     

3 sujets de 16 à 18 (sur un total de 18)
  • Vous devez être connecté pour répondre à ce sujet.