Mode Cognac pour SoyezCréateurs

Ce mode d’affichage très graphique...

Zonage

Zonage du mode portail Cognac
Zonage du mode portail Cognac

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

  1. Aller dans le menu Squelettes - Aide sur SoyezCréateurs
  2. Cliquer sur “Configurations rapides de SoyezCréateurs” (ecrire/?exec=sc_import)
  3. Cliquer sur “Mode Cognac (paramètres principaux, y compris largeurs site et images)”
  4. Vider le cache
  5. 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 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)
  • 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)

  1. 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)
  2. Puis des événements de l’agenda (Logo : 180×95)
  3. 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

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)

Bloc 5 : Gros blocs de couleur (DessousBreves)

  • 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)

Bloc 6 : 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 (ou à défaut, par ordre anti-chronologique)
  • Articles de ces rubriques : Logo, Titre, URL (si besoin, utiliser une redirection)
  • 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

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

Exemple: changement de la couleur de fond du cycloshow

.slider-content.desc-gauche {
    background-color: rgba(50,70,50,0.6);
}

updated on 2 October 2019

Discussion

6 discussions

  • 4

    Bonjour,
    Sur l’image “Zonage du mode portail Cognac” on a 4 colonnes affichées pour le bloc 4, mais le texte indique seulement “de 1 à 3 colonnes en fonction des proportions de leur logo”.
    Peut-on donc afficher 4 colonnes (ça m’intéresse...) et comment faire ?
    Merci d’avance.

    • Bonjour,

      Le code actuel (squelettes + CSS) ne gère que 1, 2 ou 3 colonnes.
      Autrement dit, il n’est pas prévu de pouvoir avoir 4 colonnes.

      Donc, pour avoir 4 colonnes, il faudrait le rajouter au code.

    • On est d’accord. Donc il faut corriger le schéma ! ;-)

    • Je n’ai pas l’impression que l’on parle de la même chose.

      Le schéma présente des images de largeur une colonne avec 4 images par ligne.
      Si la largeur du site est 960, il n’y en aura que 3.
      Si c’est 1160, il y en aura 4.

      Ensuite, ce à quoi j’ai répondu, c’est le fait qu’une image puisse être recadrée sur l’espace de 1, 2 ou 3 colonnes..

    • Effectivement tu as raison. Le problème est l’affichage sur tablettes (sur Smartphones le bandeau est de toutes façons trop large pour apparaître). Je vais faire un essai demain pour que le bandeau puisse apparaître sur une majorité de tablettes selon la largeur de l’écran.

    Reply to this message

  • 1

    Bonjour

    J’essaie le squelette “SoyezCréateurs Rebirth v5.0.15” sous SPIP 3.2.1 en mode affichage “Cognac”. Tous les plugins ont été installés en mode automatique depuis “Ajouter des plugins”

    Je rencontre des difficultés avec les “goodies” dont les articles d’une rubrique avec le mot clef “goodies” ne s’affichent pas sous forme de Slider mais les uns en dessous des autres.

    J’ai rencontré ce défaut sur une mise à jour d’un site SPIP installé en local sous ubuntu.
    J’ai fait également une installation vierge chez mon hébergeur et la rubrique “Goodies” s’affiche aussi sous forme de colonnes.

    Faut il activer d’autres plugins pour avoir l’affichage comme la rubrique “En 1 clic” du site de la ville de Cognac ?

    P.S.: mes versions de PHP sont 5.5.9 en local et 7.0.32 chez mon hébergeur.

    Merci d’avance

    • Bonjour,

      J’ai trouvé tout seul.
      Dans l’installation des dépendances de “SoyezCréateurs Rebirth”, il manque l’ajout du plugin Slick 1.2.8

      Tout marche mieux ensuite.

    Reply to this message

  • Bonjour,
    J’ai besoin d’aide: les caractères du menu haut sur mon mode portail sont trop grand, je ne trouve pas où les modifier.
    La Configuration de la taille des polices ne fonctionne visiblement pas. C’est curieux.

    Bref quelqu’un peut m’aider ?

    Reply to this message

  • 4

    Bonjour,
    Après avoir installé le squelette j’ai un problème pour sa configuration : lorsque je suis sur l’onglet “SoyezCréateurs” du menu “Configurer SoyezCréateurs” et que j’enregistre une modification j’ai une page avec ce message :
    Forbidden
    You don’t have permission to access /mairie_v3/ecrire/ on this server.
    Additionally, a 403 Forbidden error was encountered while trying to use an ErrorDocument to handle the request.

    Par contre lorsque j’enregistre une option dans l’un des 3 autres onglets (Positionnement, Couleurs, Référencement) cela fonctionne bien.
    Auriez vous une idée de la cause ?

    Merci

    • Bonjour,

      Aucune idée de la cause car jamais rencontré ce problème.
      Version de SPIP ?
      Version de PHP ?

      Tu es bien webmestre ?

    • Merci pour ta réponse

      spip 3.2.1
      php 5.6 et testé sur php 7.1
      et je suis bien webmestre.
      Je ne comprends pas, je peux tout faire dans la partie admin sauf modifier/enregistrer quelque chose dans cet onglet...
      Je vais continuer de chercher.

    • SPIP 3.2.1 n’est pas totalement compatible PHP 7.1 : il faudrait repasser en 7.0

    • jacques

      Bonsoir,
      Après être repassé à php 7.0, 5.6 et divers essais en tout genre : toujours le même résultat. J’ai pu ensuite installer le tout sur un autre hébergement et pour l’instant ( je découvre petit à petit ce squelette) cela à l’air de fonctionner.
      Merci beaucoup.

    Reply to this message

  • 2

    Bonjour RealET
    http://guisseny.le-com.fr/
    j’ai un petit souci avec les blocs défilants (goodies)
    j’ai crée une rubrique “les publications” à laquelle j’ai affecté le mot clé «goodies».
    à tout hasard j’ai également affecté ce même mot a tous les articles de cette rubrique.
    elles s’affichent bien dans la zone mais l’une sous l’autre et non a coté de l’autre(3)?
    j’ai du zappé quelque chose??
    à l’avance merci pour votre aide!
    dd

    Reply to this message

  • 2

    Bonjour,
    Y-a-t’il un site de démonstration ?
    Merci

    Reply to this message

Comment on this article

Who are you?
  • [Log in]

To show your avatar with your message, register it first on gravatar.com (free et painless) and don’t forget to indicate your Email addresse here.

Enter your comment here

This form accepts SPIP shortcuts {{bold}} {italic} -*list [text->url] <quote> <code> and HTML code <q> <del> <ins>. To create paragraphs, just leave empty lines.

Add a document

Follow the comments: RSS 2.0 | Atom