Questions de débutant : par quoi commencer ?
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 :
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>
Connectez-vous ou Inscrivez-vous pour répondre.
Réponses
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
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 ?
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.
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 )
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.
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)
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 ...)
Merci pour l'info, je regarderai ça ... faut aussi que je lise la doc :P
À 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.
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
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:)
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.
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é
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>
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.
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)
là je souhaite que tu m'en dises plus
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.