[thème] Access Press Mag

PierrePierre Member
avril 2016 modifié dans Vos créations
Une grosse pointure cette fois-ci, oubliez le minimalisme, on parle d'un thème de type portail de nouvelles appelé Access Press Mag. Son nom vient en partie de son origine, il a été conçu pour le grand méchant W si populaire mais si compliqué pour rien. La meilleure preuve de la grande supériorité de PluXml par sa simplicité et sa flexibilité est de le mettre face-à-face à ce rival aux pieds d'argile.

Ainsi, si vous en avez beaucoup à dire, si vous servez plusieurs publics mais qui débutent à la même page, AccessPressMag agit comme de point de départ parfait avec une priorisation décidée par le webmestre. Il est important d'avoir cette grande quantité de sujets (nos catégories) pour que ce thème soit utile et n'affiche pas 5 fois la même chose sur son immense page d'accueil.

Plusieurs choix éditoriaux ont été faits pour "populer" les sections, une configuration manuelle du premier jour est importante pour refaire ces choix à votre image. Je demeure disponible si la fonction n'est pas claire ou si vous avez une idée différente pour remplir les cases.

Des boîtes bidon de publicité ont été laissés pour agrémenter le visuel, ce genre de site pourrait être très lucratif si vous voulez cultiver un peu sa popularité.

J'ai traficoté un genre de fil d'Ariane pour utiliser le gabarit, il n'avance pas à grand chose mais paraît bien où il est, je préfère toujours laisser les choses qui ne nuisent pas pour conserver le look intégral du thème tel qu'il est quand on le choisit.

Vous voudrez sans doute utiliser l'outil de recherche, il vous faudra un plugin comme plxMySearch, un jour peut-être il sera inclus dans PluXml de base. Notez que ce serait alors le seul plugin installé, je suggère aussi un éditeur léger qui ne va pas tout défigurer, par exemple plxEditor.

Tout cela étant dit, le plan de match demeure assez simple, des catégories bien pensées, on transpose ce plan une seule fois sur l'accueil, la sidebar et le footer. Une fois cette étape accomplie, PluXml n'est pas plus complexe que tous les autres sites qui le roulent.
«1345

