invisible
Bandeau-photos sur chaque page
23 février 2022 2022
6 à 8 photos sont un bon nombre pour un bandeau-photos, par exemple une pour illustrer chacune de vos rubriques (et donc onglets).
Le bandeau peut aussi servir à faire la promotion d’évènements en y incrustant du texte.
Vous pouvez utiliser gracieusement les bandeaux du site http://www.news.va/fr suite à un partenariat avec Bonnenouvelle.fr.
- Choisir des photos horizontales > 950 pixels de large
- Recadrer les photos sur la zone utile
- Mettre en 950 pixels de large
- Les recadrer dans un rectangle de 180 pixels de haut. La photo doit peser au maximum 100 Ko
- Connectez-vous à l’espace privé de votre site, puis allez dans Squelettes > Bandeau-photos http://votresite.com/ecrire/?exec=configurer_bando_photo
- Y ajouter photos jpg de 950 x 180 pixels de haut
- Cliquer à droite du document ajouté [Ajouter au portfolio] pour le rendre visible sur le site public
Pour garder à votre disposition les photos saisonnières (crèche, neige, temps liturgiques...), il suffit de cliquer [Retirer du portfolio] pour les masquer sur le bandeau, puis [Ajouter au portfolio]. pour les rajouter
Pour ordonner l’affichage des photos, précéder le titre du document d’un chiffre suivi d’un point et d’une espace : 01. bandeau apparaîtra en 1er, 02. bandeau en 2e, etc. Les photos s’affichent par n° de titre, ou sinon par titre.
Pour faire un lien sur un bandeau : cliquer [Modifier] le document, puis ajouter l’adresse publique du lien dans le champs Descriptif du document joint sur lequel vous voulez ajouter un lien, puis Enregistrer.
Logiciels gratuits de retouche photos
- Microsoft Office Picture Manager : Aller dans Programmes > Microsoft Office > Outils Microsoft Office > Microsoft Office Picture Manager
- Xnview, logiciel gratuit http://www.xnview.com/fr/download.html
- Aperçu pour Mac
- Service gratuit de retouche photo en ligne avec possibilité d’insérer des textes http://www.picmonkey.com/
Plan de site et articles à publier
23 février 2022 2022
Le plan du site est déterminant pour la qualité du site car il définit la navigation qui doit être logique pour un néophyte qui vous découvre.
Un principe de base : tout contenu doit être rangé et publié dans une rubrique ou sous-rubrique.
Pour ordonner l’affichage dans le menu horizontal (onglets) ou vertical des articles ou sous-rubriques, toujours précéder le titre d’un n° suivi d’un point et d’un espace, exemple : 01. Actualités apparaît en 1ère position dans le menu. Un filtre permet de cacher le numéro sur le site public.
Cela est très pratique pour créer les sous-rubriques du site ou page d’article par un simple copier-coller.
Plan détaillé et numéroté de chaque rubrique
En intertitres, les rubriques racines (n_1) ; en gras, les sous-rubriques ; précédés des puces, les articles.
01. Bienvenue
01. Horaires, contacts, accès
02. Infos paroissiales
- 01. La quinzaine de Saint-Léonard DF PDF
- 02. Les Nouvelles de Saint-Léonard MV PDF copier-coller tout cf http://jeannedarc-versailles.com/PAQUES,1108.html
- 03. Conseil pastoral OE avec CR
- 04. Conseil économique OE avec CR
- 05. Guide paroissial MV calameo
- 06. Participer au Denier de l’Eglise MH
- 07. Agenda du doyenné
- 08. Salles paroissiales
03. Edito
- cf http://www.eglisecroissy.com/index.html JMP
- Edito avril 2013 nouvelles de st Léonard MV
04. Logo
05. Mentions légales
06. Liens vers d’autres sites http://www.eglisecroissy.com/liens.html MV
02. Actualités
01. Dans la paroisse
- Notre nouvelle secrétaire paroissiale MV
- Carnet de la paroisse DF et Nouvelles
- Conférences (Eau Vive)
- Vézelay 2013
02. Dans le diocèse
03. Dans l’Eglise
- Le pape François - Glorious "je suis dans la joie"
- Pape François cf Nouvelles MV
- Au revoir Benoît XVI MV
- En souvenir de Jean-Paul II cf Nouvelles MV
03. Démarches de vie chrétienne MV
01. Demander le baptême
- Enfants
- Collégiens
- Adultes
02. Se confesser
03. Préparer sa 1ère communion
04. Préparer sa confirmation
05. Se marier à l’Eglise Anne Gilbert
06. Recevoir le sacrement des malades
07. Etre touché par un deuil Françoise Leblond
08. Besoin d’une visite ? (visite de malades, bénédiction de maison)
09. Demander une messe DF
04. Vie paroissiale MV
01. Parcours Alpha
02. Bibliothèque
03. Groupes de prière
04. Mouvements : http://www.eglisecroissy.com/mouvements.html
05. Services liturgiques
06. Animation des messes
07. Chorale paroissiale
08. Appel aux bénévoles
05. Jeunes
01. Eveil à la foi, catéchisme Anne Bernier
- Eveil à la foi, catéchisme
- La messe familiale du catéchisme
- Inscriptions catéchisme rentrée 2013-2014
02. Collégiens et lycéens Audoin Fougeron
- Aumônerie
- Messe des jeunes
- Groupe Newman
03. Scoutisme
- Scouts et Guides de France
04. Servants d’autel Amélie Derréal
06. Patrimoine MV
01. Histoire de la paroisse de Croissy
02. Ancienne église
03. Eglise actuelle
04. Saint-Léonard
05. Saint-Martin
06. Anciens curés
Organiser l’équipe du site
- Nommer le responsable du site qui publie les articles et choisit le contenu à mettre en page d’accueil
- Olivier D’Erceville
- Le secrétaire de rédaction qui vérifie que chaque article a un titre, un chapeau, un texte et un logo et qui corrige si besoin la syntaxe, l’orthographe et la ponctuation
- Delphine
- Qui reçoit les mails du Suivi de l’activité éditoriale. Chaque nouvel article proposé ou publié sur le site envoie automatiquement un courriel au responsable ou aux administrateurs du site avec un lien vers l’article proposé.
- Marc, Delphine, Olivier
- Le photographe qui met à disposition des autres membres de l’équipe des photos au format web par mail ou en ouvrant une galerie-photo sur Picasa : Marc et Olivier
- Le ou les responsables de rubrique, préciser ses noms sous le titre de chaque rubrique dans le plan ci-dessus
Votre menu de pied de page
23 février 2022 2022
Haut de page | Contact | Plan du site | Nouveau | Mentions légales | RSS | Contributeurs | Espace privé | Site Bonnenouvelle.fr
Paroisse Saint-Léonard - 15 avenue Foch 78290 Croissy - Tél. : +331 39 76 21 71 - Plan d’accès - Parking
Exemple de formulaire d’inscription
23 février 2022 2022
Pour insérer un formulaire, copier-coller ce code <formidable1>
, le 1 étant le n° de formulaire à insérer.
* champ obligatoire
Mode d’emploi pour personnaliser ce formulaire
Toujours laisser le texte obligatoire ci-dessous sur chaque page collectant des données
Exemple de galerie-photos dans un article
23 février 2022 2022
Pour faire des reportages sur des évènements vécus en communauté et donner envie d’y participer.
Si votre site dispose de l’option Galerie-photos, elle est activée par l’ajout de photos jpg de 600 à 800 pixels de large en documents joints à l’article, visible ci-dessous.
- Vous pouvez ajouter une légende par photo dans le champs descriptif.
- Pour ordonner l’affichage des photos, précéder le titre du document d’un chiffre suivi d’un point et d’une espace :
- 01. bandeau apparaîtra en 1er,
- 02. bandeau en 2e, etc..
Votre colonne de droite
13 décembre 2023 2023
Si votre site dispose de l’option Galerie-photos, elle est activée par l’ajout de photos jpg de 600 à 800 pixels de large en documents joints à l’article, visible ci-dessous.
- Vous pouvez ajouter une légende par photo dans le champs descriptif.
- Pour ordonner l’affichage des photos, précéder le titre du document d’un chiffre suivi d’un point et d’une espace :
- 01. bandeau apparaîtra en 1er,
- 02. bandeau en 2e, etc..
Calendrier
Rien pour ce mois
Contact ou bloc colonne de droite
23 février 2022 2022
Bloc s’affichant sur chaque page du site.
Pied de page de votre newsletter
23 février 2022 2022
Aide pour les contributeurs
23 février 2022 2022
Tout ce que vous devez savoir pour pouvoir animer votre site. A lire en état "modifié" pour reprendre le code.
Le chapeau résume l’article et éveille la curiosité pour donner envie de cliquer et lire l’article en entier. Il apparaît sur les pages d’accueil et de rubrique. La taille recommandée du chapeau espaces compris est de 400 à 500 signes. Voici un aide-mémoire des raccourcis typographiques de Spip.
Jamais de lien, ni de note dans un chapeau.
Pour préciser la source, l’auteur ou une autre précision sur le contexte de l’article
Supports de formation pour bien démarrer
Lire la formation en ligne
Formats de photos
Supports de formation pour bien démarrer
Communiquer sur le web
Gérer son site de A à Z
Préparer ses photos pour illustrer son site
Les formats de photos à préparer lire http://bonnenouvelle.fr/spip.php?ar... :
logos d’auteur : hauteur 250 pixels. Poids maximum par photo : 50 Ko.
logos d’articles (se voient sur l’accueil et les pages de rubrique en taille réduite et sur les pages d’articles en taille réelle : largeur 445 pixels ou moins.
Si vous avez publié un logo sur la rubrique, celui-ci s’affichera par défaut sur l’article si l’article n’a pas de logo propre.
Si votre site dispose de l’option Galerie-photos, il est activé par l’ajout de photos jpg de 800 à 600 pixels de large en documents joints à l’article, visible ci-dessous. Poids maxi 100 Ko par photo.
- Vous pouvez ajouter une légende par photo dans le champs descriptif.
- Pour ordonner l’affichage des photos, précéder le titre du document d’un chiffre suivi d’un point et d’une espace : 01. bandeau apparaîtra en 1er, 02. bandeau en 2e, etc..
bandeau-photo : 950 x 180 pixels comme sur http://saintmichelnantua.com/
Structurer le contenu
Les titres, sous-titres, intertitres doivent toujours pouvoir être lus de façon indépendante du reste du texte et ne font jamais de références implicites au contenu de l’article. Contre-exemple de titre : "Il y était.".
La titraille (titres et intertitres) n’est jamais ponctuée sauf avec un point d’exclamation ou d’interrogation. Le chapeau se termine par un point.
Listes à puces
Un tiret du 6 - donne une puce :
Un tiret du 6 - suivi d’une étoîle* : -* donne :
- une sous-puce
- ou -*** créent deux autres sous-niveaux de hiérarchie. La mise en forme :
- "Ton cheval est : -* alezan ; -* bai ; -* noir ; - mais mon lapin est : -* blanc ; -** angora ; -** ou à poil ras -*** à oreilles courtes ; -*** à oreilles pointues ; -* gris."
donne :
Ton cheval est :
- ou -*** créent deux autres sous-niveaux de hiérarchie. La mise en forme :
- alezan ;
- bai ;
- noir ;
mais mon lapin est : - blanc ;
- angora ;
- ou à poil ras
- à oreilles courtes ;
- à oreilles pointues ;
- gris.
Puces numérotées
Un tiret du 6 suivi d’un dièse -# donne une liste numérotée. Un tiret du 6 - suivi de deux dièses -## crée un deuxième niveau de hiérarchie dans la liste numérotée. Le code
-# premier
-# deuxième
-# troisième
va apparaître ainsi :
- premier
- deuxième
- troisième
Tableau
Pour réaliser des tableaux, faire des lignes dont les "cases" sont séparées par le symbole "|" (pipe, un trait vertical), lignes commençant et se terminant par des traits verticaux. Il est impératif de laisser des lignes vides avant et après ce tableau.
Le code
| {{Nom}} | {{Prénom}} | {{Age}} |
| Marso | Ben | 23 ans |
| Capitaine | | non connu |
| Philant | Philippe | 46 ans |
| Cadoc | Bébé | 4 mois |
va apparaître ainsi :
Nom | Prénom | Age |
---|---|---|
Marso | Ben | 23 ans |
Capitaine | non connu | |
Philant | Philippe | 46 ans |
Cadoc | Bébé | 4 mois |
Soutenir la lecture à l’écran avec des images
Les images utilisées comme logos de rubrique et d’article ont une valeur sémantique, c’est-à-dire qu’elles doivent révéler le sens du contenu et motiver la lecture.
La première image ajoutée dans le texte se trouvera du côté opposé du logo de l’article. Si le logo est à gauche, la première image ajoutée apparaîtra à droite<img|right>
, puis la deuxième image à gauche <img|left>
.
Lire avant l’article pour connaître les dimensions des photos de votre site
Préparation des rubriques et des articles
Si vous désirez ordonner l’affichage dans le menu des articles ou sous-rubriques, précéder le titre d’un n° suivi d’un point et d’un espace, exemple : 01. Actualités apparaît en 1ère position dans le menu. Un filtre permet de cacher le numéro sur le web.
Le centre des pages d’accueil et de rubrique affiche les articles du plus récent au plus ancien, donc changer les dates de publication des articles si besoin.
Raccourcis typographiques de Spip
Pour mettre en forme le contenu, créer un texte en gras, en italique, faire une note de bas de page, Spip propose des raccourcis typographiques, assez simples à mémoriser.
Sur l’espace privé, vous pouvez à tout moment accéder à ces raccourcis dans l’aide de Spip en cliquant sur le pictogramme ?
Fonction | Raccourci | Aperçu |
---|---|---|
Intertitre | {{{Intertitre}}} |
Intertitre |
Texte en gras | {{Texte en gras}} |
Texte en gras |
Texte en italique | {Texte en italique} |
Texte en italique |
Insérer une image |
|
L’image doit avoir été précédemment téléchargée sur le site par la fonction « télécharger une nouvelle image » dans la colonne de gauche affichée quand on rédige un article. Le système indique alors sous quel numéro l’image est disponible (ici 2020), et c’est ce nom qui doit être utilisé. Trois commandes sont disponibles : gauche (left), centre (center) ou droite (right) |
Lien vers un site | [Sites pour les paroisses->http://bonnenouvelle.fr] ou [->http://bonnenouvelle.fr] |
Sites pour les paroisses ou http://bonnenouvelle.fr
(rédiger l’intitulé du lien choisi avec les mots clés que vous saisiriez sur un moteur de recherche) |
Lien vers un article | [->4] ou [texte->4] ou [texte->art4] |
article 4 |
Lien vers une rubrique | [->rub12] ou [texte->rub12] |
Jeunes |
Lien sur une image | [<img2020>->adresse du lien] |
Titre : Si nécessaire, donner un titre le plus objectif possible qui permettrait de trouver l’image ou le document sur un moteur de recherche, le nom des personnes ou des oeuvres. Description : Si nécessaire, indiquer le copyright précédé du symbôle © et suivi du nom de photographe ou de l’artiste. La description peut être un commentaire humoristique |
Lien vers un document | [->doc2040] |
logo/arton707.jpg |
Lien vers un formulaire de contact d’auteur | [->aut2] ou [Contacter Mathilde Henry->aut2] |
Reda Aourag ou Contacter Mathilde Henry
Ne jamais mettre une adresse e-mail en clair sur un site web, ni faire un lien "mailto" vers une adresse e-mail car elle sera scannée et revendue aux spammeurs |
Lien dans une page | [#signet<-] à mettre à l'endroit à atteindre [4. Structurer le contenu->#signet] pour faire un lien vers le 4e point dans l'article |
4. Structurer le contenu
Pour créer un sommaire dans les articles longs. Ce type de signet est utilisé soit, à l’intérieur d’une page web, soit à l’intérieur d’un même site web. |
Note de bas de page | [[texte de la note]] |
Le texte entre doubles crochets apparaît en bas de la page, doit être placé au niveau de l’appel de note, dans le texte [1] |
Trait de séparation | ---- |
Entrer une ligne contenant au moins quatre petits tirets |
Encadré | <quote>Texte à encadrer.. </quote> |
|
Citation | <q>Une balise Q encadre automatiquement la citation avec des guillemets </q> |
Une balise Q encadre automatiquement la citation avec des guillemets Les guillemets l’encadrent automatiquement. |
Codes images de pictogrammes à insérer pour illustrer les infos pratiques, en particulier dans le champs P.S.
<img24>
Code à insérer avant un n° de téléphone fixe qui s’écrit toujours +334 94 00 00 00
<img25>
Code à insérer avant un n° de fax qui s’écrit toujours +334 94 00 00 00
<img26>
Code à insérer avant une adresse postale
<img9>
Code à insérer avant un lien vers une carte Google maps
<img28>
Code à insérer avant un n° de téléphone mobile qui s’écrit toujours +336 00 00 00 00
<img29>
Code à insérer avant un courriel
Un article avec date et lieu d’évènement cliquable dans le calendrier
Quand vous êtes sur un article (statut non modifié), vous pouvez créer un évènement, la date et le lieu d’évènement apparaîtront au-dessus du chapeau sur l’accueil et la rubrique. Un évenement peut être répétitif grâce à des occurences. Les 5 prochaines occurrences de l’évènement apparaîtront sur l’article. Cette fonction rend la date cliquable dans le calendrier.
Insérer une vidéo dans un article
Dans le champs texte de l’article¡¡, penser à mettre le titre de la vidéo en intertitre pour que son contenu soit référencé par Google.
Choisir des dimensions lisibles, par exemple : width="450" height="300") comme ci-dessous : <iframe width="450" height="338" src="http://www.youtube.com/embed/gZJcSZqiowg?rel=0" frameborder="0" allowfullscreen></iframe>
Dans le champs descriptif de l’article, penser à réduire la taille de la largeur et de la hauteur du lecteur, changer deux fois les valeurs dans le code par width="250" height="180") ou utiliser la fonction Personnaliser du site de partage de vidéo.
Ce code fera apparaître un mini-lecteur vidéo sur la page d’accueil et de rubrique à la place du logo de l’article en petite taille. Le champs descriptif ne s’affiche pas sur l’article pour éviter de doubler le contenu.
Lire :
Publier de la vidéo pour Internet sur un site sous Spip
Lecteur audio
Le lecteur audio se déclenche dès que vous ajoutez des documents joints MP3 (moins de 2 MO par fichier) à votre article. Vous pouvez ajouter une légende dans le champs descriptif et titre du document.
Sélection du contenu sur l’accueil
- Position de l’article en accueil
Pour faire apparaître un article sur la page d’accueil, aller dans l’espace privé sur sa rubrique, puis ajouter le mot-clé sur la rubrique du groupe Sélection contenu accueil selon la position désirée sur la page d’accueil à visualiser ci-dessous :
haut_gauche | haut_droite |
centre_gauche | centre_droite |
bas_gauche | bas_droite |
Chaque rubrique avec un mot-clé affichera alors les deux derniers articles publiés de la rubrique en page d’accueil. Si vous souhaitez changer l’ordre d’affichage de ces deux articles, modifier leurs dates de publication.
- afficher_un_article : permet de n’afficher en page d’accueil qu’un seul article de la rubrique qui a un mot clé de position.
Ce sont les derniers articles publiés de la rubrique avec ce mot-clé qui s’affiche sur la page d’accueil. Si vous souhaitez changer l’ordre d’affichage de ces articles, modifier leurs dates de publication.
Mots-clés de recherche
Quand vous êtes sur un article (statut non modifié), vous pouvez ajouter un mot-clé à un article, ce qui fera grossir le mot dans le nuage de mots-clés, un clic sur ce mot proposera un lien vers l’article.
A utiliser pour créer des thématiques transversales : évangélisation, formation, prêtre, médias ou par cibles : jeunes, couples, non-pratiquant ou par contenus : vidéo, photo, MP3.
[1] Ceci est un exemple de note de bas de page
https://eglisecroissy.fr/spip.php?page=imprimer_rubrique&id_rubrique=1