Publier son site

Consultez ou télécharger notre livre blanc gratuit "Publier son site avec Spip".

Le livre blanc gratuit "Publier son site avec Spip" donne les moyens d’être rapidement autonome sou Spip pour publier soi-même sur son site.
Conçu au départ pour des animateurs de sites associatifs chrétiens, le coeur de métier de Bonnenouvelle.fr, le style de ce guide se veut accessible aux débutants sur Internet.

Livre blanc "Publier son site avec Spip", sous licence libre Creative Commons BY-NC-SA (Attribution-Pas d’Utilisation Commerciale-Partage dans les Mêmes Conditions), le guide illustré du contributeur Spip, à télécharger gratuitement.

Comment rendre son agenda Google public, puis l’afficher sur son site ?

Un Google agenda peut être lu et mis très facilement à jour sur un mobile. Cet outil est aussi pratique pour gérer un planning de réservation de salles, qui peut n’être partagé qu’avec quelques adresses e-mail..

Créer un compte Gmail

1. Pour créer un agenda google, il faut avoir une adresse Gmail (gratuit, aller sur htp ://gmail.com).

   

2. Se connecter à son compte Gmail
3. cliquer en haut à droite sur les petits carrés gris, puis sur le pictogramme Agenda.
    Si vous ne voyez pas le pictogramme Agenda, cliquer sur Plus, puis Agenda.

Créer un agenda Google

1. En bas de la section [Mes agendas] située sur la gauche, cliquez sur le lien [Ajouter].
2. Entrez les informations demandées.
3. Cliquez sur [Créer l’agenda].
4. Créer vos évènements, récurrents si besoin

Rendre votre Google agenda public

1. Dans la liste des agendas située sur le côté gauche de la page, cliquez sur la flèche à côté de l’agenda voulu, puis sélectionnez [Partager cet agend].
2. Sélectionnez [Rendre cet agenda public].
3. Si vous ne souhaitez pas que les autres utilisateurs puissent consulter le détail de vos événements, sélectionnez [Afficher uniquement les infos de disponibilité (masquer les détails)].
4. Cliquez [Enregistrer].

Intégrer un agenda à votre site Web

1. Dans la liste des agendas située sur le côté gauche de la page, cliquez sur la flèche vers le bas affichée à côté de l’agenda que vous souhaitez intégrer et sélectionnez [Paramètres de l’agenda].
2. Cliquez sur le lien [Personnalisez la couleur, la taille et d’autres options] au-dessus du champ iframe
3. A gauche dans le champs Largeur], saisir 500
4. Vous pouvez tester en ligne les différents options
5. Copiez le code [iframe] affiché dans la section Insérer cet agenda.
6. Collez ce code sur votre site Web dans le champ [Texte] d’un article pour insérer cet agenda.

Exemple : notre Google agenda Disponibilités

Quelle logique de mot de passe adopter sur internet et comme gérer et stocker vos mots de passe avec le service gratuit Dashlane, un de nos webservices préférés ?

Comment créer un bon mot de passe ?

Un bon mot de passe est difficile à retrouver même à l’aide d’outils automatisés, mais facile à retenir, composé de 8 à 12 caractères alpha-numériques et de chacun de ces groupes de caractères : majuscules, minuscules, caractères accentués, chiffres.

En effet, si un mot de passe est trop compliqué à retenir, l’utilisateur mettra en place des moyens mettant en danger la sécurité, comme le posit-it collé sur l’écran.

Il existe des moyens mnémotechniques pour fabriquer et retenir des mots de passe forts.

Deux logiques de syntaxe de mot de passe

1. La méthode phonétique
   Cette méthode consiste à utiliser les sons de chaque syllabe pour fabriquer une phrase facile à retenir. Par exemple la phrase "J’ai acheté huit cd pour cent euros cet après-midi" deviendra ght8CD%E7a-m.

