[thème] Masonic

1235»

Réponses

  • trentaneltrentanel Member
    mars 2018 modifié
    En fait je ne sais pas quelle conséquence tirer de cette information. Tu veux dire que l'image d'accroche peut apparaître dans le synthèse de l'article ?
    Par exemple si je clique sur la catégorie "Recettes" où je viens de mettre une image d'accroche à chaque article, , elle ne s'affiche que dans la vue complète de l'article et pas dans sa synthèse de la liste des articles.
  • PierrePierre Member
    tiré du texte de la boucle dans home.php (lignes 17 à 19):


    <figure>
    <img src="<?php $plxShow->template(); ?>/img.php?src=<?php $plxShow->artThumbnail('#img_url'); ?>&w=570&h=255&crop-to-fit" class="attachment-large-thumb size-large-thumb wp-post-image" alt="" srcset="<?php $plxShow->template(); ?>/img.php?src=<?php $plxShow->artThumbnail('#img_url'); ?>&w=570&h=255&crop-to-fit">
    </figure>

    Peut-être que le problème se trouve ailleurs, par exemple l'absence du répertoire /cache ou un serveur qui n'accepte pas l'activation de cImage avec le script img.php

    Un truc est d'essayer avec un article qui contient une image d'accroche mais aucune image dans le corps du texte inséré par l'éditeur.
  • trentaneltrentanel Member
    mars 2018 modifié
    'essayer avec un article qui contient une image d'accroche mais aucune image dans le corps du texte inséré par l'éditeur.
    Oui, c'est le cas pour deux des recettes, et l'affichage n'est pas mieux.
    ou un serveur qui n'accepte pas l'activation de cImage avec le script img.php
    Je vais copier le site sur mon mutualisé OVH.

    EDIT : Bravo Pierre et un gros merci. Sur la copie chez OVH, l'image d'accroche s'affiche bien dans la synthèse des articles de la catégorie. Et bien entendu, s'il y a une autre image dans le corps de l'article elle est traitée correctement.
    C'est donc le serveur de Free qui n'accepte pas la fonction utilisée.

    Je t'offre un verre de cidre de glace pour faire descendre une queue de castor remplie de chantilly O:)
  • PierrePierre Member
    Ouf, délicieuse proposition mais pas très bonne pour la ligne!

    Maintenant, peut-être que nos amis du forum auront une solution pour la restriction de Free. Je ne suis pas familier avec ses particularités.

    Au pire, il restera l'option de ne pas utiliser cImage du tout mais de lancer les images directement dans la taille et la proportion voulue. La fonction incluse dans img.php sert à rogner les images qui auraient été sauvegardées dans une proportion (largeur/hauteur) qui devient déformée dans un gabarit qui les force dans un cadre qui ne leur est pas flatteur. Pour certains thèmes, ce serait une catastrophe, mais ça l'est beaucoup moins ici.
  • Autre chose : maintenant que je peux tester ce thème sur l'hébergement OVH, je constate une autre "fonctionnalité" qui devient gênante sur smartphone.

    Dans la vue complète d'un article, il s'affiche des liens vers les catégories auxquelles l'article appartient. Ces liens sont sur un fond noir et se superposent à l'image d'accroche. Avec deux liens ça prend déjà une bonne proportion de l'image. C'est pas fantastique. :P
    Enfin, dans la synthèse des articles, le lien vers l'article n'est actif que sur son titre mais pas sur l'image d'accroche.

    Ensuite, en regardant sur le site de démo du thème, il me semble comprendre que les grandes images sont en 570*255, celles des synthèses d'articles en 350*205 et celles des liens vers les articles en 45*45.

    Qu'en disent ceux qui l'utilisent ? Et sur un hébergement Free ?
  • PierrePierre Member
    L'avantage du thème Masonic est sont apparence très verticale, très blog traditionnel. C'est bien parce qu'un collègue du forum en a fait la demande car il ne m'aurait pas normalement attiré vraiment. Tant mieux pour les traditionalistes.

    Ainsi, presque toutes les images d'accroches peuvent être forcées seulement en largeur, laissant la hauteur pousser le texte vers le bas sans casser autre chose.

    Pour les superpositions indésirées de texte, c'est une question de feuille de style. Jouer dans les CSS demande un peu de patience et beaucoup de précision dans l'action qu'on veut entreprendre. Le lien ne fonctionne plus, il faudra décrire clairement ce qui est désiré, avec un lien.
  • trentaneltrentanel Member
    mars 2018 modifié
    Tant mieux pour les traditionalistes.
    Moyenne d'age de ceux qui le consultent = 65 ans :)

    Je vais d'abord voir comment régler ou contourner ce problème de cImage.

    Quand je charge la page d'accueil dans Firefox et que je consulte le debogueur par F12, l'onglet console me raconte ceci :
    [== Indéfini ==]
    Échec du chargement pour l’élément <script> dont la source est « http://randomazan.free.fr/themes/theme-masonic/js/frontend.js?ver=6.1.7 ».
    randomazan.free.fr:19
    Échec du chargement pour l’élément <script> dont la source est « http://randomazan.free.fr/themes/theme-masonic/js/jquery.js?ver=1.12.4 ».
    randomazan.free.fr:20
    Échec du chargement pour l’élément <script> dont la source est « http://randomazan.free.fr/themes/theme-masonic/js/jquery-migrate.min.js?ver=1.4.1 ».
    randomazan.free.fr:21
    Échec du chargement pour l’élément <script> dont la source est « http://randomazan.free.fr/themes/theme-masonic/js/scripts.js?ver=4.7 ».
    randomazan.free.fr:393
    Échec du chargement pour l’élément <script> dont la source est « http://randomazan.free.fr/themes/theme-masonic/js/devicepx-jetpack.js?ver=201723 ».
    randomazan.free.fr:394
    Échec du chargement pour l’élément <script> dont la source est « http://randomazan.free.fr/themes/theme-masonic/js/wpgroho.js?ver=62507ce4675b9502c672a5fa12610b86 ».
    randomazan.free.fr:395
    Échec du chargement pour l’élément <script> dont la source est « http://randomazan.free.fr/themes/theme-masonic/js/imagesloaded.min.js?ver=3.2.0 ».
    randomazan.free.fr:396
    Échec du chargement pour l’élément <script> dont la source est « http://randomazan.free.fr/themes/theme-masonic/js/masonry.min.js?ver=3.3.2 ».
    randomazan.free.fr:397
    Échec du chargement pour l’élément <script> dont la source est « http://randomazan.free.fr/themes/theme-masonic/js/jquery/jquery.masonry.min.js?ver=3.1.2b ».
    randomazan.free.fr:398
    Échec du chargement pour l’élément <script> dont la source est « http://randomazan.free.fr/themes/theme-masonic/js/wp-embed.min.js?ver=62507ce4675b9502c672a5fa12610b86 ».
    randomazan.free.fr:405
    Échec du chargement pour l’élément <script> dont la source est « http://randomazan.free.fr/themes/theme-masonic/js/e-201723.js ».
    randomazan.free.fr:406
    L’utilisation de « getPreventDefault() » est obsolète. Utiliser « defaultPrevented » à la place.
    jquery.min.js:3:6598
    TypeError: jQuery(...).masonry is not a function
    [En savoir plus]
    masonry-setting.js:3:4
    
    ce masonry est-il lié à CImage ou est-ce encore autre chose ? Peut-être un plugin à ajouter ?

    EDIT : je constate que j'ai les mêmes messages sur ma copie OVH qui affiche bien les synthèses. C'est donc autre chose
  • bazooka07bazooka07 PluXml Lead Developer, Moderator
    Prends ton logiciel de ftp et regarde si tu as bien un dossier themes/theme-masonic sur ton serveur

    Si j'essaie de télécharger le fichier suivant dans Firefox, j'obtiens une erreur 404. Soit le fichier esr assez du serveur, soit il n'est pas au bon endroit.
    http://randomazan.free.fr/themes/theme-masonic/js/imagesloaded.min.js
  • trentaneltrentanel Member
    mars 2018 modifié
    regarde si tu as bien un dossier themes/theme-masonic sur ton serveur
    Oui, il y est bien.
    Par contre le fichier que tu cites n'y est pas. J'ai téléchargé à nouveau le zip du thème et il n'y est pas non plus. Et il n'existe aucun fichier de ce nom dans tout le répertoire du thème.

    Mais l'analyse de l'onglet "Réseau", montre plein d'erreurs 404. Il semble bien qu'il manque plusieurs fichiers dans le répertoire /js du thème.


    @bazooka07
    Vu que tu as un Pluxml chez Free, qu'en dis-tu à propos de CImage et img.php qui ne sont peut-être pas pris en charge par le serveur ?
  • bazooka07bazooka07 PluXml Lead Developer, Moderator
    Oups, ce thème n'est pas utilisable en l'état :mad:

    Si on regarde les scripts requis par le fichier header.php, on obtient ceci :
    [== bash ==]
    $ grep '<script' header.php |sed -e 's/^.*src=.//; s/<\/script.*$//'
    <?php $plxShow->template(); ?>/js/frontend.js?ver=6.1.7'>
    <?php $plxShow->template(); ?>/js/jquery.js?ver=1.12.4'>
    <?php $plxShow->template(); ?>/js/jquery-migrate.min.js?ver=1.4.1'>
    https://demo.themegrill.com/masonic/wp-content/themes/masonic/js/html5shiv.js?ver=3.7.3'>
    

    E si on regarde dans le dossier js du theme, on obtient ceci :
    [== bash ==]
    $ ls -1d js/*
    js/customizer.js
    js/fitvids
    js/html5shiv.js
    js/html5shiv.min.js
    js/jquery.bxslider
    js/masonry-setting.js
    js/search-toggle.js
    js/skip-link-focus-fix.js
    

    Manquent les fichiers jquery.js, jquery-migrate.min.js, frontend.js
    Quand au dernier script, il semble que cela sot un mouchard

    Il y a également d'autres soucis si on affiche le fichier des logs dans une console :
    [== bash ==]
    tail -f /var/log/apache2/test-error.log
    

    Perso, je ne suis pas trop intéressé par ce thème et pas trop envie de plonger les mains dans le cambouis pour corriger les bugues.
    En l'état, je n'envisage même pas de le tester chez Free.fr.
  • Merci pour cette analyse, il se pourrait bien que je fasse comme toi.
  • PierrePierre Member
    Comme j'ai expliqué, le thème permet assez bien de retirer l'utilitaire qui rogne les images (img.php ou cImage) et ne forcer que les largeurs d'images en laissant la hauteur se régler toute seule.

    Pour ce qui est de la liste de scripts. Il y a l'option de comparer les lignes et ajouter tout ce qui manque mais beaucoup de ces scripts ne seront jamais appelés. Pour des thèmes convertis en quelques minutes pour satisfaire une demande spéciale, je m'assure que les fonctions de base nécessaires pour faire rouler les articles PluXML sont bien présents et opérationnels. Tout le reste est fait par notre CMS et ses fonctions.

    Les outils diagnostiques vont provoquer des avertissements que des appels de scripts sont lancés inutilement. Ça vaut la peine de faire les retraits de ces lignes pour produire un beau bulletin de notes mais rappelons-nous que l'économie se compte en millisecondes. Ceci dit, un beau bulletin de notes, c'est toujours plaisant.
  • trentaneltrentanel Member
    mars 2018 modifié
    Comme j'ai expliqué, le thème permet assez bien de retirer l'utilitaire qui rogne les images
    Arf ! c'est que je n'ai pas compris l'explication. Je ne vois pas comment faire. Il faudrait trois formats pour chaque image : l'accroche de l'article, celui de la synhèse et enfin pour les listes de catégories.
  • PierrePierre Member
    Non, il n'est pas nécessaire d'avoir plusieurs copies d'une image, pas même une miniature.

    La transformation d'une ligne AVEC cImage en une ligne SANS cImage ressemble à:
    [== Indéfini ==]
    <figure>
    	<img src="<?php $plxShow->template(); ?>/img.php?src=<?php $plxShow->artThumbnail('#img_url'); ?>&w=570&h=255&crop-to-fit" class="attachment-large-thumb size-large-thumb wp-post-image" alt="" srcset="<?php $plxShow->template(); ?>/img.php?src=<?php $plxShow->artThumbnail('#img_url'); ?>&w=570&h=255&crop-to-fit"> 
    </figure>
    
    
    <figure>
    	<img src="<?php $plxShow->artThumbnail('#img_url'); ?>" class="attachment-large-thumb size-large-thumb wp-post-image" alt="" srcset="<?php $plxShow->artThumbnail('#img_url'); ?>"> 
    </figure>
    
    
  • trentaneltrentanel Member
    mars 2018 modifié
    Merci Pierre, avec cette modification du fichier home.php, les synthèses d'articles de la page d'accueil s'affichent correctement. Par rapport au site de démo, on perd le lien sur l'image mais il reste le titre.
    D'autre part, si les images ont la bonne largeur, elles ont la hauteur proportionnelle et pas réduite comme l'aurait fait la version originale. Je retaillerai les images avant, de toute façon il faut le faire.
    Enfin, il n'y a pas les miniatures 45*45 pour la liste des derniers articles.

    A voir si on garde ce thème et si les utilisateurs de smartphones et autres tablettes seront gênés par les liens vers les catégories.

    J'en conclus qu'il faut quand même plus de connaissances pour changer de thème que pour installer Pluxml. J'en ai essayé trois, c'est facile à installer mais plus compliqué pour avoir un bon affichage.
  • PierrePierre Member
    Un peu de connaissances en HTML ne peut qu'aider quiconque veut jouer un peu sous le capot. Une opération comme rendre une image cliquable pour être redirigé fait partie des choses de base qui ne seront jamais perdues.

    Le lien A est le sujet ici. Tout ce qui se trouve entre le <a> et le </a> fera partie de ce qui est cliquable.
  • trentaneltrentanel Member
    mars 2018 modifié
    Encore merci pour ton aide et tes conseils. Effectivement, j'avais pas pensé à ajouter les liens à la main. Mais encore faut-il rechercher la bonne commande pluxml pour désigner l'article.
    Et je dois reconnaître qu'une bonne partie du problème veint de mon hébergement au rabais. :P
    Mais franchement, je ne pensais pas que "changer de thème" reviendrait à "jouer un peu sous le capot". Sachant que le "un peu" est relatif est dépend du point de départ.

    Bon dimanche :)
  • Bon, c'est fait. La réponse est ici :
    http://devzone.pluxml.org/index.php?page=plxShow-artUrl
Connectez-vous ou Inscrivez-vous pour répondre.