Mode portail Communiquant pour SoyezCréateurs

Publié le : 29 septembre 2010 – Dernière modification le 8 mars 2022 – par HAPpy, RealET – 39 commentaires

1
2
3
4
5
19 votes

5e mode d’affichage de la page d’accueil, ce mode se distingue des autres par une animation proposant un fondu/enchaîné des logos des articles à la une.

Zonage

Zonage du mode portail communiquant

Configuration

Bloc 1 : Zone d’entête

  • Nom du site
  • Slogan si plugin bandeau présent [1]
  • Zone de recherche si configurée pour être affichée dans l’entête
  • Citations (si présentes, au hasard, une toutes les heures)

Possibilité de disposer :

  • d’un menu en haut sur les rubriques ayant le mot clef « MenuHaut »
  • d’un menu en bas sur les articles ayant le mot clef « MenuFooter »
  • d’une zone de texte libre sur toute les page : CFG de SoyezCréateurs, champ Bandeau contact

Bloc 3 : Contenu central

  • Les derniers éléments portant le mot clé « ALaUne » sont affichés avec leur titre, et leur logo [2]. Un effet de fondu enchaîné passe d’un logo à un autre automatiquement. Au survol du titre, c’est le logo correspondant qui est affiché.
  • En dessous, sur 2 colonnes, sont listés les Rubriques ayant le mot clé « DessousBreves » et leurs articles
  • Toujours en dessous du diaporama, à côté, s’affiche le « Quoi de neuf ? » du site
  • Puis une ligne de logos : articles ayant le mot clef « Outils » : Logo de survol [3] + Titre & Bulle d’aide.

Bloc 4 : Navigation secondaire : colonne de droite

  • Goodies : Rubriques ayant le mot clé « Goodies » :
    • Titre de la rubrique
    • Liste des articles de la rubrique : Logo, Titre, date
  • Formulaire d’abonnement à la NewsLetter du site si CleverMail est installé et configuré
  • Navigation dans le site (Plan, Sites, Documents, NewsLetters, Sigles) si configuré pour s’afficher dans la navigation du site (sinon, c’est dans le footer)
  • Cartouche d’éphéméride (Date, Saint du jour, Météo du jour et lien vers la météo à 5 jours)
  • Pictogramme de géolocalisation sur le mot clé « ICBM » a été renseigné
  • Lien vers le flux RSS du site

Bloc 2 : Pied de page (footer)

  • Nuage de mots clefs si le plugin Nuage est installé et des mots clés affectés signifiants [4] aux articles
  • Le Bandeau de contact
  • Les informations légales

Configuration avancée du slide-show

S’il n’y a qu’un seul ALaUne, il n’y a plus de défilement.

Par ailleurs, un masque est appliqué pour découper l’image selon images/hsf.png

Enfin, il est possible de mettre une image par-dessus le résultat : images/hsf_over.png (le fait d’utiliser cette image force la largeur finale : par défaut, elle est égale à : largeur du site - (largeur colonne de navigation + largeur colonne de navigation secondaire).

Avec les images :

images/hsf.png [5] :

Masque de découpe de l’image

images/hsf_over.png :

Incrustation par dessus le résultat

Résultat :

Résultat à partir d’une image d’origine rectangulaire (et plus grande)

Pour les curieux, il faut aller lire le code source.

Notes

[1] Sinon, il est possible de rajouter le slogan au titre avec <sub>Slogan</sub>

[2] Largeur du logo = largeur du site - largeurs des colonnes droites et gauche, dans la CFG de SoyezCréateur

[3] le logo normal étant déjà utilisé par les autres pages du site où un cadre listant ces articles est affiché dans l’entête des pages.

[4] Ne pas confondre avec les mots clés techniques qui modifient le fonctionnement/comportement du site

[5] Si dans la configuration de SoyezCréateurs, le Slideshow du mode communiquant est réglé sur Sur une seule colonne (largeur du site), le nom du fichier est hsflarge.png.

Discussion

5 ans 1 an 3 mois Sans limite
par date
Filtrer

13 discussions

  • yves_web

    Ouais !
    Quand toutes les docs de squelettes seront aussi pourrites que celle-ci, ça sera les vacances....
    Simplement, j’ai un doute sur :
    cite
    Navigation secondaire : colonne de droite...
    *Goodies : Rubriques ayant le mot clé « Goodies »
    /cite
    J’ai beau mettre goodies autant que je peux, il ne se passe pas grand chose dans la colonne de droite.

    Répondre à ce message

  • 1
    Père Fouetard

    Quel est l’intérêt d’une tel contribution ou page ?

    Si tous le monde commence a créer une page pour expliquer le zoning/wireframing ou en français (pour les spipeur) : grille ou blocs de mise en page voir composition de son squelette juste histoire de référencer son site perso et sa petite activité de travailleur indépendant, ont s’éloigne je pense de l’esprit de spip contrib et de la communauté spip en générale.

    C’est presque du spam quand je vois le nombre d’article concernant ce squelette finalement, comparé a d’autres tout aussi intéressants.

    mais bon .... ce n’est que humble avis

    • Loiseau2nuit

      A choisir, en matière de spam je préfère une doc claire et exhaustive que des commentaires dans le style de celui auquel je suis en train de répondre...

      Mais en tout cas, il est vrai que de nombreux squelettes attendent une documentation aussi claire et détaillée que SoyezCréateurs, et c’est vraiment sympa de ta part que de te proposer pour les rédiger, merci vieux ! :-D

    Répondre à ce message

  • neofutur

    Pere Fouetard : montre tes contributions a la communaute avant de critiquer / troller

    apres on te repondra peut etre arf

    Répondre à ce message

Ajouter un commentaire

Avant de faire part d’un problème sur un plugin X, merci de lire ce qui suit :

  • Désactiver tous les plugins que vous ne voulez pas tester afin de vous assurer que le bug vient bien du plugin X. Cela vous évitera d’écrire sur le forum d’une contribution qui n’est finalement pas en cause.
  • Cherchez et notez les numéros de version de tout ce qui est en place au moment du test :
    • version de SPIP, en bas de la partie privée
    • version du plugin testé et des éventuels plugins nécessités
    • version de PHP (exec=info en partie privée)
    • version de MySQL / SQLite
  • Si votre problème concerne la partie publique de votre site, donnez une URL où le bug est visible, pour que les gens puissent voir par eux-mêmes.
  • En cas de page blanche, merci d’activer l’affichage des erreurs, et d’indiquer ensuite l’erreur qui apparaît.

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.

Qui êtes-vous ?
[Se connecter]

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici

Ce champ accepte les raccourcis SPIP {{gras}} {italique} -*liste [texte->url] <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.

Ajouter un document

Suivre les commentaires : RSS 2.0 | Atom