Mettre en page un article sur le Framablog

Avant toute chose, il vous faudra vous connecter au Framablog selon l'URL de connexion et les identifiants que nous vous aurons transmis.

Et qu'il s'agira de garder secrets, évidemment ! N'oubliez pas qu'en termes de sécurité informatique, le gros point faible se trouve entre la chaise et le clavier. ^^

Le fonctionnement de Wordpress :

Le cadre "publier/planifier" en haut à droite...

• Par défaut vous ne touchez JAMAIS au bouton vert Publier, sauf si vous voulez publier l'article ;
• On utilise le bouton Enregistrer comme brouillon, autant de fois qu'on veut, aucun souci, ça enregistre vos modifs avec différentiel, c'est beau la vie.
• Exception : lorsqu'on veut planifier un article, on choisit la date & heure, on clique sur OK juste à côté. Là, le bouton vert Publier devient Planifier : on peut cliquer dessus ;
• Dès qu'un article est publié ou planifié, le bouton vert devient Mettre à jour. Le seul moyen de savoir si l'article est publié ou juste planifié, c'est de regarder l'état de l'article (deux lignes au dessus du bouton vert) ;
• Toute publication se fait après un accord commun ;).

Les copier/coller de la mooooort....

• Wordpress est capricieux : pas de copier-coller de texte sans avoir coché le bouton « Coller en texte » auparavant. Sinon il te chope les balises de LibO/Word/etc et ça pourrit le thème et c'est moche ;
• Tu ne trouves pas ce bouton...? c'est normal, tout va bien : il faut activer la deuxième ligne de boutons en cliquant sur « ouvrir/fermer la barre d'outil ». On le fait une fois après on oublie ça reste comme ça ! ;
• Tu veux copier/insérer du html ? OK ! Il suffit juste de passer l'éditeur WYSIWYG (onglet « visuel » en haut à droite de l'article) en mode « texte » (par défaut, on est en mode visuel) ;
• Les div et les span sont à proscrire : on a un thème, merci de ne pas passer par dessus (après, si c'est pour faire un joli cadre avec nos CSS Bootstrap, exceptionnellement, ça se discute, hein : à vous de gérer) ;
• Comment je sais si tout va bien : regarder les sauts de ligne (dans l'éditeur WYSIWYG & la prévisualisation de l'article) :
  • S'il y a une petite interligne entre deux paragraphes, tout va bien ;
  • S'ils sont collés-serrés, y'a un problème et la lecture de l'article sera étouffante (les sauts de lignes deviennent des retours de chariot : pas glop) ;
  • En plus, si tu veux passer un paragraphe en citation ou en titre (2, 3, 4...) ça appliquera la balise à tout l'article (la première fois ça fait drôle) ;
• Donc de manière générale : on passe son texte par gedit/bloc-notes/notepad++ etc. avant de le copier coller : ça sauve des chatons !

Comment Wordpress a été pensé

Il a été pensé pour être votre éditeur de base : vous êtes sensé·e·s y écrire vos articles directement sur l'interface, sans avoir besoin de rien d'autre.

Du coup, pour les rebelles comme nous, y'a deux écoles :

• Je fais mon texte en .txt (tout retour à la ligne doit avoir une ligne vide entre 2 paragraphes), je « colle en texte » dans l'onglet visuel, j'ajoute liens, images, mise en page (gras, quotes, listes....), readmore, catégories, tags, tweet auto, image à la une => je propose à la publication ;
• Je fais mon texte en .html, je le colle dans l'onglet texte, j'ajoute les images, readmore, catégories, tags, tweet auto, image à la une => je propose à la publication.

Mise en forme de l'article

Titres

• Le seul « Titre 1 » est le titre de l'article ;
• On commence donc notre titrage à partir des titres de niveau 2.

Catégories

• Toujours utiliser au moins une catégorie ;
• On peut multi-catégoriser (à vous de voir ^^) ;
• La catégorie par défaut non classés, doit donc être vide ;
• Toujours cocher la catégorie parente lorsqu'on veut cocher une sous-catégorie.

Tags

• RezoTic et Planet permettent d'inclure l'article dans le flux RSS de ces blogs ;
• Penser à regarder les tags les plus utilisés ;
• Utiliser l'auto-complétion ;
• Écrire directement un nom de tag dans ce champ (séparer à l'aide de virgules) ;
• Valider avec OK ;
• Ne pas hésiter à taguer en doublon des catégories/sous catégories (mettre dégooglisons ou GAFAM dans les tags même si les catégories éponymes sont déjà cochées.

Publication automatique sur les réseaux

Nous avons installé des plug-in Wordpress pour publier automatiquement les articles sur nos comptes de réseaux sociaux.

• Seuls les nouveaux articles sont publiés, pas leur mises à jour ;
• Pas besoin d'avoir les clés du comptes, Wordpress les a.

Wordpress to Diaspora*

• Si vous avez correctement mis vos tags wordpress il n'y a RIEN A FAIRE \o/ ;
• Le plug-in affichera sur Diaspora* l'image à la une de l'article et l'extrait (ce qu'il y a avant la balise Read More) d'où l'importance de ces réglages dans votre article ;
• Les tags #framasoft, #framablog, #Libre, #free sont automatiquement ajoutés à votre post Diaspora* ;
• le lien vers l'article est ajouté automatiquement.

Wordpress to twitter

• Écrivez votre tweet dans le cadre de la colonne de droite prévu à cet effet ;
• Ajoutez les tags et mentions que vous voulez dans la limite des 140 caractères ;
• Rajoutez IMPÉRATIVEMENT #url# pour inclure le lien vers l'article.

Illustrations

• Toujours mettre une « Image à la une » (bas de la colonne de droite) afin que le thème l'utilise dans notre page d'accueil, et pour les réseaux sociaux ;
• Utiliser des images sous licence libre ou de libre diffusion (chercher sur Search CreativeCommons) ;
• Lors de l'ajout d'une image à un article, mettre en légende sous le format Titre-Licence-Auteur. Exemple : Photo magnifique CC-BY-SA Auteur qui déchire.

Utilisateur·trice

L'article vous est attribué par défaut. Il faut donc que vous pensiez à aller dans votre profil utilisateur pour :

• Mettre à jour votre mini-bio ;
• Mettre vos réseaux sociaux ;
• Le champ facebook est un lien vers votre profil diaspora*/framasphère (oui on l'a hacké ^^) ;
• Pensez à mettre une photo de profil (ou image, dessin, icône, etc.).