PluXml.org

Blog ou CMS à l'Xml

Vous n'êtes pas identifié(e).

#51 30/08/2017 15:32:27

webasso
Membre
Inscription : 04/10/2013
Messages : 283

Re : [thème] Masonic

Ok pour la partie "description" et hauteur des images c'est modifié et ça colle
mais là c'est quoi ?
- quand on change de page en passant à une page statique ou un article, il y a un petit temps où toutes les images du diaporama s'affichent en même temps avant que l'entête prenne le dessus
- il y a aussi le terme "Non classé" qui s'affiche en dur sur le coin gauche de la page en question quand on est dessus... C'est aussi vrai pour un article classé (double affichage du titre)

J'ai une question liée aux images qui font quand même aux alentours de 500 Ko chacune... est-ce qu'il n'y a pas une influence à cet endroit quand on change de page ?
(ma connexion internet étant limitée, ça se voit encore mieux)

Dernière modification par webasso (30/08/2017 15:38:37)

Hors ligne

#52 30/08/2017 15:42:25

Jerry Wham
Membre
Inscription : 13/07/2011
Messages : 2 525
Site Web

Re : [thème] Masonic

C'est sûr que plus les images sont grosses, plus elles mettent de temps à charger. Il faut que tu les optimises avant de les envoyer sur ton serveur.
Normalement, il y a un loader qui doit s'afficher à la place des images. Mais je ne sais pas pourquoi ça ne fonctionne pas.

Il y a clairement du ménage à faire dans le thème lui même (désolé Pierre) car beaucoup de scripts sont chargés. Peut-être y a-t-il interactions entre eux ?

Pour le mot "Non classé" qui s'affiche, peux-tu nous poster le contenu de ton fichier "article.php" ?

Dernière modification par Jerry Wham (30/08/2017 15:43:23)


Mangez un castor, vous sauverez un arbre !

J'ai la tête dans le  ...code

Hors ligne

#53 30/08/2017 15:51:45

Jerry Wham
Membre
Inscription : 13/07/2011
Messages : 2 525
Site Web

Re : [thème] Masonic

Tu peux utiliser le site http://tools.dynamicdrive.com/imageoptimizer/index.php qui marche pas mal et te permet de vraiment optimiser tes images. Vérifie la qualité avant en affichant les images et en cliquant sur "show all results".

Tu as aussi https://tinyjpg.com/

Dernière modification par Jerry Wham (30/08/2017 15:54:07)


Mangez un castor, vous sauverez un arbre !

J'ai la tête dans le  ...code

Hors ligne

#54 30/08/2017 16:25:59

webasso
Membre
Inscription : 04/10/2013
Messages : 283

Re : [thème] Masonic

Voilà pour le contenu de article.php du thème masonic

[== PHP ==]
<?php include(dirname(__FILE__).'/header.php'); ?>

    <div class="blog-header clear">
        <article class="wrapper">
            <div class="blog-site-title">
                <h1><?php $plxShow->artTitle(); ?></h1>
            </div>
            <div class="breadcrums">
                <span property="itemListElement" typeof="ListItem">
				<a href="<?php $plxShow->racine() ?>"><?php $plxShow->lang('HOME'); ?></a>
					&gt; 
				<?php $plxShow->catName('link'); ?>
					&gt; 
				<?php $plxShow->artTitle(); ?>
				</span>
            </div>
        </article>
    </div>

    </header>

    <?php ob_start();
$plxShow->artCat();
$cats = ob_get_clean();
echo str_replace('<a class="','<a class="url fn n ',$cats);?>
        <div id="container" class="wrapper clear">
            <div class="primary">

                <article class="blog-post">
					<div class="post-header clear">
					<figure>
						<img width="570" height="255" src="<?php $plxShow->artThumbnail('#img_url'); ?>" class="attachment-large-thumb size-large-thumb wp-post-image" alt="" srcset="<?php $plxShow->artThumbnail('#img_url'); ?>"> 
					</figure>

					<div class="entry-info">
						<div class="catagory-type">
							<?php $plxShow->artCat() ?>
						</div>
						<div class="entry-author vcard author fa fa-user">
							<?php $plxShow->artAuthor() ?>
						</div>            
						<div class="entry-date fa fa-comments">
							<a href="<?php $plxShow->artUrl(); ?>#comments" title="<?php $plxShow->artNbCom(); ?>"><?php $plxShow->artNbCom(); ?></a>
						</div>
						<div class="entry-tag fa fa-tags"> 
							<?php $plxShow->artTags() ?>
						</div>
					</div><!-- .entry-info -->
				</div>
					<div class="entry-content">
                        <div class="underline"></div>
                        <?php $plxShow->artContent(); ?>
                    </div>

                </article>

                <div id="comments" class="comments-area">
					<?php include(dirname(__FILE__).'/commentaires.php'); ?>
                </div>
                <!-- #comments -->
            </div>

            <?php include(dirname(__FILE__).'/sidebar.php'); ?>

        </div>
        <?php include(dirname(__FILE__).'/footer.php'); ?>

