Questions de débutant : par quoi commencer ?

LAuCoBa57LAuCoBa57 Member
août 2017 modifié dans Entraide
Tout est presque dans le titre :)

Je voudrais mettre en place un header contenant à gauche mon logo et à droite (aligné sur le logo) mes liens de navigation.
Comme je débute je modifie une copie du theme par défaut ... mais si j'arrive à avoir placer le menu dans la balise je me retrouve avec la barre de navigation sous le logo ...

Mon code pour le header :
[== PHP ==]
<header class="header">
		<div class="container">
            
            <p style="text-align: left;padding:10px;width:250px;"><img alt="logo" src="/laucoba/mg/data/medias/logo_joa_crop.png" style="width: 180px; height: 157px;" /></p>
            
                <div class="responsive-menu">
	<label for="menu"></label>
	<input type="checkbox" id="menu">
	<ul class="menu">
        <?php $plxShow->staticList($plxShow->getLang('HOME'),'<li class="#static_class #static_status" id="#static_id"><a href="#static_url" title="#static_name">#static_name</a></li>'); ?>
        
		<li><a href="#">Le jeu</a></li>
		<li><a href="#">Les figurines</a></li>
		<li><a href="#">La campagne KS</a></li>
		<li><a href="#">Forum</a></li>
	</ul>
</div>
            
			
            
            
		</div>
	</header>