Réponses

  • Ahhhh ! Super ! Il n'y a plus qu'à attendre qu'il soit validé. :)
    J'aurai probablement besoin de ton aide pour la configuration du thème.

    As-tu aussi repris le système défilant "Latest" en haut des pages ? Comment fonctionne t'il ?
  • Si tu continues à étudier le thème Clean et ses différentes variantes de la fonction lastArtList, le même principe est utilisé dans AccessPressMag, mais beaucoup plus souvent, tout simplement. La une fait plus de 300 lignes de code, il faut respirer par le nez et y aller une section à la fois.

    Le problème discuté souvent à propos de ton blog est la quantité de "choses à dire" qui est un peu basse pour l'instant. Je répète qu'il faut une foule de catégories qui contiennent une foule d'articles (tous imagés) pour voir quelque chose d'intéressant apparaître à l'écran, surtout sur l'accueil.

    Pour le fil des nouvelles "les plus récentes" en haut de page, je te le donne en mille, lastArtList est utilisée, encore et toujours, puisqu'on parle des "derniers" articles. Il faudra, comme pour les autres instances de lastArtList (il y en a 8, plus la boucle WHILE du slider) décider de quelle(s) catégorie(s) on désire tirer les nouvelles.

    Parce que pas toutes les caétgories sont des articles de nouvelles, j'en ai inventée une pour les auteurs, elle affiche une suite d'images photos qui sont des liens vers la page de cet auteur, petite bio, etc. Personne n'oblige une catégorie à contenir une rotation de nouvelles. En traitant l'article comme "le bout du tunnel" qui ne se sépare plus, on arrive à nos fins.

    Toute cette configuration peut sembler intimidante mais ce n'est qu'une succession des mêmes questions à se poser, "que voulons-nous voir afficher ici? quelle catégorie sont à inclure ou exclure? à quelle longueur limiter la liste?" Ces questions sont bien simples, il faut juste une montagne d'articles dans lesquels piger.

    Quand on a bien travaillé cette première journée, tout le reste est aussi simple que tous les thèmes de PluXml, on tape des articles avec un titre, un chapo, un body et une image.
  • LolYangccoolLolYangccool Member
    avril 2016 modifié
    Oui, j'ai augmenté le rythme de publication ces derniers jours, en espérant que je le tienne. Je cherche encore d'autres catégories à créer.
    Mais je suis (toujours) seul sur le site et il me faudrait vraiment un coup de main pour créer des articles, je fais ça en dehors de mon travail, pendant mon temps libre, et tout seul c'est pas évident de garder le rythme.
  • Rien de mal à prendre un thème plus raisonnable en attendant la quantité, on peut passer d'un à l'autre le jour venu où ça en vaut la peine.

    Un large portail vide affiche très rapidement sa "maigreur"...
  • Je remarque un petit oubli dans la page d'accueil, rien de bien grave, surtout que la solution est juste à côté, quelques lignes plus haut ou plus bas.

    Dans deux portions de code qui affichent une image, l'utilitaire de rognage n'est pas sollicité alors qu'il aurait dû pour bien couper l'image d'un article et ne pas empiéter sur le contenu autour. Si votre image est trop petite, elle ne sera pas "étirée" et si elle est trop grande, le "coupe-biscuit" ne sera pas activé. Comme mentionné plus haut, la situation est inscrite correctement à d'autres endroits dans la page. Une version future aurait la correction mais c'est très facile de trouver les 2 endroits à l'intérieur du $format de 2 fonctions lastArtList qui se lisent
    [== HTML ==]
    <a href="#art_url"><img src="#img_url" alt="" /></a>
    
    

    et de remplacer la ligne par
    [== HTML ==]
    <a href="#art_url">
       <img src="'.$plxMotor->urlRewrite($plxMotor->aConf['racine_themes'].$plxMotor->style).'/img.php?src=#img_url&w=554&h=305&crop-to-fit" alt="" />
    </a>
    


    Pour les curieux, cette gymnastique pluxéméliste permet de placer l'utilitaire img.php à l'intérieur du répertoire du thème et non plus dans le répertoire racine. C'est pourquoi mes thèmes ont maintenant le tampon "Aucun plugin ni copier-coller nécessaire, tout est dans la boîte!"

    Stéphane m'a donné le filon la semaine dernière et j'ai rapidement converti les thèmes que j'avais. J'ai simplement oublié ces deux passages.
  • Merci pour la correction. :)

    Ce thème est génial, deux reproches cependant :
    - Je pense qu'il n'aurait pas fallut garder le lien répondre en dessous de chaque commentaire, puisqu'il ajoute bien #form dans l'URL mais ça ne fonctionne pas sous PluXml.
    - Le lien sur x commentaire(s) en haut de chaque article est inopérant également.

    Très bon thème cependant, me reste à doubler mon nombre de catégorie et à avoir au moins 6/7 articles par catégorie et je pourrais commencer à l'utiliser.
    C'est pas gagné...
  • Je regarderai ça pour les commentaires, j'avoue ne pas les activer souvent dans les sites que je gère, faute de temps pour repousser les throlls qui polluent le paysage si on y voit pas régulièrement. Le fichier de commentaire est possiblement pas à jour également, au moins tout est concentré en un seul fichier.

    Pour le nombre de commentaires sur un article, s'agit-il de la page d'article, de catégorie, ou sur l'accueil?

    Tu peux activer un site en développement pour travailler les bugs, ça permet de visualiser et de tester les théories. Merci pour le travail de repérage, content que le thème te plaise, bonne chance pour la production de contenu.
  • Il s'agit de la page de l'article. Le lien renvoie vers l'accueil.
  • La seule chose que je trouve intéressante avec W.... et les modèles de site magazine,
    c'est pour le rédacteur,
    avec notamment la fonctionnalité de dupliquer un article,
    et de suivre l'historique des modifications de contenu.

    Y aurait-il un plugin pluxml qui permette cela ?
  • @LolYangccool

    J'utilise un copié-collé de la fonction présente dans le thème par défaut pour le nombre de commentaires et le lien vers la section (donc en bas de la page). À moins que quelque chose soit différent depuis très peu de temps, j'ai tout bâti sous le Beta3 quelques jours avant la sortie officielle, et tout fonctionne.

    Est-ce que ça donne le même problème avec le thème par défaut? C'est toujours un très bon test pour bien saisir si c'est causé par autre chose que le thème. Chez moi, ça donne le résultat souhaité, ça roule la page jusqu'aux commentaires. À première vue, il faut chercher ailleurs. Si le thème par défaut donne le bug, il faut retirer tous les plugins et essayer à nouveau. Si ça ne fonctionne toujours pas, reporter le problème dans la section des bugs.
  • A priori ça fonctionne uniquement quand il y a un ou plusieurs commentaires postés sur l'article.
    Quand il n'y a pas de commentaire, le lien ne fonctionne pas. Sur la home du thème par défaut aussi.
    Je fais d'autres tests.
  • PierrePierre Member
    avril 2016 modifié
    Encore une fois, la fonction est tirée du thème par défaut sans modification. Ça sera important de bien décrire le comportement quand tu rapporteras l'anomalie s'il y en a une. C'est mieux de toujours retester avec la version d'origine sans aucun plugin pour faire sauver du temps aux "réparateurs". Tout le monde s'active à tout faire fonctionner, les bugs sont inévitables mais il faut savoir quoi réparer. Le thème peut très bien en avoir aussi.

    Tout ça n'a donc pas rapport au thème, tu n'es pas dans la bonne rubrique. Il faut se déplacer dans la bonne conversation, soit la version 5.5 ou possiblement le ou les plugins fautifs. L'important c'est de tester avant pour bien isoler le problème.
  • cfdevcfdev Member
    Oula c'est du lourd celui là Pierre !! effectivement il ne faut pas avoir 2 cat et 20 articles lol
    Bravo pour l’intégration.
  • Merci, c'est notre ami LolYangccool qui cherchait un tel thème dans une autre rubrique, il a déjà un blogue de nouvelles techno et veut lui donner un look plus journalistique. J'ai cherché un peu dans les banques gratuites et je suis tombé sur ce très bon produit, solide et dynamique.

    Il peut sembler intimidant par sa quantité de matériel qui aboutit à l'écran en même temps mais tout ça n'est souvent qu'une suite de variations de la fonction lastArtList() avec sa nouvelle image d'accroche qui remplace la nécessité d'inclure le plugin Vignette. Un peu de magie de redimentionnement avec l'utilitaire cImage et le tour est joué.

    Ainsi, pour les intéressés, l'intégration n'est pas beaucoup plus compliquée qu'un autre gabarit. On extrait le rendu HTML, on identifie une section où une liste répète quelques fois la même chose, on remplace ladite section une lastArtList() avec le code d'un de ses "paragraphes" et on passe au suivant.

    Le thème n'est pas pour tout le monde, en effet, mais comme tu dis, c'est la quantité de contenu à dire qui dirige le choix. Si quelqu'un a 5 à 10 catégories, au moins une cinquantaine d'articles avec des images d'accroche et des ajouts de nouveautés périodiquement, ça vaut certainement la peine de l'essayer, c'est tellement rapide sans aucun plugin.
  • LolYangccoolLolYangccool Member
    avril 2016 modifié
    Bonsoir,
    Petite question : Comment faire pour lier la fonction de recherche du thème au plugin plxMySearch ?
    Je n'y arrive pas...

    Ca me permettrait de masquer la page de recherche du menu et de ne laisser que l'icône du thème, c'est plus esthétique. ;)

    Merci.
  • PierrePierre Member
    avril 2016 modifié
    Je sympathise avec ta cause. Le moins qu'on puisse dire c'est que ce plugin est loin d'être prévu pour être intégré dans un gabarit existant, je ne peux que rêver du jour où ce plugin suivra les traces de Vignette et fera partie des fonctions de base de PluXml. Avec plxMyContact qui manque cruellement aussi, c'est un des derniers points que je trouve négligé de notre CMS adoré.

    Ceci dit, trève de complaintes, il y a toujours un moyen quand on prend son temps. tout se passe dans le répertoire du plugin lui-même alors il faut réaliser que ça va tout foutre en l'air dans ton site si tu l'installes à côté de ton thème juste pour voir.

    Il faut t'installer et mettre en ligne une version isolée de PluXml toute seule sur son île avant de casser quelque chose.
  • D'accord, je vais copier mon site en local pour faire mes essais.
    Que faut-il modifier dans le répertoire du plugin concrètement ?

    Merci. :)
  • Je répète que ce n'est pas une mince tâche, tu vas peut-être considérer plutôt en faire un hyperlien vers ta page de recherche pour ne pas perdre la raison en tentant l'aventure. Concrètement, ce qu'il te faut c'est:

    - ouvrir plxMySearch.php,
    - trouver l'endroit où se trouve le formulaire,
    - le remplacer par le formulaire laissé dans le gabarit,
    - voir si le CSS du plugin interfère avec celui du gabarit, probablement en conclure qu'il faut l'effacer pour qu'il ne le surplombe pas,
    - configurer la page de résultats avec le code source qui se trouve dans ladite page au site de démo,
    - tester et corriger si tu es encore vivant et sain d'esprit.

    une partie de plaisir...

    Bien sûr, si tu t'avisais de changer pour un autre thème, il faut tout recommencer. Avec un peu de chance, Stéphane va croiser ce message et se prendre de compassion.
  • Effectivement, je crois que je vais mettre un simple lien. :p

    Autrement, dans commentaires.php, le texte "Vérification anti-spam" est sur deux lignes, comme ceci :
    Vérification anti-
    spam

    Y a t'il possibilité de ne le mettre que sur une seule ligne (remonter "spam" d'une ligne) ?
  • Je mettrai des fichiers type dans une future version du thème pour assister un peu l'ajout du plugin de recherche. J'espère encore qu'un jour cette portion sera prise en charge par le core.

    Pour la phrase qui casse au milieu, tu peux modifier à partir du CSS mais je suggère toujours dans ces cas de l'inscrire dans le format de la DIV à même la page. Dans ce cas-ci, ce serait dans la page commentaires.php. Tu lui donnes une largeur autour de 200px et ça devrait tout passer sur une seule ligne. Je suggère de le faire en mode local juste au cas où le designer produise une mise à jour de sa feuille de style.
  • LolYangccoolLolYangccool Member
    avril 2016 modifié
    Bon, je n'arrive pas à faire mon lien sur l'icône de recherche...
    Si quelqu'un peut m'aider. Je cherche uniquement à faire un lien sur l'icône qui pointe vers la page de recherche en gardant le style de l'icône actuel.

    Merci.

    Edit : J'ai un autre petit soucis.
    Sur la home, j'ai 4 articles qui sont sensés être aléatoire mais qui ne le sont pas, ce sont toujours les 4 mêmes qui sont affichés.
    Ca fonctionnait pourtant hier et là ça ne fonctionne plus.

    Voilà le code de la fonction :
    [== HTML ==]
    <div class="bottompost-wrapper">
    <?php $plxShow->lastArtList('
    <div class="single_post clearfix ">
    <div class="post-image">
    <img src="'.$plxMotor->urlRewrite($plxMotor->aConf['racine_themes'].$plxMotor->style).'/img.php?src=#img_url&w=177&h=118&crop-to-fit" alt="#img_alt" /></a>
    </div>
    <!--. post-image-->
    <div class="post-desc-wrapper">
    <h3 class="post-title"><a href="#art_url">#art_title</a></h3>
    <div class="block-poston">
    <span class="posted-on">
    <a href="#art_url" rel="bookmark">
    <time class="entry-date published" datetime="#art_date">#art_time</time>
    </a>
    </span><span class="comment_count"><i class="fa fa-comments"></i>#art_nbcoms</span></div>
    </div>
    <!-- .post-desc-wrapper -->
    </div>',4,'',$sort='random'); ?>
    <div class="clearfix"></div>
    </div>
    

    Merci.
  • Pour le lien, t'as déjà fait une balise A en HTML, c'est quand même la première qu'on apprend. L'icône de petite loupe est tiré de la librairie Font-Awesome, on la voit affichée sous "<i class="fa fa-search"></i>", c'est ce que tu mettras entre les deux bornes de ta balise A. Pour le paramètre HREF à y mettre, tu prends comme toujours la destination désirée, dans ton cas l'URL de ta page de recherche sans mot-clé.

    La fonction lastArtList décrite fait exactement ce que tu lui dis, ce que j'ai imaginé comme un comportement souhaité, il est certainement modifiable. Cette fonction fait donc l'extraction des 4 derniers articles et te les sert dans un ordre aléatoire. Le manuel explique cette fonction avec les variantes que tu peux lui donner si ce choix éditorial ne te va pas. Si tu veux 4 articles aléatoirement tirés de ton ensemble complet d'articles, il s'agira alors de 4 fonctions isolées qui appellent 1 seul article chacune, mais cette fonction serait recopiée 4 fois. Il y a un risque de voir un article ou plusieurs se répéter si le bassin est trop petit.
  • LolYangccoolLolYangccool Member
    avril 2016 modifié
    Merci pour la réponse.
    Pour le lien j'avais bien testé ceci mais ça ne fonctionnait pas, je réessaye tout de suite...

    Pour les articles aléatoires, il réapparaissent toujours de la même manière , dans le même ordre.
    Si tu te rends sur la page d'accueil de mon site, tu pourras constater le comportement de la fonction : http://lolyangccool.ovh
    Je vais essayer de modifier ceci, il est donc probable que quand tu regardes ce soit depuis corrigé.

    Edit : Pour le lien ça fonctionne mais l'icône passe rouge de manière constante.
    Je cherche encore mais c'est difficile pour moi.

    Edit 2 : Je n'y arrive pas. L'icône change d'emplacement et passe rouge tout le temps au lieu d'être rouge uniquement au survol.
    Mon code me semble correct, non ?
    [== HTML ==]
    <div class="search-icon">
    <a href="<?php $plxShow->racine() ?>/search"><i class="fa fa-search icon"></i></a>
    </div>
    
  • Je viens de jeter un oeil sur ton site LolYangccool, c'est extra ! :D :D
  • Il faudrait être plus précis dans la description d'une difficulté que de dire de me rendre sur l'accueil et de constater le comportement de la fonction. C'est un peu vague.

    L'important est de penser à ce que tu veux voir où, et de le décrire avec grande précision. Tes sections ont des titres, ça serait un bon départ. La fonction lastArtList est très flexible, elle a ses limites mais on aime bien les repousser.

    Tu passes beaucoup de temps à configurer l'intégration d'un produit qui affiche 7 fois la même chose dans la page. Tu comprends que tout ça sera à recommencer quand tu finiras par avoir revu les catégories et quelques dizaines d'articles ajoutés?
  • dans la section PRÉSENTATIONS, TESTS ET CRITIQUES de l'accueil, la photo de droite n'est pas redimentionnée. La modification expliquée au post #6 n'a peut-être pas été faite à cet endroit?
  • LolYangccoolLolYangccool Member
    avril 2016 modifié
    La modification du post #6 a bien été faite, normalement.

    Pour ce que je cherche à faire, en fait, je souhaite que les 4 articles de la section "Astuces et articles aléatoires" qui sont juste au dessus de la section suivante soit donné de manière aléatoires parmis les disons 10 derniers articles toutes catégories confondues. Si possible sans répéter deux fois le même article.

    Pour le contenu, je ne vais pas trop m'avancer mais j'ai discuté un bon moment avec une personne qui serait peut-être d'accord pour rejoindre mon site avec son "équipe" de rédacteurs.
    Il y aurait donc dans ce cas là plus de contenu posté plus régulièrement. :)
  • La section PRÉSENTATIONS, TESTS ET CRITIQUES provoque une erreur dans la photos grand format de droite parce que la fonction ne reçoit qu'un article alors qu'elle en attend 2. L'image censée arriver au cas se déplace à droite dans sa taille miniature prévue pour le bas. Il faut une ou des catégories qui génèrent deux articles en sortie en haut et un nombre pair raisonnable, genre 4 pour les miniatures juste en-dessous.

    Maintenant, notre machin aléatoire. Pour sortir 4 articles d'un bassin des 10 derniers, toutes catégories confondues (très bien expliqué, en passant), on n'a pas le choix de répéter 4 fois une requête au nombre de 1. Les 4 ont l'option de ne regarder que les 10 derniers sans mentionner de restriction sur la ou les catégories, mais cette répétition de 4 cas isolés ne pourra pas empêcher la sortie d'un même article 2, 3 ou même 4 fois de suite, pas fameux. Aussi bien tirer les 4 derniers ou quelque chose du genre.

    L'alternative existe, rouler une boucle WHILE qui fait l'extraction et un paquet de tests pour finir par aboutir à l'écran. On ira pas là aujourd'hui, tu pourras vivre avec lastArtList pour un moment avant de te compliquer l'existence, tu as mieux à faire.
  • Petite correction dans ma description de la section PRÉSENTATIONS, TESTS ET CRITIQUES , je me basais sur une section différente de la même page. Il n'y a pas de modification de type post #6 à faire mais simplement trouver une catégorie qui va générer plus qu'un seul article. Le gabarit aligne une colonne de 3ou 4 miniatures, ta colonne n'en contenant qu'une seule, ça crée un grand trou blanc. Donc, pour cette section, tout ce qu'il faut c'est du contenu.
  • LolYangccoolLolYangccool Member
    avril 2016 modifié
    Merci Pierre.

    Nous parlons bien de la section encadrée en rouge sur la capture ci-dessous ?
    51fe7ccc30f722756f32294f3b19085ce71796cec1.png
    C'est dans cette section ou les articles sont toujours identiques et dans le même ordre.
Connectez-vous ou Inscrivez-vous pour répondre.