Il existe quelques options et raccourcis clavier dont je ne peux plus me passer lorsque je suis dans l’interface d’édition de WordPress. Ça peut paraître bête, mais j’ai découvert une grande partie de ces astuces tout récemment.
— Dans cet article ↓ —
Mes astuces pour l’édition
1. Caractères spéciaux
À l’école, on m’a appris qu’il n’y avait pas de raison de mal orthographier un mot, même si celui-ci était écrit en majuscule.
Quand je vois ça :
Ca va bien ?
Mes yeux saignent et je pète un peu un plomb.
Avec un clavier d’ordinateur Apple, mettre des accents sur les majuscules est d’une simplicité déconcertante. Le C cédille majuscule s’écrit en enfonçant les touches « ç » + Alt (Opt).
Les claviers Windows sont moins intuitifs pour cela, mais grâce à WordPress, même les utilisateurs de PC n’ont plus d’excuse !
WordPress intègre un répertoire de caractères spéciaux que vous pourrez activer sur l’icône « Ω » (Omega, pour les intimes).
2. Coller une URL, création de liens automatique
J’ai découvert cette astuce il y a peu et je ne l’ai retrouvée sur aucun blog WordPress.
- Copier une URL dans votre presse papier.
- Sélectionner une partie de texte dans votre éditeur.
- CTRL + V (ou CMD + V sous Mac) pour coller, et bim ! Vous avez créé un lien sur votre texte.
Alternativement, si vous avez besoin de plus d’options, comme « ouvrir dans une nouvelle fenêtre », etc., vous pouvez ouvrir l’option classique d’insertion de liens en faisant CTRL + K *.
* CMD + K (sous Mac OS X).
Insertion de médias
3. Insérer une image, galerie… (Bibliothèque des médias)
Pour ouvrir rapidement la bibliothèque de médias, pour insérer une nouvel image ou une galerie dans votre page, faites Alt + Shift + M *.
* CTRL + Alt (Opt) + M (sous Mac OS X).
4. Vidéo YouTube (auto embed)
Vous vous êtes peut-être déjà cassé la tête à essayer d’insérer une vidéo issue de YouTube dans une page WordPress. Pour cela vous avez tenté de copier-coller le code HTML « iframe » proposé par YouTube, puis vous avez installé un plugin WordPress développé à cet effet…
Tout cela est inutile !
Pour inclure une vidéo YouTube dans vos articles, il suffit de copier l’URL dans votre éditeur.
WordPress s’occupe du reste !
5. Twitter (auto embed d’un tweet)
Vous cherchez en vain le plugin qui permet d’intégrer des tweets au sein d’articles ? Le même que celui qu’on voit sur les sites de presse à chaque fois qu’il y a un clash sur Twitter entre deux personnalités ?
Pas besoin de plugin pour cela non plus !
Récupérez simplement le lien vers le tweet que vous désirez citer et collez-le dans vos pages WordPress.
Mise en forme textuelle
6. Intertitres (headings)
Pour insérer rapidement des intertitres de type H1, H2, H3, etc., il existe aussi des raccourcis clavier.
- Par exemple, pour une balise <h1> : Alt + Shift + 1
- Par exemple, pour une balise <h2> : Alt + Shift + 2
- et ainsi de suite…
Sous Mac OS X, tapez sur les touches Ctrl + Alt (Opt) + 1 (pour un H1). Petit souci, sur mon MacBook, cela fonctionne, sauf pour les H3 et H4. Si vous en connaissez la raison, dites-la-moi en commentaire 😉
Edit 10/12/2015 : j’ai testé sur un clavier QWERTY et ça fonctionne bien en tapant sur Ctrl + Alt (Opt) + 3 (ou 4), le problème vient donc des claviers français.
7. Gras (bold)
Pour mettre rapidement une partie de texte en gras (balise HTML <strong>), sélectionnez le texte voulu et faites CTRL + B *.
* CMD + B (sous Mac OS X).
8. Italique
Pour mettre rapidement une partie de texte en italique (balise HTML <em>), sélectionnez le texte voulu et faites CTRL + i *.
* CMD + i (sous Mac OS X).
9. Souligné (underline)
Pour mettre rapidement une partie de texte en souligné (style CSS « text-decoration: underline »), sélectionnez le texte voulu et faites CTRL + U *.
* CMD + U (sous Mac OS X).
En bonus
10. Enregistrer le brouillon
Parce qu’on n’est jamais trop prudent, nous avons choisi un outil d’édition qui enregistre périodiquement des copies « brouillon » de notre travail.
Ces fameuses « sauvegardes automatiques » de WordPress m’ont sauvé la vie un paquet de fois !
Sur software, je parie que votre raccourci clavier favori est CTRL + S *, non ? Eh ben cette combinaison fonctionne également dans votre éditeur WordPress et vous permettra d’enregistrer votre texte en tant que « brouillon ».
* CMD + S (sous Mac OS X).
~ Insertion de smilies, emojis, émotionnes
Vous les appelez comme vous voulez* ! 🙂
Pas vraiment un « indispensable », mais tellement fun…
Vous avez vécu toutes ces années sans savoir comment insérer ces fameux « smiley » dans WordPress ? ?
- Dans l’app WordPress iOS ou Android, cliquez l’icône en forme de smiley (facile).
- Sous Mac OS X, le raccourci clavier est CTRL + CMD + [barre d’espace].
- Sous Windows vous aurez une petite manipulation à faire pour bénéficier de l’option (en anglais).
- Dans tous les cas, si vous galérez, rendez-vous sur GetEmoji.com (sélectionnez une icône comme si c’était du texte).
Cerise sur le gâteau, cette astuce est universelle puisqu’elle fonctionne sur Twitter, Facebook, Gmail et de très nombreuses autres applications.
* Le véritable nom est « emoji », du nom de la bibliothèque de smilies Twitter, devenue, grâce à leur générosité, libre de droit.
~ Pagination dans un article (page break)
J’ai longtemps pensé qu’ajouter un système de « pagination » à ses articles nécessitait un plugin.
Je n’apprécie pas beaucoup les sites qui m’obligent à tourner une page pour pouvoir profiter du reste d’un article ou pire, pour voir une série d’images (ces diaporamas qui mettent 2 heures à être visionnés).
Découper ses articles en plusieurs morceaux doit être une manœuvre SEO pour augmenter son nombre de pages pour un même sujet, renforcer la sémantique sur un champ lexical restreint pour une page donnée, ou quelque chose du genre.
En tout cas, moi, je n’ai jamais compris l’intérêt de cette technique en terme d’ergonomie, mais je vous dis tout de même comment mettre cela en œuvre pour votre culture générale.
Pour insérer un « saut de page » dans vos articles WordPress, le raccourci clavier est Alt+Shift+P *.
* CTRL + Alt (Opt) + P (sous Mac OS X).
Pour aller plus loin
Pour retrouver presque tous les raccourcis clavier disponibles dans votre éditeur, faites Alt + Shift + H * lorsque vous rédigez sous WordPress.
* CTRL + Alt (Opt) + H (sous Mac OS X).
Astuces pour bien rédiger dans WordPress
Continuer votre lecture sur le sujet
Si vous le souhaitez, ci-dessous, suivez le lien de WPExplorer (en anglais) que je recommandais il y a peu sur Twitter. Vous y trouverez, comme ici, quelques tips à exploiter dans votre éditeur WordPress, mais aussi une vision pertinente sur la lisibilité des textes de blog.
Pour intégrer ce tweet, j’ai utilisé la technique décrite plus haut. 😉
Très bon article sur la lisibilité d'un texte rédigé dans WordPress (en anglais) : https://t.co/EAgN76SVgU
— Mister WordPress (@MisterWordpress) November 2, 2015
On n’a jamais fini d’apprendre !
Merci pour la première astuce, du coup sur mon blog je l utilise suite a ton post, pratique pour l alphabet islandais!
J utilisais egalement le ctrl V sur le mot clé pour l url, très pratique.
Merci pour l astuce sur le gras, je ne la connaissais pas.
Au final ce sont des petites choses mais ça doit permettre de gagner quelques minutes par jour, toujours ca de pris 🙂
Pour le heading, est ce que tu connais comment changer la taille / couleur directement dans le théme? Ca permettrait de gagner plus de temps que l astuce 6.
A+
Noémie de Icelanded
Effectivement, une petite lecture de 5 – 10 minutes pour gagner quelques minutes chaque jour, c’est un bon deal 🙂
Pour changer la taille / couleur je pense que tu vas devoir te former au CSS. Je prévois quelques choses du genre sur ce blog, mais ça n’est pas pour tout de suite, hélas. Jettes peut-être un coup d’oeil du côté du site OpenClassRooms (CSS).
Je trouve l’éditeur WP vraiment simple à utiliser. Comme tu l’as dis les vidéo YT ou tweet sont utilisables sur un simple URL, et le reste de l’éditeur ressemble à un Word !!! (Utilisateur de Windows spotted)
Par contre un truc vraiment chiant, c’est l’intégration de vidéo Facebook. Il faut être dans l’onglet Texte, et non Visuel, coller un lien spécifique récupéré en cliquant sur Insérer la vidéo, trouvable sur la page FB et la vous me dites « bah ça a pas l’air chiant »
MAIS SI C’EST MEGA CHIANT ! parce qu’en revenant sur l’onglet Visuel vous perdez votre vidéo, définitivement !!!! Il faut réécrire l’article ! Vous ne pouvez pas éditer votre article en Visuel si vous avez intégrer le lien, cette étape doit être la DERNIÈRE et vous devez être certain de votre article, aucune faute de style, orthographe, syntaxe, tache de café numérique. etc
C’est d’autant plus dommageable car avec le nouvel algorithme FB qui favorisent les vidéos implantées directement sur le réseau social, on va devoir les utiliser de plus en plus. J’espère que les développeurs de WP remédieront vite à ce problème !
Ça ne changera jamais dans WordPress qui utilise un filtre de Sanitization de contenu, pour éviter certaines petites crasses HTML, ajouter automatiquement des paragraphes, rendre valide le code HTML, éviter certains contenus malicieux, etc.
Tu dois trouver un plugin pour t’aider à intégrer tes vidéos ou désactiver la sanitization.
Souvent, lorsqu’on a un problème avec WordPress, il existe un plugin pour le résoudre 😉
– https://fr.wordpress.org/plugins/search.php?q=video+facebook
Enjoy!
Bon j’ai poussé un coup de gueule sans chercher plus loin que la première page google ! (je suis français !) Je vais regarder ça merci 🙂
PS : j’en profite puisque c’est le premier petit commentaire que je lâche 😀
avec ton plugin de commentaire, lorsque je fais des pavé, le bouton « laisser un com » disparait et je ne peux pas le remonter comment faire ?? je suis obligé parfois de poster en deux fois …
Merci du signalement. J’ai remarqué ça il y a quelques jours, c’est apparu du jour au lendemain. Je crois que ça vient de Jetpack Comments, je leur ai signalé, on verra : https://github.com/Automattic/jetpack/issues/3453
Je pense bien, j’ai eu ce problème sur un autre site qui avait le meme type de commentaire que le tien. Moi qui adore écrire des dizaines de lignes je suis bien embêté !
Waaaat !
Ha non, mais je suis chocked, sur les raccourcis que tu nous montre là… En particulier la vidéo YouTube -> je vais essayer !
Je viens de tester le « Ctrl + S » et j’ai envie de me tirer une balle :'( Près d’un an à utiliser WordPress et ce n’est que maintenant que je découvre que c’est possible.
En tout cas merci ^^ Je mourrai moins bête se soir !
Et bien j’aurais appris une chose, c’est qu’à chaque fois que je m’embêtais à taper , il m’aurait suffit d’utiliser un raccourci clavier…
Je connaissais les embed de Video Youtube ou de Tweet, et il faut dire que c’est bien pratique !
Pour les caractères spéciaux, je m’embêtais à chercher sur Google « A majuscule accent » pour faire un copier-coller… Oui une technique de raccroc qui ne fait pas très pro. Merci en tout cas pour les précieuses minutes que je risque de gagner quotidiennement grâce à ces astuces.
Par ailleurs, le post de WP Explorer que tu mentionnes est vraiment excellent.
Bonjour,
tout d’abord merci pour ces astuces toujours utiles.
j’ai utilisé la pagination Alt+Shift+P,
le problème c’est que les n° de pages sont très petit en bas de celles-ci.
Auriez vous une idée pour grossir tout cela ?
merci pour votre aide.
Cordialement.
DB
Bonjour,
merci pour ce tuto avec ces astuces toujours utiles.
J’ai utilisé la pagination, le problème c’est que les numéro de en bas de page sont trop petit.
Auriez vous une idée pour les faire grossir.
D’avance merci.
Cordialement.
DB
Bonjour,
Merci pour cet article, je ne connais pas l’astuce pour Twitter, que je ne manquerais pas d’appliquer.
Merci