[RESOLU] BUG sur la mise en page du CHAPO

demisel · juin 2017

Bonsoir,

J'utilise Pluxml 5.6 et mon problème se situe au niveau des chapos. Il m'est impossible de faire un paragraphe ou 
le texte est d'un seule tenant et c'est assez dommage. Par contre quand je clique sur le titre de l'article dans le chapo ça me renvoit vers l'article complet et là la mise en page est OK. J'ai bien suivi ce topic mais il ne m'a pas aidé : Le code html dans le chapô et celui-ci non plus : Bug avec le chapô sur PluXml 5.5 final

Je pense que le probleme pourrait venir du pluggin CKEditor, qu'en pensez-vous ?

CHAPO :

ARTICLE :

Stéphane · juin 2017

Bonjour. As-tu un lien pour voir l'article en live et regarder le code html et css des 2 pages pour les comparer.
Si le contenu html est identique, on peut supposer que c'est le comportement visuel css qui est différent sur la page d'accueil et lors de la visualisation du détail de l'article (d'autant plus que sur le 2ieme screenshot on voit du texte en bleu et pas sur le 1er)

demisel · juin 2017

Salut Stéphane,

tu es ultra bon observateur parce que pour distingué du noir et du bleu foncé je dis bravo et j'ai pas fait gaf à ça.

Voilà l'url http://www.gasbe.net/

Stéphane · juin 2017

Bon je te confirme que le problème vient de la structure différente des fichiers de ton theme
Compare le fichier home.php et article.php et tu verras que ce qu'il y a autour de l'appel de la fonction $plxShow->artChapo est différent: structure html différente, classes css différentes. Ce qui coté visiteur après donne un rendu complètement différent.

demisel · juin 2017

oui dans home.php j'ai bien :

[== HTML ==]
			<div class="entry-content">
				<?php $plxShow->artChapo(); ?>
			</div>

mais dans article.php je n'ai pas le code qui fait référence au chapo, j'ai juste :

[== Indéfini ==]
	<article id="post-<?php echo $plxShow->artId(); ?>" class="post-<?php echo $plxShow->artId(); ?> 
	post type-post status-publish format-standard hentry <?php $plxShow->catName() ?> 
	<?php $plxShow->artTags('tag-#tag_name',' ') ?>">

		<header class="entry-header">
			<h1 class="entry-title"><?php $plxShow->artTitle(''); ?></h1>
			<div class="entry-meta">
				<span class="entry-date"><a href="<?php $plxShow->artUrl(); ?>" rel="bookmark">
				<time class="entry-date" datetime="<?php $plxShow->artDate('#num_year(4)-#num_day-#num_month'); ?>">
				<?php $plxShow->artDate('#num_day #month #num_year(4)'); ?></time></a></span> <?php $plxShow->lang('BY'); ?> 
				<span class="byline"><span class="author vcard"><a class="url fn n" href="<?php $plxShow->artUrl(); ?>#author" rel="author">
				<?php $plxShow->artAuthor(); ?></a></span></span><span class="sep">·</span><?php $plxShow->artNbCom(); ?>
				<span class="comments-link"></span>
			</div>
		</header>

	
		<div class="entry-content"><?php $plxShow->artContent(); ?></div>
		
		
	
		<div class="tags-links"><?php $plxShow->artTags('<a href="#tag_url" title="#tag_name" rel="tag">#tag_name</a>',' '); ?></div>
	</article>

Je ne comprend pas bien comment je dois procéder pour résoudre le probleme

Stéphane · juin 2017

Tu peux m'envoyer par mail un .zip de ton theme. Je regarderai demain matin ce qui provoque cette différence d'affichage
ça sera + simple
Merci

Stéphane · juin 2017

hum j'ai l'impression que c'est un plugin qui doit poser problème.
N'utiliserais-tu pas le plugin vignette ?
Si oui tu peux tester en le désactivant temporairement

edit: et si tu peux m'envoyer aussi le fichier .xml de ton article. je vois des choses bizarres dans le contenu du chapo et du contenu de l'article.

demisel · juin 2017

Exact j'utilise le plugin Vignette - Version 1.0 (29/11/2015)
Je l'utilise car sinon je suis dans l'impossibilité de placé correctement et aux bonnes dimensions des images dans le chapo de mes articles.
Et d'ailleurs je ne sais pas si c'est liés au problème mais dans le backoffice coté admin j'ai ce message qui s'affiche:

Erreur : plnStaticPages est chargé 2 fois

En désactivant le pluggin vignette, j'ai toujours le problème de mise en page du chapo et le message d'erreur dans la partie admin... et forcément l'image d'illustration n'est plus là.

Je t'envois le thème en zip et .xml de l'article en pv

demisel · juin 2017

Je t'ai envoyer le lien du thème par e-mail

Stéphane · juin 2017

quelle version de PluXml utilises-tu ?
car avec la v5.6 pas besoin d'utiliser le plugin vignette
les images d'accroche sont gérées nativement
pas besoin de mettre d'image dans le chapo ou le contenu. suffit de renseigner la zone image d'accroche sur l'écran de rédaction des articles.
il faut juste apres au niveau du thème avoir l'instruction qui affiche cette image
rien de plus

