Zonage
Pré-requis à l’installation
Pour fonctionner, ce mode d’affichage a besoin :
Sur un site multilingue, on utilisera : Menu de langues sous forme de liens
Identité Extra permettra de gérer simplement la zone de contact en bas de chaque page.
Noizetier V3 (avec N-Core) permettra quant à lui de choisir l’ordre des blocs sur la page (installable par SVN uniquement pour l’instant)
Enfin, Importeur / Exporteur de configurations permettra de gérer facilement la configuration en rajoutant dans le menu Aide de SoyezCréateurs une entrée pour configurer en un clic le Mode Cognac.
Paramétrage rapide
- Aller dans le menu Squelettes - Aide sur SoyezCréateurs
- Cliquer sur “Configurations rapides de SoyezCréateurs” (ecrire/?exec=sc_import)
- Cliquer sur “Mode Cognac (paramètres principaux, y compris largeurs site et images)”
- Vider le cache
- Admirer le résultat
Configuration
Bloc 1 : Carrousel /ZoomSur
Les images qui défilent et le lien mènent vers le dernier article ayant le mot clef “ZoomSur” :
On a donc :
- le titre,
- le lien vers l’article (ce dernier peut bien sur être une redirection)
- images jointes dans le portfolio
- vidéos au format .mp4
- lien vers des vidéos en ligne si le plugin oEmbed est présent
Taille :
- Largeur : 1920px
- Hauteur : 580px (paramétrage dans la configuration de SoyezCréateurs)
Les contenus sont recadrés pour tenir dans la hauteur déclarée (pour une largeur d’écran de 1920).
Bloc 2 : Cycloshow
Affiche tous les articles ayant le mot clef “CycloShow”, par numéro de titre ou par ordre anti-chronologique, avec :
- logo (largeur de la colonne x hauteur du slider ; peut aussi être configuré pour occuper toute la largeur de l’écran)
- titre de l’article
- bulle d’aide
Bloc 3 : EDITO
Affiche un article auquel on a mis le mot clef EDITO :
- titre de l’article
- logo (recadré à la largeur de la colonne, hauteur fixée à 200px)
- chapo sinon bulle d’aide
- texte
- PS
- lien
- galerie de photos
Bloc 4 : Quoi de neuf ? (ALaUne, Agenda, articles récents)
- D’abord les articles avec le mot clef “ALaUne” (Logo : 308×340 ou 638×340 ou 955×340 (ou redimensionnées au plus large possible selon les proportions de l’image)
- Puis des événements de l’agenda (Logo : 180×95)
- Puis des articles récemment publiés et/ou modifiés
Les blocs ALaUne et articles récents peuvent occuper 1 à 3 colonnes en fonction des proportions de leur logo :
- 308×340
- 638×340
- 955×340
- ou redimensionné au plus large possible selon les proportions de l’image
- Il est aussi possible de forcer une largeur via la liste déroulante disponible tout en bas de l’article
Le nombre de chacun de ces 3 éléments est paramétrable dans la CFG de SoyezCréateurs :
- Nombre de “À la une”
- Nombre de “Quoi de neuf”
- Nombre maximum d’éléments affichés sous l’agenda (commun avec le mini agenda)
À la fin de ce bloc, s’il y a un article avec le mot clef VideoALaUne, la vidéo de cet article est affichée.
2 modes d’insertion possible :
- par iframe :
<iframe width="100%" height="auto" src="//www.youtube-nocookie.com/embed/Cbk980jV7Ao?rel=0" allowfullscreen="true" loading="lazy" style="aspect-ratio: 16 / 9;">
Notez les paramètre width, height et surtout le style :aspect-ratio: 16 / 9;
- simplement en tant que document joint (ce peut être un .mp4, ou l’url d’une video Youtube qui sera intégrée comme document distant grâce à oEmbed)
Bloc 5 : Bannière à cliquer (Goodies2)
- Article avec le mot clef “Goodies2” :
- le titre du bloc est le titre de l’article
- image ramenée à la largeur du site
- alternative à l’image : descriptif sinon titre de l’article
- utiliser une redirection pour renvoyer vers le bon endroit dans le site ou ailleurs.
Bloc 6 : Gros blocs de couleur (ZoomSur2)
- Rubriques ayant le mot clef “DessousBreves” ou “ZoomSur2”
- Trié par numéro de titre
- Couleur réglable avec un mot clef du groupe “_CouleurRubrique” (couleur inscrite dans le texte du mot clef, en hexa, sans le # au début)
- Sur 2 ou 3 colonnes selon configuration
Bloc 7 : Blocs défilants (Goodies)
- Rubriques ayant le mot clef “Goodies” :
- le titre du bloc est le titre de la rubrique
- blocs dans l’ordre des numéros de titre
- Articles de ces rubriques : Logo, Titre, URL (si besoin, utiliser une redirection), classés par numéro de titre (ou à défaut, par ordre antéchronologique)
- Minimum : 280×190
Paramétrage dans la CFG
Quelques éléments de la configuration de SoyezCréateurs (ecrire/?exec=configurer_soyezcreateurs) améliorent ce mode :
- Position de la date de mise à jour du site : Dans le pied de page
- Affichage du mini agenda : Dans le pied de page
- NewsLetter du site : Dans le pied de page
Quelques exemples de sites
- www.anmchiensguides.fr
- www.isquin.fr
- https://abrege.archivistes.org/
- www.tisseursdemots.org
- www.vittoz-irdc.net
- www.arboriste-elagage-somme.fr
- www.jeanlouisouzeau.fr
Personnalisation avancée
Via CSS, avec un fichier squelettes/images/stylesportailcognac_perso.css
Ou, avec le plugin LESS CSS : squelettes/images/stylesportailcognac_perso.less.html
Ces fichiers ne concernent que la page d’accueil. Voir Personnalisation graphique du squelette SoyezCréateurs pour le reste du site.
Exemple : changement de la couleur de fond du cycloshow
.slider-content.desc-gauche {
background-color: rgba(50,70,50,0.6);
}
Discussions by date of activity
24 discussions
Bonjour,
J’ai réinstallé le squelette principal “SoyezCréateurs” et tout semble correct.
Mais je bloque au problème principal suivant, je partage une capture d’écran pour montrer où je tente d’agir.
Pour moi, je voudrais mettre en place la structure de l’accueil avant quoi que ce soit d’autre. Où est placé ceci et cela, le look principal quoi. Mais aucun de bouton radio ne me donne de résultat, j’ai toujours une page 403.
Il doit manquer quelque chose lors de l’install ou je ne suis pas avec une bonne approche de SPIP. J’ai beau lire, je ne saisis pas pourquoi les mises en pages ne fonctionnent pas.
Un petit coup de pouce quand vous aurez un peu de temps pour m,aider à démarrer tout ca m’aiderait grandement.
Cordialement
Pierre
Je ne sais pas ce qui peut produire une page 403.
Je me suis inscrit comme rédacteur sur le site (auteur 3), il faudrait me passer en admin + Webmestre pour que je puisse regarder plus avant.
Je vais mettre ton compte en administrateur de suite,
Reply to this message
autre petit sujet de test dans le même objectif de passage à SC
l’utilisation des dessous breves avec une rubrique “zoomsur2”
bizarrement, le bloc reste vide, juste le titre de la rubrique
pourtant en debug, il me semble que la boucle ramène bien des articles...
comment est-ce possible ?
le bloc “zoomsur2” affiche bien la rubrique “comprendre”, mais le bloc est vide...
merci d’une piste....
Reply to this message
bonjour
préparant une nouvelle migration de site vers soyez createur avec accueil coganc, je constate que dans le bandeau déroulant des goodies (partie 7), le tri est bien fait dans le squelette avec !par date, mais pourtant l’affichage commence à gauche avec l’article le plus ancien... ?
et je me demande brutalement s’il trie à l’horizontale de droite à gauche ou de gauche à droite... ?
site https://test.lepcf.fr avec SC direct sans perso....
merci d’avance, il y a peut-être une évidence qui m’échappe...
Bonjour PAM,
Je viens de tester sur mon poste de dev, et je ne reproduis pas le bug : j’ai bien les articles avec les plus récents à gauche.
C’est la date de publication qui compte.
j’ai enlevé le critère “par rubrique” et ca marche ?
au passage, j’ai fait une version avec branche plutôt que rubrique... une idée de personnalisation ?
merci
Reply to this message
bonjour,
Pour le site handivelo.fr
Utilisateur d’une synthèse vocale, j’ai remarqué que le menu principal, la synthèse me lit que dans le pied de page le site handivelo.fr
Y aurait t’il une solution pour forcer la lecture des rubriques du menu principal en début de page ?
deuxième point : avec les mots clés PasdeSiteDansForums
ou GraverSonNom dans un article forum,
je peux lire : Déposer une intention de prière
Comment faire pour avoir un sujet vide ?
merci-à-vous,
Christophe
https://handivelo.fr
Ah, pour le menu, c’est une surprise : j’ignorais qu’il y avait ce comportement avec une synthèse vocale. C’est NVDA ?
Le lien d’échappement en début de page : “Aller aux onglets” est censé mener directement au menu déroulant.
Pour les intentions de prière, il faut passer par le mécanisme de surcharge de chaînes de langues de SPIP avec squelettes/local_fr.php.
bonjour Jacques, Je vous remercie de votre réponse. Concernant le menu principal et la synthèse vocal, j’ai testé avec NDVA et JAWS et c’est identique. Pour tant, j’ai été visité ce site : https://www.compagnie-a-vrai-dire.fr/
et les rubriques sont bien en haut de page ? Je ne sais pas ou est le problème. merci pour l’info du forum. bien cordialement Christophe
Je vois que vous avez modifié plein de réglages qui nuisent globalement à l’apparence du site (par exemple, le cartouche dans la même rubrique en haut des articles au lieu d’être à la fin).
Donc, il est probable qu’un des réglages ait conduit à ce problème.
Lequel, je n’en sais rien.
bonjour Jacques, Pour le problème d’affichage du menu principal, sur site handivelo.fr en haut de la page avec une synthèse vocale. On m’a signalé un problème : il manque code « aria-label » dans la balise header comment faire pour l’ajouter ? merci de votre réponse, cordialement Christophe
Reply to this message
bonjour,
Sur le site handivelo.fr avec Cognac de Soyez Créateur,
Je souhaiterais retirer un menu en haut de page : avec :2Itèmes
contact
Aller à la recherche
Comment masquer ce menu ?
Merci de votre réponse,
cordialement
Christophe
Bonjour,
Contact, c’est parce que dans l’identité du site, les informations de pieds de page sont renseignées (adresse, téléphone).
Et recherche, ça affiche une popup pour permettre la recherche dans le site. Il n’est pas possible de l’enlever.
Reply to this message
Bonjour,
Merci pour ce squelette de qualité.
J’ai testé et installé SC sur le site que je gère. Il y a encore qqs paramétrages graphiques à faire (et à former les utilisateurs) mais je n’arrive pas à reproduire ce que j’ai fait dans ma maquette auparavant.
Les articles ’ALaUne’ refuse de s’afficher et reste dans QuoiDeNeuf. :(
J’ai comparé ligne à ligne le paramétrage et je ne vois pas de différence.
Je vous invite à jeter un œil sur la maquette https://etablissementbertrandeborn.net/maquette3 et sur le site https://etablissementbertrandeborn.net/ . Les étoiles caractéristiques de ALaUne s’affiche bien dans ma maquette.
Qu’ai-je bien pu oublier ?
Bien cordialement
PS : bien entendu, il y a le mot clé AlaUne sur certains articles du site.
Bonjour,
Sans accès à l’admin du site, c’est impossible de répondre à cette question.
?var_mode=debug peut donner des pistes...
Les autres mots clefs mis sur les articles/rubriques aussi.
Reply to this message
Bonjour
d’abord je vous fellicite pour cet outil qui facilite le travail des debutants qui ne sont pas assez competents pour programmer eux memes toutes les fonctionnalites de SPIP et de ces caracteristiques graphiques.
J’ai installe SPIP 4.1.2, en local (wampserver), PHP 7.4.26, Mysql 5.7.36, et Soyez createurs rebirth 5.2.36.
J’essaie de tester une configuration, d’un site en phase de test (le site il est en etape tres primaire encore). Je cherchais un outil qui pourrait me procurer d’un modele graphique riche et le SoyezCreatuers est de ce cote assez puissant, beau esthetiquement parlant et avec beaucoup de fonctionnalites.
J’ai un petit soucis avec le MenuHaut qui ne s’affiche pas du tout (sauf si j’ajoute a la main un Menu avec classe menuder dans la page “Accueil mode Cognac”, dans ce cas la oui je le vois mais il n’a pas le meme style comme prevu par la configuration conforme par exemple avec l’onglet couleurs du Plugin Soyezcreatifs. J’ai egalement utilise la methode de configuration rapide (voir “parametrage rapide” dans cet article) qui ne fait apparaitre aucun menu HAut.
J’ai compris que le Menu HAut est un element pour la config Cognac qui apparait “sans action speciale” a partir du moment
ou ce n’est pas numeroté comme les autres blocs sur l’Image de zonage de cet article, il suffit de configurer bien dans la page “Configurer SoyezCréateurs”
Donc je conclue a cette serie des questions:
1 - faut il creer et ajouter le menu en dehors du SoyezCreatifs, dans le noizetier par exmple avec le Plugin Menus?
2 - Dans ce cas la quel style css faut il appliquer? Le css "menuder ne “colle” pas avec les regalges graphiques du plugin SC.
Merci, si qqun pourrait m’eclairer la dessus.
CDT, RS
Pour quelle raison le
Rebonjour,
je reponds à moi meme:
j’ai resolu mon probleme qui etait idiot : hier j’avais associe le mot clef MenuHaut dans les rubriques que je voulais afficher dans le Menu, sauf qu’il y a un petit bouton a coté qui dit “ajouter”, pour les utilisateurs futurs voir l’image, ci dessous. Ne pas oublier donc d’appuyer sur ce petit bouton, sinon le mot clef n’est pas pris en compte.
Encore merci pour ce joli outil.
CDT
Reply to this message
Donc je poste dans le bon forum.
Pour le moment je n’ai pas vu de différence de paramétrage entre les deux sites (colonnes SoyezCréateurs et Positionnement)
Pour le site qui ne veut pas d’image de logo d’article plus petite que le bandeau (1920) je n’ai encore qu’une image de bandeau et pour l’autre j’en ai plusieurs. Peut-être ça.
Je chercherai encore plus tard.
Bonjour,
Vous auriez une piste ?
A la création du Logo d’article. REFUS : « Les images doivent faire au moins 1920 X pixels (ce fichier fait 1600 X 1459). »
(Par exemple.) Et avec une image de 1920 ça passe.
Sous
Squelette SoyezCréateurs Rebirth 5.2.35
SPIP 4.0.7
mode Cognac
Version PHP globale 7.4 puis 8.0
Par contre, sur un autre site,
Pas d’exigence particulière pour la taille des images à la création du logo d’article
Autre serveur
Sous
Squelette SoyezCréateurs Rebirth 5.2.35
SPIP 3.2.15
mode Cognac
Version PHP globale 7. 3 puis 7.4
Il ne semble pas y avoir de plugin pour redimensionnement d’image
Je ne sais pas si c’est à vous que je dois poser la question mais vous m’avez déjà dépanné tellement...
Merci.
JD
Merci beaucoup !
Je m’y suis remis et SoyezCréateurs était bien la bonne piste.
J’ai trouvé le paramètre dans soyezcreateurs_options.php
J’ai copié-collé le code que j’ai modifié dans config/mes_options.php
et ça marche, je ne suis plus bridé par la dimension!
C’est effectivement une possibilité, mais ça n’est pas pour rien que j’ai souhaité forcé la taille de 1920px de large pour les logos...
À tes risques et périls ;-)
Reply to this message
la largeur des images du quoi de neuf est paramétrable dans l’article , et la valeur par défaut est la largeur de l’image
mais je ne vois pas de paramètre généraux qui permettrait de choisir la valeur par défaut ?
bon, on peut la modifier dans le squelette, mais si un paramètre existe...
Bonsoir,
J’ai pas vraiment compris la question.
Avec des urls, le nom des paramètres, ça serait peut-être plus clair.
J’ai même l’impression qu’il y a un mélange entre hauteur et largeur dans la question.
mille excuse, j’avoue que me relisant, je ne comprend pas la question !
je reprends donc,
en édition d’un article, avec SC, on doit choisir la largeur de “tuile” qui sera utilisée dans le pavé “quoi de neuf” du portail.. on peut choisir, “1”,“2” ou “3”, ou “selon la largeur de l’image” et c’est la valeur par défaut si on ne saisit rien....
Ma question est: peut-on définir une autre valeur par défaut que “selon la largeur de l’image”?
Bien sûr, on peut surcharger le script... mais c’est au cas où j’ai raté un paramètre qqpart...
pam
Bonsoir,
Réponse courte : non, ça n’est pas actuellement codé dans le plugin.
Réponse longue : ça pourrait être codé (config à rajouter, et prise en compte de cette config dans le squelette). Mais ça ne fait pas partie des priorités du moment ;-)
Bonjour,
Je réalise que j’ai codé cette possibilité depuis que la question a été posée ;-)
voir dans la config de SoyezCréateurs (quelque part)
Reply to this message
Hello,
Tu indiques la possibilité d’une configuration avec une feuille de style squelettes/images/stylesportailcognac_perso.css mais a-t-on une aide quelque part pour écrire correctement le contenu : classes, sélecteurs, propriétés... ?
Bonjour Philippe,
Je viens de préciser la doc avec : « Ces fichiers ne concernent que la page d’accueil. Voir Personnalisation graphique du squelette SoyezCréateurs pour le reste du site. »
Et, non, tu n’auras jamais une documentation exhaustive de tout ce qu’on peut faire en CSS, Parce qu’ici, c’est de la documentation SPIP, pas une formation CSS.
2 pistes :
Reply to this message
Add a comment
Avant de faire part d’un problème sur un plugin X, merci de lire ce qui suit :
Merci d’avance pour les personnes qui vous aideront !
Par ailleurs, n’oubliez pas que les contributeurs et contributrices ont une vie en dehors de SPIP.
Follow the comments:
|
