Sendagi

Published : 14 November 2019 – updated on 14 March 2025 – by erational, Hélène Francqueville – 55 commentaires

1
2
3
4
5
21 Votes

Squelette éditorial sous bootstrap4

Présentation

Sendagi est un squelette sous Bootstrap4.

  • La page d’accueil est hautement modulable et permet une présentation sophistiqué façon “one page”
  • Les pages articles et rubriques permettent de gérer un site éditorial classique avec beaucoup de contenus

Ce squelette est idéal pour des sites de documentation, de rapports d’études, ....

Aperçu

Page d’accueil

Page article

Page rubrique équipe

Installation

A l’installation, le plugin crée aussi

  • un champs extra pour gérer les tris des rubriques
  • 3 sélections éditoriales pour gérer la page d’accueil (voir détails plus bas)

Les plugins Favicon, Fulltext, Court-circuit 2 peuvent être installés en complément.

Lorsque votre site passe en production, il est recommandé d’activer la compression des fichiers javascript et CSS pour avoir un site rapide à charger.

Configuration

Le squelette est configurable

Choix des contenus (articles, moteur de recherche, liens dans le pied de page)

Liens vers les séléctions éditoriales pour gérer la page d’acceuil

Liens vers les pages démo

Le menu haut est constitué des rubriques à la racine listés par numéros
Exemple: 10. Actualités, 20. Contact, ....

On cache les rubriques dont le titre commence par 99. ...

Classement des rubriques

Sur chaque rubrique, vous pouvez choisir l’ordre des affichages des articles qui y figurent

Page d’accueil

La page d’accueil est composé de 3 zones chacunes gérées par 3 sélections éditoriales qui sont automatiquement créees à l’activation du plugin.

Zone 1: Le diaporama

Identifiant de la zone éditoriale: accueil-diaporama

Descriptif: On liste les items de la sélection sous forme de diaporama

Zone 2: Le contenu

Identifiant de la zone éditoriale: accueil-contenu

Descriptif:
On liste les items de la sélection sous forme de blocs:

  • Le 1er item est présenté en pleine largeur sur 2 colonnes
  • Les items suivants sont présentés à la suite avec le logo en alternance à gauche ou à droite

Zone 3: Le contenu en extra

Identifiant de la zone éditoriale: accueil-extra

Descriptif:
On liste les items de la sélection sous forme de blocs en bas de page dans une zone orange.
Chaque item occupe la moitié de largeur utile.

Pour chaque sélection éditoriale, il faut veiller à renseigner logo, titre, descriptif et éventuellement le lien

Si vous souhaitez changer ce bloc, le fichier squelette à éditer: inc/inc_sommaire_extra.html

Personnaliser Sendagi

Vous pouvez surcharger les feuilles de style du squelette en ajoutant la vôtre.
Cette feuille de style devra s’appeler css/perso.css.
Il est recommandé de la déposer dans le répertoire squelettes/

Exemple de site utilisant le squelette Sendagi avec une feuille de style personnalisée :
https://www.infini.fr/

Remarques

Le squelette est sur la zone. N’hésitez pas à contribuer en conservant à l’esprit de laisser le squelette aussi générique que possible.

Discussion

5 years 1 year 3 months Without limit
par date
Filter