Hors ligne

#55 30/08/2017 16:27:13

webasso
Membre
Inscription : 04/10/2013
Messages : 283

Re : [thème] Masonic

Jerry Wham a écrit :

Tu peux utiliser le site http://tools.dynamicdrive.com/imageoptimizer/index.php qui marche pas mal et te permet de vraiment optimiser tes images. Vérifie la qualité avant en affichant les images et en cliquant sur "show all results".

Tu as aussi https://tinyjpg.com/

Heuu! merci Jerry, mais ya rien en français, parce que l'anglais je ne pige pas, désolé

Hors ligne

#56 30/08/2017 16:42:49

Jerry Wham
Membre
Inscription : 13/07/2011
Messages : 2 525
Site Web

Re : [thème] Masonic

Tu t'es trompé en modifiant le code. Voilà ce qu'il faut :

[== Indéfini ==]
<?php include(dirname(__FILE__).'/header.php'); ?>

    <div class="blog-header clear">
        <article class="wrapper">
            <div class="blog-site-title">
                <h1><?php $plxShow->artTitle(); ?></h1>
            </div>
            <div class="breadcrums">
                <span property="itemListElement" typeof="ListItem">
				<a href="<?php $plxShow->racine() ?>"><?php $plxShow->lang('HOME'); ?></a>
					&gt; 
				<?php $plxShow->catName('link'); ?>
					&gt; 
				<?php $plxShow->artTitle(); ?>
				</span>
            </div>
        </article>
    </div>

    </header>

        <div id="container" class="wrapper clear">
            <div class="primary">

                <article class="blog-post">
					<div class="post-header clear">
					<figure>
						<img width="570" height="255" src="<?php $plxShow->artThumbnail('#img_url'); ?>" class="attachment-large-thumb size-large-thumb wp-post-image" alt="" srcset="<?php $plxShow->artThumbnail('#img_url'); ?>"> 
					</figure>

					<div class="entry-info">
						<div class="catagory-type">
							<?php ob_start();
                                                           $plxShow->artCat();
                                                           $cats = ob_get_clean();
                                                           echo str_replace('<a class="','<a class="url fn n ',$cats);?>
						</div>
						<div class="entry-author vcard author fa fa-user">
							<?php $plxShow->artAuthor() ?>
						</div>            
						<div class="entry-date fa fa-comments">
							<a href="<?php $plxShow->artUrl(); ?>#comments" title="<?php $plxShow->artNbCom(); ?>"><?php $plxShow->artNbCom(); ?></a>
						</div>
						<div class="entry-tag fa fa-tags"> 
							<?php $plxShow->artTags() ?>
						</div>
					</div><!-- .entry-info -->
				</div>
					<div class="entry-content">
                        <div class="underline"></div>
                        <?php $plxShow->artContent(); ?>
                    </div>

                </article>

                <div id="comments" class="comments-area">
					<?php include(dirname(__FILE__).'/commentaires.php'); ?>
                </div>
                <!-- #comments -->
            </div>

            <?php include(dirname(__FILE__).'/sidebar.php'); ?>

        </div>
        <?php include(dirname(__FILE__).'/footer.php'); ?>

Pour les images utilise tinyjpg. Tu cliques sur Drop your .png or .jpg files here! et quand c'est fini, tu cliques sur download à droite de la ligne verte.

Dernière modification par Jerry Wham (30/08/2017 16:44:30)


Mangez un castor, vous sauverez un arbre !

J'ai la tête dans le  ...code

Hors ligne

#57 30/08/2017 17:13:08

webasso
Membre
Inscription : 04/10/2013
Messages : 283

Re : [thème] Masonic

Merci Jerry
J'ai remplacé le contenu de article.php

J'ai finalement tenté d'optimiser mes images avec le premier lien et j'y suis arrivé !
j'ai remplacé les images sur le site... ça parait plus léger mais j'ai toujours :
- quand on change de page en passant à une page statique ou un article, il y a un petit temps où toutes les images du diaporama s'affichent en même temps avant que l'entête prenne le dessus
Tu vois comment éviter cela ?

