- Statut : non résolu
- Ce sujet contient 13 réponses, 2 participants et a été mis à jour pour la dernière fois par lulu2006, le il y a 11 années et 10 mois.
-
AuteurMessages
-
30 mars 2013 à 21 h 33 min #522549
Bonjour,
Ma configuration WP actuelle
– Version de WordPress : 3.5
– Version de PHP/MySQL : 5
– Thème utilisé : mingle
– Extensions en place :
– Nom de l’hebergeur : infomaniak
– Adresse du site : -onbuzz.frProblème(s) rencontré(s) : Je viens d’installer un system de scroll infini et je rencontre un problème a chaque scroll les articles se décalle, essayer sur mon site :
-onbuzz.fr
allez en bas de page vous allez voir les articles se charger, ces articles sont décallés par rapport aux autres.
J’ai discuter de cela avec la personne qui a créer le tuto « infinite scroll »
http://www.geekpress.fr/wordpress/tutoriel/infini-scroll-archives-1840/#comment-4832
Il m’a expliqué sur cette discussion ce qui cloche mais je ne sais pas comment corriger le problème.
c’est juste une histoire de DIV apparemment, je lui ai dit que je n’arrivais pas à corriger le problème mais il ne veux pas me répondre plus en détail faute de temps surement.
Pourriez vous m’indiquer le problème s’il vous plait ? Cordialement.
30 mars 2013 à 22 h 31 min #886556Sans voir le code, difficle d’en dire plus que Jonathan !
copiez collez le code avec les balises CODE (le gros C) en faisant précéder le code de la balise <?php30 mars 2013 à 23 h 22 min #886557Voici, merci luciole
<section class="content-post-list">
<ol class="posts-list hfeed">
<div id="i-scroll">
have_posts() ) : $blog_query->the_post();
// style and layout info
$postClass = array();
// images enabled?
if ($blogOptions[‘blog_featured_images’]) {
// class
$postClass[] = ‘style-image-left’;
// get thumbnail image
$thumb = get_post_thumbnail_id();
// image sizes
$imageW = $blogOptions[‘image’][‘width’];
$imageH = $blogOptions[‘image’][‘height’];
// get resized image
// this will return the resized $thumb or placeholder if enabled and no $thumb
$image = vt_resize( $thumb, », $imageW, $imageH, true );
// If media field is populated use lightbox for image/video on click
$popup_link = »;
if (get_meta(‘media_url’)) {
$popup_link = ‘<a href="'. get_meta('media_url') .'" class="popup" title="'. get_meta('media_title') .'">‘;
}
}
if (!$image[‘url’]) {
// no imge
$postClass[] = ‘noImage’;
}
?>
<li class="post-item clearfix">
<article id="post- » >
<div class="the-post-image">
<a href=" » rel= »bookmark » title= » »>
<figure>
<img src=" » width= » » height= » » />
</figure>
</a>
</div>
<div class="container">
<div class="post-bubble-arrow"></div>
<header class="entry-header">
<!-- Title / Page Headline -->
<h2 class="entry-title"><a href=" » rel= »bookmark » title= » »></a></h2>
<div class="post-header-info">
<address class="vcard author">
</address>
<abbr class="published" title=" »><span class="entry-date"></span></abbr>
<?php
// seperator
if ($blogOptions['comments_link']) { echo ' <span class="meta-sep">/</span> ‘; }
endif;
if ($blogOptions[‘comments_link’]) :
// comments link ?>
<span class="comments-link"></span>
</div>
</header>
<!-- Content -->
<div class="entry-content">
</div><!-- END .entry-content -->
<!-- Post Footer -->
<footer class="post-footer-info">
<div class="cat-links">
<?php printf( __( '<span class="%1$s">Etat : </span> %2$s’, THEME_NAME ), ‘entry-utility-prep entry-utility-prep-cat-links’, get_the_category_list( ‘, ‘ ) ); ?>
</div>
<div class="tag-links">
<?php printf( __( '<span class="%1$s">Tagged</span> %2$s’, THEME_NAME ), ‘entry-utility-prep entry-utility-prep-tag-links’, $tags_list ); ?>
</div>
</footer><!-- END .post-footer-info -->
</div>
</article>
</li>
</div>
<img style="display: none" class="loader" src="/ajax-loader.gif » alt= » » />
</ol>
</section>30 mars 2013 à 23 h 31 min #886558(On ne peux plus éditer les posts sur ce forum maintenant FIOOUUUU)
Je voulais donc préciser que j’ai juste rajouter la div suivante :
comme dans le tuto de jonathan
Il ma dit que le problème venait du faite que je les mise entre la class ol posts list hfeed
j’ai donc essayer comme il ma dit enfin si j’ai compris ce qu’il ma dit je cite :
C’est normal, vous avez mis la div à l’intérieur du ol qui possède les class posts-list hfeed. En fait, il faudrait supprimer la div i-scroll et mettre l’id sur le ol
j’ai essayé ça :
- et supprimé
mais j’ai toujours le meme problème.Je ne comprend ce qu’il veut dire par « mettre l’id sur le ol » :rolleyes:
31 mars 2013 à 7 h 03 min #886559Jonathan vous d’écrire ceci sur les premières lignes de votre code :
<?php
<section class="content-post-list">
<ol class="posts-list hfeed" id="i-scroll">
<?php
if (!$blog_query) $blog_query = $wp_query;
$blogOptions = ($shortcode_values) ? $shortcode_values : $theLayout['blog'];31 mars 2013 à 7 h 04 min #886560Ne tenez pas compte du
<?php
à la première ligne, je l’ai ajouté pour ne pas que les balises code (le gros C) modifie l’ordre des ligne !
31 mars 2013 à 9 h 12 min #886561oui Luciole c’est ce que j’ai fais, j’y retourne pour refaire cela mais ca va faire la même chose, avez vous firebug ?
31 mars 2013 à 9 h 22 min #886562Toujours ce décalage à chaque scroll, cette histoire rend dingue 😉
31 mars 2013 à 9 h 25 min #886563Vous avez dit avoir fait
j’ai essayé ça :
- et supprimé
avez-vous essayé ceci
en ayant supprimé la ligne suivante comme le dit jonathan
?
Il y a une différence entre ce que vous avez dit avoir fait et ce que je vous ai dit de faire (ce que Jonathan vous a dit)…
31 mars 2013 à 9 h 33 min #886564ah avec « id » pardon je vais essayer je ne connaissais pas ça
31 mars 2013 à 9 h 36 min #886565Alors et bien ca ne change pas le problème avec
je comprend pas peut etre une autre technique ?
31 mars 2013 à 10 h 13 min #886566tu pense avoir une autre solution au problème ou tu pense que je devrai me tourner vers quelqu’un en particulier ?
31 mars 2013 à 10 h 29 min #886567lulu2006 wrote:tu pense avoir une autre solution au problème ou tu pense que je devrai me tourner vers quelqu’un en particulier ?N’ayant pas examiné le procédé, le plus simple est d’écrire à nouveau à Jonathan en lui donnant l’adresse de cette discussion.
Il verra ainsi votre code et ce cloche bien plus rapidement que moi car je n’ai jamais mis en pratique cette technique (bien qu’elle m’intéresserait au plus haut point pour les commentaires sur mon site qui allonge considérablement le chargement de mes pages).Mais d’après les commentaires que j’ai pu voir sur son site, cette technique nécessite de paginer les commentaires, or sur mon site, si je pagine les commentaires, je ne peux pas faire de référence (lien HTML) vers ces mêmes commentaires dans les articles (ce que je fais très souvent) car cela modifie le slug et rend ainsi les commentaires introuvables…
Je réfléchis à paginer les commentaires en utilisant une pagination en AJAX (mais c’est très long car je dois apprendre les bases de l’AJAX).
peut-être que quelqu’un de plus callé pourra vous répondre.
Avez-vous vidé le cache de votre navigateur à tout hasard ?
31 mars 2013 à 11 h 19 min #886568Oui je viens de le contacter en éspérant qu’il puisse me consacrer 2 minutes, j’ai vidé le cache mais rien n’y fait, le problème vient de la balise
En faite elle se répète a chaque fois qu’il y a un scroll, d’ou le problème de décalage…
-
AuteurMessages
- Vous devez être connecté pour répondre à ce sujet.