19 discussions

  • Pierre

    Bonjour, merci pour ce travail que vous faites.

    Erreur dans ce message, la feuille de style que je croyais ne pas être reconnue l’a été après une redirection. Désolé si il y a eut du temps perdu.
    Cordialement
    Pierre

    Reply to this message

  • 1
    rico

    Ciao,
    Ton URL de démo ne fonctionne plus.

    Reply to this message

  • 1
    DD

    Hello,

    J’ai un problème sur un nouveau site que je n’ai pas eu avant avec ce squelette :
    Dès que je coche “Activer la compression des feuilles de style (CSS)” dans les fonctions avancées ma feuille de style perso n’est pas prise en compte sur le site public.
    Pourtant si je regarde la console du navigateur elle est bien chargée.
    J’ai testé en local et sur un autre serveur et j’ai le même problème.

    Ce doit être tout con comme erreur mais je ne trouve pas.

    Merci
    dd

    • erational

      Bonjour DD

      Je viens de re-tester en local avec le plugin à jour.

      Tout fonctionne bien:
      -  le fichier css/perso.css est bien chargé.
      -  si on active la compression, le fichier perso.css est bien intégré à la CSS compressée

      Aurais-tu une URL pour voir ?

    Reply to this message

  • 5
    ecarter les nuages

    Bonjour,
    _Merci pour ce beau squelette qui m’a sorti d’affaire après la grosse galère de juin/juillet.

    _Une question cependant : est-il possible, de façon simple (sans aller modifier les squelettes), de faire apparaître les derniers articles publiés dans la partie “contenus en extra” de la page d’accueil, ou à défaut dans la partie “contenus” de la même page ?

    Merci par avance, et ...
    bel été !
    — 
    jean-luc

    • erational

      Sans modifier les squelettes non

      Mais la surcharge est très simple à effectuer.

      bel été

    • ecarter les nuages

      Merci de répondre.
      Je suis un peu frileux avec ces modifications....
      Comment faire, alors ?

    • erational

      le contenu en extra sur la homepage est le bloc: inc/inc_sommaire_extra.html

      Vous pouvez donc le surcharger en créant un fichier squelettes/inc/inc_sommaire_extra.html

      Dans ce fichier, vous pouvez placer le code que vous voulez... Par exemple une boucle pour lister les dernières articles, ....

    • ecarter les nuages

      Merci beaucoup,
      J’ai pu trouver le fichier et faire afficher la liste des derniers articles. Mais je ne réussis pas à faire que ces derniers articles soient affichés en tant que contenus extra (avec la même présentation).
      Je peux vous demander un dernier coup de main?

    • erational

      Il suffit de reprendre le marquage HTML du bloc surchargé

      Par exemple, si vous créez un fichier squelettes/inc/inc_sommaire_extra.html avec le code suivant (à vérifier, non testé)

      [(#REM)
	selection orange de la page d'accueil

	surcharge pour lister les derniers articles
]
<B_selection_actu>
<!-- home-row-2 -->
<div class="home-row-2">
	<div class="content container">
		<div class="row">
			<div class="col-md-10 offset-md-1">

				<div class="row">
					<BOUCLE_selection_actu(ARTICLES){!par date}{0,6}>
					<div class="col-md-6">
						<a href="#URL_ARTICLE" class="publication-item">
							<div class="publication-titre">#TITRE</div>
							[<div class="publication-chapo">
								(#TEXTE|couper{600})
							</div>]
							[<div class="publication-illus">
								(#LOGO_ARTICLE|image_reduire{800,0}|inserer_attribut{class,publication-img})
							</div>]
						</a>
						</a>
					</div>
					</BOUCLE_selection_actu>
				 </div>

			</div>

		</div>
	</div>
</div>
<!-- #home-row-2 -->
</B_selection_actu>

    Reply to this message

  • rcaron

    Comment activer et afficher les forums article ?

    Merci et encore bravo

    Robert

    Reply to this message

  • 5
    rcaron

    Bonjour et bravo pour ce superbe site...

    J’ai besoin d’utiliser le plugin Polyhierarchy avec ce squelette mais je n’ai pas réussi à trouver comment. Je ne me retrouve pas dans la structure des fichiers de ce squelette.

    Possible ? De l’aide ?

    Robert

    • erational

      Bonjour

      Pour adapter le plugin à Polyhierarchie, il faut reprendre les fichiers qui gèrent les boucles rubriques pour les surcharger pour intégrer la polyhierarchie

      A priori cela devrait toucher les fichiers suivants
      -  inc/inc_rubrique.html
      -  inc_rubrique_equipe.html
      -  inc_rubrique_liste_articles_actu.html
      -  inc_rubrique_liste_articles_numero.html

    • rcaron

      Pas réussi... Désolé...

      J’ai inséré branche #ID_RUBRIQUE dans les boucles mais ça ne marche pas.

      Une idée ? Merci beaucoup

      Robert

    • erational

      Comme cela non. Il faut regarder regarder en détails à quel niveau la polyhierarchie n’est pas reconnue.

    • rcaron

      Je me réponds...

      Après de multiples tâtonnements, j’ai réussi à faire fonctionner Polyhierarchy avec le squelette Sendagi.

      Fichier inc_rubrique (ligne 43) ajout de id_parent

      <!-- rubrique > sous-rubriques -->
<B_ss_rub>
<div class="liste-rubriques">
<BOUCLE_ss_rub(RUBRIQUES){id_parent}{par num titre, titre}>
<h2 class="rubrique-title"><a href="#URL_RUBRIQUE">#TITRE</a></h2>
</BOUCLE_ss_rub>
</div>
</B_ss_rub>

      Fichier inc_rubrique_liste_articles_actu (ligne 10) ajout de enfants?

      <BOUCLE_actu(ARTICLES){id_auteur ?}{id_mot?}{enfants?}{recherche?}{id_mot ?}{!par date}{pagination 9}>
<INCLURE{fond=inc/inc_article_preview, article_preview_short=oui, id_article, env} />
</BOUCLE_actu>

      Si ça peut servir...
      Et merci pour les aides
      Robert

    • erational

      Bravo ! Merci pour le retour et le partage.

    Reply to this message

  • 2
    PYJ

    Bonjour,

    Question bête... Comment est-ce que l’on peut personnaliser le logo du site? J’ai tenté de le charger dans le back office de SPIP mais sans succès. Merci d’avance pour votre aide.

    • DD

      Bonsoir
      Je pense qu’il faut copier le fichier
      plugins/auto/sendagi/v1.1.1/inc/inc_header.html
      vers
      squelettes/inc/inc_header.html

      et modifier la ligne :
      <img src="#CHEMIN{img/logo-sendagi-couleur.svg}" width="90" height="90" alt="#NOM_SITE_SPIP" class="header-logo-img" />

      en quelque chose du genre :

      [(#LOGO_SITE_SPIP|image_reduire{90,*}|inserer_attribut{alt,#NOM_SITE_SPIP}
|inserer_attribut{class,header-logo-img})]

      et pareil pour plugins/auto/sendagi/v1.1.1/inc/inc_header-sommaire.html

    • PYJ

      Merci beaucoup! ça fonctionne bien!

    Reply to this message

  • renaud

    Bonjour,

    J’ai un soucis pour l’affichage du logo des articles d’une rubrique “équipe”.

    Si je mets le logo de l’article en 300x300 px, il s’affiche correctement sur la page de la rubrique, mais plus petit que la cadre dans l’article.

    Si je mets en 600x600px le logo de l’article, il ne s’adapte pas au cadre sur la page rubrique, il affiche la partie en haut à gauche de l’image, mais il est au bon format pour la page de l’article.

    On peut voir ce problème aussi sur le site https://www.projet-makasi.fr/L-equipe
    en cliquant sur “Karna Coulibaly” par exemple, mais pour Séverine Carillon ça à l’air de fonctionner.

    Quelqu’une à une piste?

    Reply to this message

  • DD

    Bonjour,
    Beau squelette, merci.

    J’ai fouillé pour trouver comment supprimer le “target_blank” des liens externes dans les textes :
    Il faut supprimer “.attr(’target’,’_blank’)” dans le fichier js à recopier dans /squelettes/js/gui.js

    Reply to this message

  • rcaron

    Encore moi...

    Dans sélection éditoriale, j’ai plusieurs articles avec logos. Lorsque je clique sur “modifier” dans le logo, rien ne se passe et apparaît le mot “fermer”.
    Comment faire pour changer le logo dans “sélection éditoriale” ?

    Merci

    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 :

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

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