1. La méthode des chiffres et premières lettres
   Cette méthode consiste à garder les premières lettres d’une phrase (citation, paroles de chanson, ...) en veillant à ne pas utiliser que des minuscules. Par exemple, la citation « un tiens vaut mieux que deux tu l’auras » deviendra 1TvmQ2tl’@
   Vous pouvez aussi utiliser ce système avec des citations bibliques ou de personnes célèbres aimées par vos utilisateurs, par exemple 40-CDG-VlFl ! (En 1940, Charles de Gaulle a dit : "Vive la France libre !").

Gérer et stocker vos mots de passe avec le service gratuit Dashlane

Avec l’autocomplétion automatique des formulaires, Dashlane nous fait gagner un temps fou au quotidien.

Vous téléchargez Daslane et créez votre mot de passe maître, un mot de passe compliqué en mélangeant les majuscules et les minuscules, en mélangeant lettres et chiffres et signes. Le seul mot de passe à se souvenir.
À chaque fois que vous allumez votre ordinateur ou tablette ou smartphone, saisir le mot de passe maître et c’est tout.

Les fonctionnalités :

• Enregistrement des mots de passe
• Connexion / saisie automatique
• Alerte lors du piratage d’un site web
• Synchronisation ordinateur/mobile
• Stockage des moyens de paiement

Les flux RSS (Really Simple Syndication) ci-dessous peuvent afficher sur votre site des contenus automatiquement mis à jour en provenance de sites externes. Ils incluent les titres des articles et des liens vers le contenu.

Personnaliser le titre du bloc, sa couleur et l’image

Pour tout le bloc

• titrebloc= Dans l’Eglise
• urlbloc=http://w2.vatican.va/content/vatican/fr.html lien sur l’image et le titre du bloc
• titreimg=fa-home
• couleurpolice et couleurimg=#009EE3
• couleurbordure=#39C7F6
• couleurfond=#FFFFFF
• finir par |debut=ok>

Pour les liens

• Les couleurs des liens sous le titre du bloc sont celles du site
• titre==Eglise de France : titre du lien
• id_site=x ou urlrss=... + urlsite=...
• afficher=1, nombre d’items affichés, au choix : 0, 1, 2, 3...
• finir le dernier lien par |fin=ok>

Bloc rss_n avec l’image : home ou celle de votre choix

Copier-coller le code

Bloc bonnenouvelle1 avec le logo Bonnenouvelle.fr

Par défaut, le logo Bonnenouvelle.fr s’affiche si un document de votre site a le titre : bonnenouvelle_fr cf Edition > Document > Rechercher.
Les couleurs du bloc sont celles paramétrées dans Squelettes > Couleurs du site > bloc Dans l’Eglise.

Textes et saint du jour

Les textes du jour proviennent du site aelf.org et le Saint du jour de Nominis.
Pour les lectures du jour :

• afficher=3 affiche les titres des 3 textes du jour,
• afficher=0 juste un lien vers la page Lectures de la messe du jour,
• idem pour le Saint du jour avec afficher=1 ou afficher=0.

Saint(s) du jour

Lectures du jour

Bloc dseglise1 avec le pictogramme Dans l’Eglise

Par défaut, le pictogramme Dans l’Eglise s’affiche si un document de votre site a le titre : ds_eglise_fr cf Edition > Document > Rechercher. Il pointe vers le site du Vatican.
Les couleurs du bloc sont celles paramétrées dans Squelettes > Couleurs du site > bloc Dans l’Eglise.

Eglise de France

• >

Vatican News

• >

Liste de sites syndiqués sur Bonnenouvelle.fr

Nouveau ! Créez vous-même vos boutons, blocs et pied de page et illustrez-les avec des pictogrammes à personnaliser selon les couleurs de votre site.

Ces boutons et blocs peuvent aussi être intégrés dans un article

Mode d’emploi pour créer ses boutons illustrés

Deux outils pour choisir un code couleur

1. Roue chromatique sur l’espace privé > Squelettes > Couleurs du site
2. Module Colorzilla à ajouter Firefox ou Chrome