Je vois un autre truc qui me semble n'y était au début: sur un article par exemple, la page et la sidbar sont collées au menu horizontal, ça me fait dire aussi que la bande du sous-menu avec le titre de la page est sans doute trop haute tu ne crois pas ?

Dernière modification par webasso (30/08/2017 17:23:09)

Hors ligne

#58 30/08/2017 17:33:45

Jerry Wham
Membre
Inscription : 13/07/2011
Messages : 2 525
Site Web

Re : [thème] Masonic

remplace le fichier article.php par :

[== PHP ==]
<?php include(dirname(__FILE__).'/header.php'); ?>

    <div class="blog-header clear">
        <article class="wrapper">
            <div class="blog-site-title">
                <h1><?php $plxShow->artTitle(); ?></h1>
            </div>
            <div class="breadcrums">
                <span property="itemListElement" typeof="ListItem">
				<a href="<?php $plxShow->racine() ?>"><?php $plxShow->lang('HOME'); ?></a>
					&gt; 
				<?php $plxShow->catName('link'); ?>
					&gt; 
				<?php $plxShow->artTitle(); ?>
				</span>
            </div>
        </article>
    </div>

    </header>

    <div class="site-content">
        <div id="container" class="wrapper clear">
            <div class="primary">

                <article class="blog-post">
					<div class="post-header clear">
					<figure>
						<img width="570" height="255" src="<?php $plxShow->artThumbnail('#img_url'); ?>" class="attachment-large-thumb size-large-thumb wp-post-image" alt="" srcset="<?php $plxShow->artThumbnail('#img_url'); ?>"> 
					</figure>

					<div class="entry-info">
						<div class="catagory-type">
							<?php $plxShow->artCat() ?>
						</div>
						<div class="entry-author vcard author fa fa-user">
							<?php $plxShow->artAuthor() ?>
						</div>            
						<div class="entry-date fa fa-comments">
							<a href="<?php $plxShow->artUrl(); ?>#comments" title="<?php $plxShow->artNbCom(); ?>"><?php $plxShow->artNbCom(); ?></a>
						</div>
						<div class="entry-tag fa fa-tags"> 
							<?php $plxShow->artTags() ?>
						</div>
					</div><!-- .entry-info -->
				</div>
					<div class="entry-content">
                        <div class="underline"></div>
                        <?php $plxShow->artContent(); ?>
                    </div>

                </article>

                <div id="comments" class="comments-area">
					<?php include(dirname(__FILE__).'/commentaires.php'); ?>
                </div>
                <!-- #comments -->
            </div>

            <?php include(dirname(__FILE__).'/sidebar.php'); ?>

        </div>
        <?php include(dirname(__FILE__).'/footer.php'); ?>

ET CHANGE LE PLUGIN DE STEPHANE PAR LE MIEN : http://forum.pluxml.org/viewtopic.php?pid=55274#p55274  big_smile

Il faudra modifier la configuration en la réenregistrant et en mettant "NON" à hauteur adaptée à la vignette en cours de visualisation.

Dernière modification par Jerry Wham (30/08/2017 17:38:21)


Mangez un castor, vous sauverez un arbre !

J'ai la tête dans le  ...code

Hors ligne

#59 30/08/2017 21:23:29

webasso
Membre
Inscription : 04/10/2013
Messages : 283

Re : [thème] Masonic

Merci Jerry
J'ai récupéré le nouveau plugin et fais ce que tu demandais, sauf erreur.
Ce qui avait été fait auparavant dans les différents fichiers n'est pas à remettre en cause ?

Je constate que le problème suivant est encore d'actualité, est-ce qu'il y a un remède ?
- quand on change de page en passant à une page statique ou un article, il y a un petit temps où toutes les images du diaporama s'affichent en même temps avant que l'entête prenne le dessus

Hors ligne

#60 30/08/2017 22:00:33

Jerry Wham
Membre
Inscription : 13/07/2011
Messages : 2 525
Site Web

Re : [thème] Masonic

webasso a écrit :

Ce qui avait été fait auparavant dans les différents fichiers n'est pas à remettre en cause ?

Désolé, je n'ai pas compris cette phrase monkey

webasso a écrit :

Je constate que le problème suivant est encore d'actualité, est-ce qu'il y a un remède ?
- quand on change de page en passant à une page statique ou un article, il y a un petit temps où toutes les images du diaporama s'affichent en même temps avant que l'entête prenne le dessus

Il y a peut-être une interaction entre les scripts chargés. Il faudrait faire le ménage...