ps: toujours pas reçu ton mail

demisel · juin 2017

J'utilise bien la 5.6, normalement tu devrais avoir recu le lien du theme

bazooka07 · juin 2017

Pour compléter, dans ta home.php, fais ceci pour afficher la vignette :

[== PHP ==]
<div class="entry-content">
	<?php $plxShow->artThumbnail(); ?>
	<?php $plxShow->artChapo(); ?>
</div>

Et quand tu as fini de rédiger ton article, tu sélectionnes une image en cliquant sur le signe "+"
Eventuellement tu peux ajouter ceci dans ta feuille de style CSS :

[== CSS ==]
.article img.art_thumbnail {
    float: left;
    padding: 15px 15px 10px 0;
}

Voir un aperçu du thème par défaut avec une vignette pour le premier article

Tu n'as pas besoin du plugin plnVignette.

demisel · juin 2017

OK
donc là j'ai bien désactiver le plugin vignette et j'ai suivi tes consignes bazooka mais en plus j'ai ajouter :

[== HTML ==]
<?php $plxShow->artThumbnail(); ?>

dans article.php comme ceci :

[== HTML ==]
		<div class="entry-content">
			<?php $plxShow->artThumbnail(); ?>
		<?php $plxShow->artContent(); ?>
		</div>

Alors dans ma homepage la vignette s'affiche nickel mais j'ai toujours le problème de mise en page ou les et ne sont pas pris en compte mais la vignette c'est ok. Dans article.php la vignette se place au-dessus du texte et le rendu est pas bon.. :mad:

bazooka07 · juin 2017

Oups, j'ai été un peu trop strict dans la règle CSS. Faire à la place :

[== CSS ==]
.art_thumbnail {
    float: left;
    padding: 15px 15px 10px 0;
}

Pour les et les de ton chapô, il faut nous donner le contenu exact de ton fichier 0015.xxxxxx.nouvel-article-tbh.xml situé dans le dossier data/articles.
Copie le dans le dossier data/medias et donne nous le nom exact du fichier pour l'afficher dans un navigateur.

Avec quel éditeur as-tu saisi l'article ?

demisel · juin 2017

le nom exact du fichier xml : 0015.home.001.201705162256.nouvel-article-tbh.xml

Avec la règle css l'image se place correctement mais elle n'a pas la même dimension que dans le chapo, dois-je metre un width et height à la classe que tu m'as donné?

bazooka07 · juin 2017

Normal pour les vignettes
A http://www.gasbe.net/, le code HTML pour afficher la vignette est celui-ci

[== HTML ==]
<img src="http://www.gasbe.net/data/medias/apiculture/capture2.tb.jpg"
   class="attachment-post-thumbnail wp-post-image"
   alt="Nouvel article tbh"
   height="189" width="302">

Apparemment dans home.php tu n'utilises par la fonction $plxShow->artThumbnail() et tu forces l'image à s'afficher à des dimensions qui ne sont pas les siennes. Je ne comprends comment tu généres cette balise <img ..>. A la mano ?

A http://www.gasbe.net/index.php?article15/nouvel-article-tbh, le code HTML pour afficher la vignette est celui-ci:

[== HTML ==]
<img class="art_thumbnail"
   src="http://www.gasbe.net/data/medias/apiculture/capture2.tb.jpg" alt="" title="">

Ici dans article.php, tu utilises la fonction artThumbnail(). Du coup la vignette s'affiche à ses dimensions réelles soit: 159px × 100px

Avec la dernière URL, quand on ouvre l'inspecteur de code du navigateur (touche F12), on voit qu'il y a beaucoup d'erreurs 404. Les urls des fichiers correspondants sont mal renseignés.
Dans la console de logs de l'inspecteur, le dernier message est très joli

Si on regarde le code source des pages HTML téléchargés (Touche Ctrl-U), beaucoup de balies HTML sont en rouge ( Souvent les attributs collés les uns aux autres sans espace).

Un bon nettoyage du code HTML dans ton thème s'impose.
Après cela, si le problème persiste, désactive tous tes plugins et regarde comment cela s'affiche. Si c'est ok, active les plugins un par un jusqu'à ce que l'erreur revienne.

Pour ton article .xml, aucun souci ll s'affiche très bien dans le thème par défaut de PluXml 5.6 avec la coloration.

Pour avancer plus, il faut le code de ton thème comme te l'a réclamé Stephane et la liste des plugins que tu utilises

Stéphane · juin 2017

Gasbé a écrit:

J'utilise bien la 5.6, normalement tu devrais avoir recu le lien du theme

Reçu. Je t'ai retourné par mail ton thème avec les modifs nécessaires

demisel · juin 2017

Je viens de ré-installer le thème corriger et franchement UN GRAND MERCI A VOUS DEUX pour votre réactivité et votre patience !!
La mise en page du chapo est nickel chrome, l'image est bien positionné dans le chapo et après dans l'article, en plus j'ai compris le fonctionnement (enfin à peu près)

[RESOLU] BUG sur la mise en page du CHAPO

Réponses