1. Aller sur l’espace privé > Squelettes > Votre colonne de gauche ou de droite
2. Copier-coller le code du bouton ou bloc ci-dessous
3. Personnalisez-le
4. Enregistrer l’article
5. Aller sur le site public > Recalculer la page

Changer l’url du lien d’un bouton

• url=article7 : lien vers l’article 7
• url=auteur4 : lien vers l’auteur 4
• url=rubrique7 : lien vers la rubrique 7
• url=http://bonnenouvelle.fr : lien externe
• url=spip.php ?page=deuxcolonnes : lien vers un modèle de page

Titre de l’image : comments

Copier-coller le code ci-dessous

Personnaliser le titre, les couleurs et l’image

• titrelien=Contacter un prêtre
• couleurpolice=#FFFFFF
• titreimg=fa-comments
• couleurimg=#FFFFFF
• couleurbordure=#00338D (facultatif)
• couleurfond=#39C7F6 (facultatif)

Choisir d’autres pictos

 Aller sur http://fortawesome.github.io/Font-Awesome/icons, moteur de recherche en anglais
 Faire un clic droit sur le picto choisi > Copier le texte du lien

Boutons pour sites paroissiaux

Classés par titre de bouton

Titre de l’image : comments

Titre de l’image : comments-o

Titre de l’image : envelope-o

Titre de l’image : hand-o-right

Titre de l’image : user-plus

Titre de l’image : calendar-o

Titre de l’image : facebook

Titre de l’image : heart-o

Titre de l’image : clock-o

Titre de l’image : file-pdf-o

Titre de l’image : file-check

Titre de l’image : bell-o

Titre de l’image : compress

Blocs pour sites paroissiaux

Personnaliser le titre, les couleurs et l’image

• titrelien=Edito
• rubrique=181, numéro de la rubrique, affiche le dernier article publié de la rubrique
• couleurpolice=#009EE3
• titreimg=fa-rss
• couleurimg=#009EE3
• couleurbordure=#009EE3
• couleurfond=#89E1FB (facultatif)

Bloc edito_n avec l’image : rss

Copier-coller le code

Bloc edito_n avec l’image : microphone

Bloc edito_n avec l’image : video-camera

Titre de l’image : paper-plane-o

Bloc newsletter_n avec l’image : paper-plane-o

Boutons pour sites d’écoles

Titre de l’image : check

Titre de l’image : cutlery

Titre de l’image : file-pdf-o

Blocs pour sites d’écoles

Bloc edito_n avec l’image : rss

Options

Titre de l’image : power-off

Titre de l’image : user

Titre de l’image : check

Titre de l’image : plus

Menus de pied de page