Réponses

  • Et ces pages (Le jeu, Les figurines, La campagne...) ce sont des pages statiques? des catégories? A-t-on affaire à un site de type "une-page" ou un site classique avec des pages de catégories qui sont ailleurs que sur l'accueil?

    Je réitère que de populer le data est une bien meilleure première étape que de jouer dans le html.
  • Pierre a écrit:
    Et ces pages (Le jeu, Les figurines, La campagne...) ce sont des pages statiques? des catégories? A-t-on affaire à un site de type "une-page" ou un site classique avec des pages de catégories qui sont ailleurs que sur l'accueil?

    Je réitère que de populer le data est une bien meilleure première étape que de jouer dans le html.

    Il s'agit de catégorie ... elles ont été crée dans pluxml et contiennent des articles : seule la page d'accueil est statique.

    Après c'est vrai que je voulais reprendre la présentation que j'avais fait en html sur ma maquette ... et le tout propulsé par le cms donc à adapter.
    Là pour le moment j'ai un header (bleu) avec logo à gauche et menu "en dur" centré mais sous le logo
  • C'est pas idéal de forcer en dur une suite fixe de liens vers des pages de catégories mais bon, si c'est ça la solution préférée, j'espère qu'il n'y aura pas trop souvent à y retourner pour en ajouter. À ce moment-là, aussi bien balancer la fonction qui construit le menu et coder en dur l'accueil aussi. Inutile de lancer toute cette fonction pour ne rien en produire.

    Alors mon triste conseil est de remplir le site en ne touchant pas au menu pour tout de suite. La liste des catégories apparaîtra dans la colonne de droite et produira les liens URL qui pointent sur chacune de ces pages de catégories. Ces liens pourront être copiés/collés dans les adresses # de la liste.

    C'est vraiment ramer à contre-courant et renier toute la magie de PluXml, mais que voulez-vous, il faut que jeunesse se passe...
  • Pierre a écrit:
    C'est pas idéal de forcer en dur une suite fixe de liens vers des pages de catégories mais bon, si c'est ça la solution préférée, j'espère qu'il n'y aura pas trop souvent à y retourner pour en ajouter. À ce moment-là, aussi bien balancer la fonction qui construit le menu et coder en dur l'accueil aussi. Inutile de lancer toute cette fonction pour ne rien en produire.

    Alors mon triste conseil est de remplir le site en ne touchant pas au menu pour tout de suite. La liste des catégories apparaîtra dans la colonne de droite et produira les liens URL qui pointent sur chacune de ces pages de catégories. Ces liens pourront être copiés/collés dans les adresses # de la liste.

    C'est vraiment ramer à contre-courant et renier toute la magie de PluXml, mais que voulez-vous, il faut que jeunesse se passe...

    Au contraire je suis demandeur de conseils pour utiliser au mieux le cms

    C'est vrai que je me suis focalisé sur l'apparence de la page d'accueil ... je reviens en arrière en réinitialisant les fichiers du thème.

    Par quoi peux-tu (si tu acceptes qu'on se vouvoie) me conseiller de commencer ?
  • C'est vraiment simple, et vraiment un plaisir. Mon premier conseil à tous ceux à qui j'ai présenté ce secret bien gardé est d'avoir du plaisir. Rien de mal à jouer un peu avec le css si ça met un sourire dans le visage de l'aventurier, mais pas trop, ça risque d'avoir l'effet inverse sur ledit sourire.

    Tu commences avec le thème par défaut, tu visites l'admin pour y entrer une petite demi-douzaine d'articles avec plein de valeurs bidon dans les champs de titre, de chapô, de corps de texte et (bien sûr, pour ceux qui me connaissent) des images d'accroches.

    Tu assignes ces articles à quelques catégories toutes aussi bidon, en n'oubliant pas d'essayer de cocher plusieurs catégories pour quelques articles.

    La page statique dans l'installation par défaut fait le travail, pas vraiment besoin d'en créer d'autres, elles auraient le même comportement.

    Ensuite vient la constatation (pour ne pas dire contemplation) de ce que PluXml fait avec toutes ces choses...

    Avec une bonne compréhension de la mécanique des articles, catégories, etc, et les composantes des pages comme le header.php, footer.php, sidebar.php, etc, tout finira par devenir clair. Si ton gabarit html est déjà fait, il est assez simple de le "coller" sur PluXml ensuite. Si jamais c'est un gabarit publiquement accessible, ça me fera plaisir de le faire.
  • Pierre a écrit:
    Ensuite vient la constatation (pour ne pas dire contemplation) de ce que PluXml fait avec toutes ces choses...

    Avec une bonne compréhension de la mécanique des articles, catégories, etc, et les composantes des pages comme le header.php, footer.php, sidebar.php, etc, tout finira par devenir clair. Si ton gabarit html est déjà fait, il est assez simple de le "coller" sur PluXml ensuite. Si jamais c'est un gabarit publiquement accessible, ça me fera plaisir de le faire.

    OK.
    J'ai commencé à créer quelques articles et à les assigner aux catégorie.
    Le lien vers blog est apparu sur la barre de navigation (faudra que je vois pour le renommer en actualité + changer le template pour du full-width)
    Par contre les catégories n'apparaissent pas dans la barre de navigation :8

    Je continue ça demain soir après le boulot (sauf si je prend le projet sur une clé usb pour poursuivre du bureau :D )
  • C'est normal que les catégories n'apparaissent pas dans le menu automatiquement, on verra plus tard ce qui va déroger aux choses standards. L'idée est qu'un site a souvent une longue liste de catégories et il est fort probable qu'on ne les désire pas toutes dans le menu. C'est pourquoi il est plus commun de voir cette liste défiler dans la sidebar comme c'est le cas ici.

    Si un jour il devient important de créer dynamiquement un menu avec les catégories (toutes), la fonction catList() pourra peut-être livrer la marchandise.
  • @LAuCoBa57 : dans ton code actuel, tu as utilisé la balise <p> pour insérer ton logo : c'est la raison pour laquelle ton menu passe à la ligne, car il s'agit d'une balise de type "bloc" (dont le comportement par défaut fait que la balise suivante se positionnera en dessous).

    Pour aligner horizontalement ton logo et ton menu, une solution sera d'insérer deux colonnes dans ton header au niveau de la <div class="container">. Le logo allant dans la première, et le menu dans la seconde.

    <div class="grid">
    <div class="col sml-12 med-6">...</div>
    <div class="col sml-12 med-6">...</div>
    </div>

    (http://plucss.pluxml.org/index.php#grid)
  • LAuCoBa57LAuCoBa57 Member
    août 2017 modifié
    Pierre a écrit:
    C'est normal que les catégories n'apparaissent pas dans le menu automatiquement, on verra plus tard ce qui va déroger aux choses standards. L'idée est qu'un site a souvent une longue liste de catégories et il est fort probable qu'on ne les désire pas toutes dans le menu. C'est pourquoi il est plus commun de voir cette liste défiler dans la sidebar comme c'est le cas ici.

    Si un jour il devient important de créer dynamiquement un menu avec les catégories (toutes), la fonction catList() pourra peut-être livrer la marchandise.

    J'ai peut-être mal interprété les catégorie dans ce cas : je pensais qu'un article était lié à une catégorie (par exemple une catégorie Le jeu regrouperait tous les articles tagués Le jeu ...)
    kowalsky a écrit:
    Je poursuis la rédaction des articles dans la soirée (dès que mon chef me laisse quitter le bureau :D )

    Pour aligner horizontalement ton logo et ton menu, une solution sera d'insérer deux colonnes dans ton header au niveau de la <div class="container">. Le logo allant dans la première, et le menu dans la seconde.
    <div class="grid">
    <div class="col sml-12 med-6">...</div>
    <div class="col sml-12 med-6">...</div>
    </div>

    Merci pour l'info, je regarderai ça ... faut aussi que je lise la doc :P
  • En fait, on assigne une ou plusieurs catégories à un article plutôt que l'inverse. Dans l'admin, à la rédaction ou édition d'un article, on coche (dans la liste de droite) la ou les catégories attribuées.

    À l'ouverture d'une page de catégories, la liste complète des articles est lue, procédant à l'extraction de chacun des articles qui contiennent la valeur de cette catégorie en paramètre. On peut très bien imaginer une page sur la catégorie "Le jeu" qui affiche tous les articles dans lesquels cette case a été cochée, peu importe si cet article appartient aussi à d'autres catégories. C'est une grande force de PluXml.
  • LAuCoBa57LAuCoBa57 Member
    août 2017 modifié
    Pierre a écrit:
    En fait, on assigne une ou plusieurs catégories à un article plutôt que l'inverse. Dans l'admin, à la rédaction ou édition d'un article, on coche (dans la liste de droite) la ou les catégories attribuées.

    Je pensais qu'une catégorie était égale à 1 catégorie ... c'est bien qu'un même article soit dispo dans plusieurs catégories
    Pierre a écrit:
    À l'ouverture d'une page de catégories, la liste complète des articles est lue, procédant à l'extraction de chacun des articles qui contiennent la valeur de cette catégorie en paramètre. On peut très bien imaginer une page sur la catégorie "Le jeu" qui affiche tous les articles dans lesquels cette case a été cochée, peu importe si cet article appartient aussi à d'autres catégories. C'est une grande force de PluXml.

    J'ai crée un article associé à 2 catégories ... j'ai affiché la page et dans la sidebar je retrouvais bien mes articles et les catégories.

    Par contre le lien Blog me renvoi vers un article crée hier et pas vers ceux créés aujourd'hui : je pensais que Blog = actu (derniers articles toutes catégories confondues) mais à priori je me suis trompé.

    Donc pour l'instant j'ai 4 articles + page d'accueil statique ... demain je verrais pour créer une page statique "photo" ...

    J'attends tes conseils pour la suite O:)
  • Je n'utilise jamais le bouton de blog dans le menu. J'ai visité le code de la fonction dans le core et j'avouerai ne pas y comprendre grand chose.

    Pour moi, l'affichage des derniers articles entrés c'est l'affaire de la page d'accueil. Dans les cas où mon site n'a pas l'air du tout d'un blog mais qu'il doit y avoir une section qui donne une liste plus traditionnelle, je fais tout bonnement une catégorie que j'appelle blog, je coche les articles qui y sont destinés et c'est réglé.

    Pour le code de la fonction pageBlog, je vois qu'un paramètre permet d'afficher le bouton à un endroit précis dans le menu, nos amis du forum pourront peut-être démystifier comment le tout fonctionne et pourquoi ta liste ne semble pas afficher tout. Désolé.

    Une page statique est tout simplement une page qui ne remplit pas la définition d'un article ou d'une catégorie. Un exemple classique est la page de contact.
  • J'ai fais quelques modifications sur l'organisation générale du site :

    La page home affiche désormais les derniers articles avec la sidebar à droite (à voir pour modifier / adapter)
    Les pages categorie et article s'affichent en full width

    Le header contient la barre de navigation et le bloc titre sur lequel j'ai placé le logo ... il faudra que je trouve le moyen de placer un lien sur le logo vers la page d'accueil

    Le menu contient le lien Accueil, le liens vers un groupe de page statique (menu déroulant) et le lien vers la catégorie contenant des articles

    Ce week-end je vais travailler sur :

    - modification de la sidebar (voire même page home en full width)
    - trouver un plugin diaporama pour une page statique "images"
    - faire un lien vers la page home

    et encore plus si j'ai pas trop la flemme !

    EDIT : j'ai modifié le titre du topic pour plus de clarté
  • Salut,

    Pour le logo au Header, j'ai fais ce-ci:

    <a href="."> <img src="<?php $plxShow->template(); ?>/css/images/mag-logo.png" alt="" title="" /> </a>
  • PierrePierre Member
    août 2017 modifié
    Pour le diaporama, il y a toujours le truc rapide de créer une page de catégorie et de n'afficher que l'accroche. Par défaut, ça rend même chaque image un lien vers son article.

    La fonction lastArtList() est une "arme de construction massive" quand tout devient un article et toute liste devient une boucle qui affiche la partie désirée du bagage d'un article.


    CORRECTION: je mentionnais lastArtList() mais c'est plutôt une boucle WHILE qui contruit la liste d'une page de catégorie, pas de lastArtList() à moins de besoins spéciaux.
  • 8.(

    Je viens de mettre en ligne (chez Free) le projet de site mais j'ai un souci avec la barre de navigation : le lien vers le groupe de page statique n'est pas cliquable sur iPad / iPhone

    Et en mode paysage la barre de navigation est sur 2 lignes (donc en partie dans la zone du logo)
  • Pierre a écrit:
    Pour le diaporama, il y a toujours le truc rapide de créer une page de catégorie, d'utiliser lastArtList() et de n'afficher que l'accroche. Par défaut, ça rend même chaque image un lien vers son article.

    La fonction lastArtList() est une "arme de construction massive" quand tout devient un article et toute liste devient une boucle qui affiche la partie désirée du bagage d'un article.

    là je souhaite que tu m'en dises plus :D
  • Il y a deux grandes "façons" d'afficher une boucle d'items dans PluXml, la bonne vieille boucle WHILE et les fonctions maison qui produisent leur contenu dynamiquement. La plus flexible (à mon avis) de ces fonctions étant lastArtList().

    Pour étudier la boucle WHILE, regarder les gabarits de page de catégories, la page d'accueil, les archives, etc. On installe à l'intérieur de la boucle les formatages html et les items "uniques" à un article aux endroits désirés. La boucle tourne jusqu'à épuisement de la banque.

    lastArtList() est "née" pour afficher dans la sidebar une petite liste des derniers articles arrivés. On y voit par défaut le titre sous forme de lien vers la page d'article en question. Le paramètre $format par défaut dans la sidebar est très bien mais il est tout aussi facile de générer la liste de ton choix. Je suggère de lire le bout de documentation pour voir le potentiel.

    Ensuite, avec un peu d'imagination, un gabarit html générique pigé sur internet devient simplement une succession de listes. Je pousse l'audace à assigner absolument tout à un article pour rendre la mise à jour plus simple pour le rédacteur.

    Par exemple, un bloc publicitaire dans un coin d'une page d'accueil devient un article avec un titre du genre "pub ABC" qui a une belle image publicitaire comme accroche. L'article fait partie de la catégorie "bloc pub en haut à droite" qui porte le numéro 7.

    lastArtList($format='<img src="img_url">',$max=1,$cat_id='7')

    On demande ainsi d'afficher "le dernier article" de la catégorie numéro 7. Notre boucle ne contient presque rien de l'article, seulement une image, mais tout devient éditable par l'écran d'admin en créant un nouvel article le jour venu.

    Cette version très simpliste peut devenir un lien vers le commerce en promotion, la liste peut tourner de façon aléatoire dans le bassin de la catégorie 7, etc.

    Inutile d'en déballer plus pour tout de suite. C'est bien simple, PluXML peut tout faire, point à la ligne.
Connectez-vous ou Inscrivez-vous pour répondre.