Thème perso garder la sidebar toujours en haut (Créer un compte)

  • WordPress :5.3
  • Statut : non résolu
4 sujets de 1 à 4 (sur un total de 4)
  • Auteur
    Messages
  • #2335554
    barale61
    Participant
    Padawan WordPress
    52 contributions

    Bonjour,

    Ma configuration WP actuelle

    • Version de PHP/MySQL :
    • Thème utilisé : perso
    • Extensions en place : aucune
    • Nom de l’hébergeur :
    • Adresse du site : localhost

    Problème(s) rencontré(s) :

    Bonjour,

    Je fais un thème perso sur 3 colonnes qui affichent l’image à la une à gauche, l’article au centre et la sidebar perso à droite. Si je n’affiche qu’un seul post à la fois, cela ne pose pas de problème mais si j’affiche les posts par 10, ma sidebar se trouve affichée à la hauteur du dernier article.

      <div class="container">
        <div class="row"><!-- ROW MAIN -->
          <!-- AFFICHAGE DE TOUS LES ARTICLES RECHERCHES POST -->
              <div>
                <p>Voici les résultats de votre recherche pour <strong><?php the_search_query(); ?></strong></p>
              </div>
    
              <?php 
              $paged = (get_query_var('paged')) ? absint(get_query_var('paged')) : 1;
    
              $args = array(
                'order'       => 'ASC',
                'posts_per_page'  => 10,
                'paged'       => $paged,
                        'post_type' => array ('post'),//Pour ne pas inclure les CPT
                        's'         => get_search_query()
                      );
    
              $the_query = new WP_Query($args);
              ?>        
    
    
              <div class="col-lg-2 order-2">
                <div class="row">
                  <div class="col-md-12">
                    <!-- AFFICHAGE DE LA SIDEBAR -->
                    <?php get_template_part( 'sidebar' );?>
                    <!-- FIN AFFICHAGE DE LA SIDEBAR -->
                  </div>
                </div>
              </div>
              <?php if ($the_query->have_posts()) : ?>
                <!-- the loop -->
                <?php while ($the_query->have_posts()) : $the_query->the_post(); ?>
    
                  <?php
                  /*On récupère l'ID de l'image*/
                  $imageALaUne = get_post_thumbnail_id();
                  /*On récupèe l'URL de l'image*/
                  $imgSrc = wp_get_attachment_url($imageALaUne);
                  ?>
    
                  <div class="col-lg-10 order-1">
                    <div class="row">
                      <div class="col-md-4" id="lien_<?php the_ID(); ?>">
                        <a href="#lien_<?php the_ID(); ?>"><img class="img-fluid" src="<?php echo $imgSrc;?>" alt=""></a>
                      </div>
                      <div id="post-<?php the_ID(); ?>" class="post col-md-8">
                        <h1><?php the_title(); ?></h1>
                        <p><?php the_content(); ?></p>
                        <p>
                          <strong>Publié le <?php the_date(); ?> par <?php the_author(); ?> dans la catégorie: <?php the_category(', ') ?></strong>
                        </p>
                      </div>
                    </div>
                  </div>
                <?php endwhile; ?>
                <!-- end of the loop -->
    
                <!-- PAGINATION -->
                <?php
                $big = 999999999;
                echo paginate_links( array(
                  'base' => str_replace( $big, '%#%', esc_url(get_pagenum_link($big))),
                  'format' => '?paged=%#%',
                  'current' => max(1, get_query_var('paged')),
                  'total' => $the_query->max_num_pages
                ) );
                ?>                    
                <!-- FIN PAGINATION -->
    
    
                <?php wp_reset_postdata(); ?>
    
    
                <?php else : ?>
                  <div class="row blogue_article">
                    <div class="post col-md-8 offset-2">
                      <h4>
                        <?php esc_html_e('Désolé, auncun article ne correspond au critère saisi.'); ?>
                      </h4>
                    </div>
                  </div>
                <?php endif; ?>
    
                <!-- FIN AFFICHAGE DES ARTICLES -->
              </div><!-- ROW MAIN -->
      </div><!-- CONTAINER -->

    Je vous remercie de votre aide

    • Ce sujet a été modifié le il y a 2 jours et 7 heures par barale61.
    #2335566
    PhiLyon
    Modérateur
    Maître WordPress
    24985 contributions

    Bonjour.

    Il faut ajouter un position: fixed et un top: 0 dans le CSS de ta sidebar.

    🙂

    #2335577
    Flobogo
    Modérateur
    Maître WordPress
    15956 contributions

    Bonjour,

    Au top, @philyon 😉

    Pour info : je déplace le topic en rubrique “thèmes”. Bizarre, ça n’apparaît plus (en bas du post) alors que je le précise au moment du changement de rubrique.

    #2335608
    barale61
    Participant
    Padawan WordPress
    52 contributions

    J’ai été obligé de revoir ma structure bootstrap et l’emplacement de ma boucle et cela fonctionne bien mais maintenant que ça fonctionne, je m’aperçois que ma pagination me renvoie à la page d’accueil au dernier post comme si elle ne le voyait pas alors qu’il existe bien si vous avez une idée.

    <div id="main">
      <div class="container">
        <div class="row"><!-- ROW MAIN -->
          <!-- AFFICHAGE DE TOUS LES ARTICLES RECHERCHES POST -->
          <?php 
          $paged = (get_query_var('paged')) ? absint(get_query_var('paged')) : 1;
    
          $args = array(
            'order'           => 'ASC',
            'posts_per_page'  => 1,
            'paged'           => $paged,
            'post_type'       => array ('post'),//Pour ne pas inclure les CPT
            's'               => get_search_query()
          );
    
          $the_query = new WP_Query($args);
          ?>        
          <?php if ($the_query->have_posts()) : ?>
           <div class="col-lg-12">
            <div>
              <p>Voici les résultats de votre recherche concernant les mots clés <strong><?php the_search_query(); ?></strong></p>
            </div>
            <div class="row">
              <div class="col-lg-10">
                <!-- the loop -->
                <?php while ($the_query->have_posts()) : $the_query->the_post(); ?>
                  <?php
                  /*On récupère l'ID de l'image*/
                  $imageALaUne = get_post_thumbnail_id();
                  /*On récupèe l'URL de l'image*/
                  $imgSrc = wp_get_attachment_url($imageALaUne);
                  ?>
                  <div class="row">
                    <div class="col-md-4" id="lien_<?php the_ID(); ?>">
                      <a href="#lien_<?php the_ID(); ?>"><img class="img-fluid" src="<?php echo $imgSrc;?>" alt=""></a>
                    </div>
                    <div id="post-<?php the_ID(); ?>" class="post col-md-8">
                      <h1><?php the_title(); ?></h1>
                      <p><?php the_content(); ?></p>
                      <p>
                        <strong>Publié le <?php the_date(); ?> par <?php the_author(); ?> dans la catégorie: <?php the_category(', ') ?></strong>
                      </p>
                    </div>
                  </div>
                <?php endwhile; ?>
                <!-- end of the loop -->
    
                <!-- PAGINATION -->
                <div class="row">
                  <div class="col-lg-8 offset-4 mt-3">
                    <?php
                    $big = 999999999;
                    echo paginate_links( array(
                      'base' => str_replace( $big, '%#%', esc_url(get_pagenum_link($big))),
                      'format' => '?paged=%#%',
                      'current' => max(1, get_query_var('paged')),
                      'total' => $the_query->max_num_pages
                    ) );
                    ?>      
                  </div>
                </div>              
                <!-- FIN PAGINATION -->
    
              </div>
    
    
              <?php wp_reset_postdata(); ?>
    
              <?php else : ?>
                <!-- <div class="row blogue_article"> -->
                  <div class="post col-lg-10">
                    <h4 class="text-center">
                      <?php esc_html_e('Désolé, auncun article ne correspond à '); ?><strong><?php the_search_query(); ?></strong>
                    </h4>
                  </div>
                  <!-- </div> -->
                <?php endif; ?>
    
                <div class="col-lg-2">
                  <!-- <div class="row"> -->
                    <div class="col-md-12">
                      <!-- AFFICHAGE DE LA SIDEBAR -->
                      <?php get_template_part( 'sidebar' );?>
                      <!-- FIN AFFICHAGE DE LA SIDEBAR -->
                    </div>
                    <!-- </div> -->
                  </div>
    
                </div>
              </div>
              <!-- FIN AFFICHAGE DES ARTICLES -->
    
            </div><!-- ROW MAIN -->
          </div><!-- CONTAINER -->
        </div><!-- MAIN -->

    • Cette réponse a été modifiée le il y a 1 jour et 14 heures par barale61.
    • Cette réponse a été modifiée le il y a 1 jour et 14 heures par barale61.
4 sujets de 1 à 4 (sur un total de 4)
  • Vous devez être connecté pour répondre à ce sujet.