• La couleur des textes et images en pied de page sont celles du site, cf > Squelettes > Couleurs du site
• Mettre la balise avec le nom de l’image avant le texte : Adresse <span class="fa fa-thumb-tack fa-1x"></span>
• Balise avec un lien sur l’image : [<span class="fa fa-youtube fa-1x">->http://bonnenouvelle.tv]</span>

Modifier les pieds de page

1. Aller sur l’espace privé
2. > invisible
3. > Modifier l’article "Votre menu de pied de page ou de newsletter" ou
4. > Squelettes > Votre site bonnnenouvelle.fr
   NB : lien vers les mentions légales obligatoire sur toutes les pages du site et les e-mailings, merci de laisser le lien vers Bonnenouvelle.fr

• fa-2x double la taille du picto
• pas possible d’afficher ces pictogrammes dans un e-mailing

Haut E-mail Contacts/Horaires Annuaire Evénements Nouveaux Mentions légales RSS Espace privé Site Bonnenouvelle.fr

Copier-coller le code

Votre nom rue Code postal Ville Tél. : 04 83 16 07 20 Bonnenouvelle Toulon Accès

Pied de page mobile

Contacts Légal Privé Bonnenouvelle.fr

Selon webgaga.fr, la meilleure heure pour envoyer sa newsletter est entre 14h et 15h, puis entre 9h et 10h et selon l’étude de Cabestan, le meilleur jour est le mardi pour le secteur associatif.

Le meilleur jour pour envoyer sa newsletter

Selon la société Cabestan., pour le secteur caritatif et associatif, le taux d’ouverture est le plus fort le lundi, puis le jeudi ; le taux de clic le mercredi et le jeudi et le taux de réactivité (rapport entre le nombre de clics et le nombre de mails ouverts) le mercredi, ce qui laisse penser que le jour et le moment idéaux sont le mardi soir. Idem pour un site de presse et de médias.

Si votre site fait du e-commerce, visez le week-end pour une plus forte réactivité le dimanche, le samedi puis le vendredi.

Le mieux est d’essayer puis d’évaluer en comparant les statistiques des jours suivant l’envoi de votre newsletter de mois en mois.

Le meilleur moment de la journée pour envoyer sa newsletter

Selon webgaga.fr, la meilleure heure est entre 14h et 15h, puis entre 9h et 10h, et éventuellement pour une infolettre relevant de la vie privée entre 17h et 22h

Eviter le créneau entre 22h et 9h

 L’infographie de webgaga.fr

Deux astuces pour faire connaître et référencer votre site.

2 idées simples pour promouvoir son site

1. Faire de la promotion pour son nom de domaine via son adresse e-mail
   Créez votre adresse mail à partir de votre nom de domaine en allant sur votre manager Gandi pour en faire la promotion plutôt que de faire de la publicité pour votre fournisseur d’accès.
2. Ajouter l’adresse de votre site en signature par défaut de vos e-mails
   Penser à mettre l’adresse entière avec le http:// devant pour qu’elle soit cliquable aussi au format texte. Pour ce faire, aller dans les Outils > Options ou Préférences de votre logiciel de messagerie ou modifier les paramètres de votre plate-forme de lecture de mails en ligne.

RSS, enfin l’explication de ce terme barbare, très web 2.0.
Les flux RSS, qu’est-ce que c’est ? à quoi ça sert ?
Comment s’en servir ?
Comment s’y inscrire ? Démonstration pas à pas
Exemples de flux RSS de sites chrétiens
N’hésitez pas à nous poser des questions par le formulaire Réagir à cet article en pied de page.

1. Les flux RSS, qu’est-ce que c’est ? à quoi ça sert ?

Les flux ou fils RSS (Really Simple Syndication : publication vraiment simple) sont des flux de contenus gratuits en provenance de sites Internet. Ils incluent les titres des articles, des résumés et des liens vers les articles intégraux à consulter en ligne.
Ce système de syndication de contenu web diffuse les titres de vos derniers articles mis en ligne sur d’autres sites, blogs ou agrégateurs RSS, ce qui permet d’augmenter le nombre de vos visiteurs.

Chaque matin, vous vous connectez sur le web à votre agrégateur pour lire gratuitement les derniers titres, vidéos, fichiers son et photos de vos journaux ou sites favoris.

Avec les flux RSS, de même qu’avec une newsletter, plus besoin d’aller sur vos sites préférés, c’est le contenu qui vient automatiquement à vous.

2. Comment s’en servir ?

Pour lire les flux RSS, trois solutions :

1. Utiliser un service web d’agrégation de contenu

1. S’ouvrir un compte gratuit sur un agrégateur de flux RSS

1. Télécharger un logiciel gratuit :
   le logiciel gratuit de messagerie Thunderbird, qui filtre aussi automatiquement le courrier indésirable (spams).

3. Comment s’inscrire ? Démonstration pas à pas

Sur votre navigateur Internet Firefox, un pictogramme orange (identique à l’image qui illustre cet article) apparaît à droite de votre barre d’adresse en haut de page. Vous cliquez sur ce bouton orange et arrivez sur la page de flux RSS. Vous copiez-collez l’adresse de cette page dans votre agrégateur.
Sur de nombreux sites, les flux RSS sont signalés par des pictogrammes comme ceux-ci

. Il suffit de faire dessus un clic droit avec votre souris, choisir Enregistrer l’adresse du lien et de le copier-coller.