Je viens de constater que si l'écran fait plus de 1350px de large, les images sont collées à gauche.
Il faudrait ajouter un "margin: auto;" dans la css du plugin (via le panneau d'administration), en dessous de max-height. Les images seront ainsi centrées.


Mangez un castor, vous sauverez un arbre !

J'ai la tête dans le  ...code

Hors ligne

#61 30/08/2017 22:09:26

webasso
Membre
Inscription : 04/10/2013
Messages : 283

Re : [thème] Masonic

... La phrase: Je me demandais si ce que j'avais modifié dans les différents fichiers du thème, du plugin devait être remis en cause après le remplacement du plugin ?

J'ai ajouté "margin: auto;"

Jerry a écrit :

Il y a peut-être une interaction entre les scripts chargés. Il faudrait faire le ménage...

Que faut-il faire alors ?

Hors ligne

#62 31/08/2017 07:37:02

Jerry Wham
Membre
Inscription : 13/07/2011
Messages : 2 525
Site Web

Re : [thème] Masonic

webasso a écrit :

Je me demandais si ce que j'avais modifié dans les différents fichiers du thème, du plugin devait être remis en cause après le remplacement du plugin ?

Non, rien à remettre en cause.

webasso a écrit :

(...)Que faut-il faire alors ?

Le ménage  big_smile

Trêve de plaisanterie, normalement, il devrait y avoir un loader qui s'affiche à la place des images.

Il faudrait voir si le problème est le même avec le thème par défaut.
Auquel cas, cela viendrait du plugin. Sinon, du thème Masonic.

Je regarderai ça si j'ai un peu de temps.


Mangez un castor, vous sauverez un arbre !

J'ai la tête dans le  ...code

Hors ligne

#63 19/09/2017 19:50:55

webasso
Membre
Inscription : 04/10/2013
Messages : 283

Re : [thème] Masonic

Bonjour

Jerry a écrit :

Trêve de plaisanterie, normalement, il devrait y avoir un loader qui s'affiche à la place des images.

Il faudrait voir si le problème est le même avec le thème par défaut.
Auquel cas, cela viendrait du plugin. Sinon, du thème Masonic.

Je regarderai ça si j'ai un peu de temps.

... Je reprends le fil pour faire avancer mon projet.
Le problème est que si je remet le thème "par défaut" étant donné que les images du bandeau sont pas dans le thème par défaut mais avec masonic, je n'obtiens pas le rendu avec le plugin afin de vérifier si le problème vient de là ou pas

Jerry, tu as pu regarder de ton côté ?

Hors ligne

#64 20/09/2017 15:39:45

Jerry Wham
Membre
Inscription : 13/07/2011
Messages : 2 525
Site Web

Re : [thème] Masonic

Tu peux modifier le thème par défaut et mettre dans le header l'appel du hook pour tester :

[== Indéfini ==]
<?php eval($plxShow->callHook("MySlippry")) ?>

Sinon, de mon côté, je n'ai pas avancé... tongue


Mangez un castor, vous sauverez un arbre !

J'ai la tête dans le  ...code

Hors ligne

#65 20/09/2017 18:01:12

webasso
Membre
Inscription : 04/10/2013
Messages : 283

Re : [thème] Masonic

Bonjour Jerry
Je viens de remettre le thème par défaut avec le bout de code que tu m'as donné comme ceci à cet endroit de son fichier header.php, je ne me suis pas trompé d'endroit ?

[== PHP ==]
<?php if (!defined('PLX_ROOT')) exit; ?>
<!DOCTYPE html>
<html lang="<?php eval($plxShow->callHook("MySlippry")) ?>
<head>

J'ai l'impression que les images sautent moins quand on change de page... mais je n'en suis pas sur http://gite-des-aubes.com/zetest/
C'est quoi le diagnostic ?

Hors ligne

#66 20/09/2017 19:21:13

Jerry Wham
Membre
Inscription : 13/07/2011
Messages : 2 525
Site Web

Re : [thème] Masonic

Euh non, ce n'est pas là qu'il faut le mettre.
Il faut placer l'appel du hook après la balise body.


Mangez un castor, vous sauverez un arbre !

J'ai la tête dans le  ...code

Hors ligne

#67 20/09/2017 19:34:31

webasso
Membre
Inscription : 04/10/2013
Messages : 283

Re : [thème] Masonic

Comme ça alors ?

[== PHP ==]
<body id="top" class="page mode-<?php $plxShow->mode(true) ?>">
<?php eval($plxShow->callHook("MySlippry")) ?>
	<nav class="nav">
		<div class="container">
			<div class="responsive-menu">
...

Hors ligne

Pied de page des forums

A propos Nous soutenir Contact Twitter Google+
Copyright © 2006-2017 PluXml.org, tous droits réservés