Nouvelle mise à jour de WordPress : WordPress 5.0 « Bebo »

Andrei Iordache

Andrei Iordache

Développeur WordPress

🚀 J’aide les gens à être trouvés en ligne | Développement WordPress, Core Web Vitals, Sécurité&Maintenance

WordPress, le meilleur CMS du marché et aussi mon préféré, a été mis à jour aujourd’hui. Si vous mettez également à jour votre WordPress, vous trouverez de nouvelles fonctionnalités impressionnantes.

Une nouvelle interface interactive de glisser-déposer dans la section nouvel article/nouvelle page

WordPress « Bebo » recrée la façon dont vous allez mettre à jour vos articles et vos pages. Avec le nouvel éditeur basé sur des blocs, l’utilisateur aura la possibilité de créer librement une nouvelle page/un nouvel article génial, en ayant une plus grande flexibilité dans la façon dont le contenu du site sera affiché.

Ce n’est pas quelque chose de nouveau. Les principes de base de WordPress sont toujours là. Mais ce qui est génial, c’est que chaque élément de contenu se trouve sur son propre bloc. Vous pouvez donc déplacer, étirer et réorganiser n’importe lequel de ces blocs comme vous le souhaitez, sans trop de connaissances techniques.

Les utilisateurs qui veulent l’éditer en HTML peuvent cliquer sur le bouton « Plus d’options » et cliquer sur éditer en HTML.

Éditeur de blocs

L’éditeur de blocs a été mis à jour pour correspondre à la version 4.4 de Gutenberg. Les principaux changements sont les suivants

  • Un panneau de permaliens a été ajouté à la barre latérale du document pour le rendre plus facile à trouver.
  • Les panneaux de documents de l’éditeur peuvent désormais être supprimés de manière programmatique.
  • L’indicateur de téléchargement des images et des galeries a été remplacé par un tourniquet et une image en fondu.
  • Les blocs d’édition de texte et de code utilisent désormais toute la largeur de l’éditeur.
  • La gestion des images a été améliorée. Les images occupent désormais la bonne quantité d’espace pour les thèmes dont les éditeurs sont plus larges (comme Twenty Nineteen).
  • Les styles de survol sont désormais correctement désactivés pour les appareils mobiles.
  • Le module i18n a été remanié pour bénéficier de gains de performance significatifs.

« S’il vous plaît ! Comment revenir à l’ancienne version de WordPress ? »

Pour rétrograder de WordPress 5.0 « Bebo » vers une ancienne version, vous pouvez installer le plugin « Official Classic Editor« . En l’installant, votre ancien modèle New Post/New Page apparaîtra à nouveau. C’est ainsi que vous allez réinstaller l’ancienne version de WordPress.

« J’ai créé un article/une page entière sur un seul bloc, et je l’ai supprimé par erreur ».

Oui, je sais. Beaucoup de mauvaises émotions sont venues lorsque vous avez supprimé votre travail de la dernière heure par erreur. Eh bien, WordPress 5.0 vous donne la possibilité d’annuler toute action que vous faites. Disons que vous avez écrit l’article entier en un seul bloc et, par erreur, vous l’avez supprimé. Cela arrive, ne vous inquiétez pas.

Ce que vous devez faire, c’est chercher ce signe dans le coin supérieur gauche de l’éditeur de blocs :

Plus facile encore, il vous suffit d’appuyer sur CTRL+Z, et votre bloc perdu sera restauré.

Conseils:

Définitions générales :

  • Block – tout élément que vous utilisez pour construire votre contenu.
  • TinyMCE editor – l' »ancien » éditeur de WordPress.
  • Settings toolbar – la barre latérale où vous pouvez configurer les détails des articles/blocs.
  • Block Navigation – un coup d’œil rapide à tous les blocs de votre poste.
  • Visual Editor – l’éditeur WYSIWYG par défaut.
  • Code Editor – vous permet de travailler avec le HTML et le formatage des blocs.
  • Unified toolbar – attache la barre d’outils de formatage en haut de l’éditeur.
  • Spotlight Mode – fait disparaître tous les blocs sauf le bloc actif.

Conseils généraux:

  • Insérez des blocs avec l’icône +.
  • Chaque paragraphe est un bloc séparé
  • Blocs à changement rapide avec / pour gagner du temps
  • Déplacez les blocs par glisser-déposer ou à l’aide des flèches.
  • Vérifiez les blocs supplémentaires de vos plugins
  • Configurer les options globales dans la barre latérale du document
  • Configurer des blocs individuels dans la barre latérale des blocs
  • Glisser les fichiers images dans Gutenberg depuis votre bureau
  • Apprenez les raccourcis clavier pour gagner du temps
  • Cliquez sur l’icône Information pour afficher le nombre de mots
  • Gutenberg sauvegarde automatiquement votre brouillon
  • Créer des modèles de blocs réutilisables pour gagner du temps

Lorsque vous ajoutez un nouveau contenu ou modifiez un ancien, activez le mode « Spotlight ». Au lieu d’afficher tous les blocs, vous vous concentrerez sur un seul bloc à la fois…

Conseils de Gutenberg:

Raccourcis clavier « Bebo » de WordPress 5.0 dans Gutenberg

Bloquer les raccourcis
  • Dupliquer le bloc sélectionné – Ctrl + Shift + D
  • Supprimer le bloc sélectionné – Shift + Alt + Z
  • Insérer un nouveau bloc (avant) – Ctrl + Alt + T
  • Insérer un nouveau bloc (après) – Ctrl + Alt + Y
  • Modifier le type de bloc – / + "Nom du bloc"
  •  
Raccourcis de mise en forme du texte
  • Sélectionner tout le contenu du bloc – Ctrl + A
  • Sélectionnez tout le contenu du message– Ctrl + A x2
  • Effacer la sélection – Esc
  • Insérer un lien– Ctrl + K
  • Gras – Ctrl + B
  • Italiques– Ctrl + I
  • Souligner – Ctrl + U
  • Barré – Shift + Alt + D
  • Police monospace – Shift + Alt + X
Raccourcis de l’interface de l’éditeur
  • Sauvegarder le projet – Ctrl + S
  • Afficher/masquer la barre d’outils des paramètres – Ctrl + Shift + ,
  • Passer de l’éditeur visuel à l’éditeur HTML – Ctrl + Shift + Alt +M
  • Annuler les dernières modifications – Ctrl + Z
  • Refaire la dernière annulation – Ctrl + Shift + Z
  • Ouvrir le menu de navigation du bloc – Shift + Alt + O
  • Passer à la partie suivante de l’éditeur – Ctrl + 'OR Shift + Alt + N
  • Passer à la partie précédente de l’éditeur– Ctrl + Shift + ' OR Shift + Alt + P
  • Déplacement vers la barre d’outils la plus proche – Alt + F10
Comment modifier le HTML brut

Utilisez le raccourci clavier Ctrl + Shift + Alt + M pour modifier l’intégralité du message.

OU

Cliquez sur l’icône des trois points et sélectionnez Edit as HTML pour modifier un bloc individuel.

OU

Insérer un bloc HTML personnalisé pour ajouter du HTML en un seul bloc

Blocs disponibles par défaut

Blocs de contenu de base

  • Paragraphe – texte ordinaire
  • Image
  • Intitulé
  • Galerie
  • Liste
  • Citation
  • Audio
  • Image de couverture
  • Fichier
  • Vidéo
  • Bouton
Blocs de formatage
  • Classique – éditeur TinyMCE
  • Code – Afficher le code
  • HTML personnalisé – Insertion HTML
  • Préformaté
  • Pullquote
  • Tableau
  • Verse – pour la poésie
Blocs de mise en page
  • Colonnes
  • Plus de
  • Saut de page
  • Séparateur
  • Entretoise
  • Médias et textes – côte à côte
Blocs de widgets
  • Archives
  • Catégories
  • Derniers commentaires
  • Derniers messages
Embarquer des blocs

YouTube
Twitter
Facebook
Instagram
Vimeo
Imgur
Tumblr
SoundCloud
Flickr
Spotify
Animoto
Cloudup
CollegeHumor
Dailymotion
Funny or Die
Hulu
Issuu
Kickstarter
Meetup.com
Mixcloud
Photobucket
Polldaddy
Reddit
ReverbNation
Screencast
Scribs
Slideshare
SmugMug
Speaker Deck
TED
VideoPress
WordPress.TV
WordPress.com

Le site web s’est cassé après la mise à jour 5.0 de WordPress

Si votre site web ne fonctionne pas normalement après la mise à jour vers WordPress 5.0, je peux peut-être vous aider. Veuillez me faire part de votre problème et je ferai de mon mieux pour vous aider.

Contactez moi

 

Article précédent
[Le guide ultime] Les 6 meilleurs backlinks forts Do-Follow et No-Follow gratuits – novembre 2018.
Article suivant
LiteSpeed WordPress Cache – Un coup de pouce pour la vitesse de votre site WordPress
Lusi StudiosLusi Studios
15:32 22 Jun 22
Andrei did an amazing job! He helped in a very rushed time and he excelled at everything. Thanks again!
I am grateful and I would to thank Websites Seller for their support in site recovery and site transfer. Websites Seller just saved my business. Thank you!
Wouter GhysensWouter Ghysens
11:52 10 Sep 21
Looking for a Wordpress transfer from site A to site B, I found back Andrei from Wesites Seller on Google.He was very proactive in his approach, came with hundreds of ideas and lifetime experiences from other migrations. He knows the wordpress, the hosting and php database as the back of his pocket.And we worked out this migration very smooth. Together we solved it, and myself and my business are very pleased with his approach.100% recommendation & kudo's from out of Belgium!
Ioachim CiobanuIoachim Ciobanu
18:39 14 Jul 21
Websites Seller built my resume site. Deliverables were quickly completed, and I was asked for my feedback at each stage of development. All feedback I gave was implemented in a short time.Another great thing is that he comes with smart solutions, regarding stuff which I didn't initially think of (site security, Google site speed optimization and so on). Basically, he was great, staying in touch, keeping me updated and paid attention to what was most important for my site.Overall, I am very happy with the work done. I highly recommend this developer!
K CollinsK Collins
09:11 19 May 21
I needed help with website speed - to improve my core web vitals - without compromising the usability of my site. Andrei was extremely responsive, proactive and fast. And more importantly, he increased by website speed. Highly recommend him, and I will be using him going forward on all my projects.
js_loader

Services

WordPress Website Maintenance Services

Services de maintenance WordPress

Service de maintenance de sites Web WordPress qui fournit des sauvegardes en nuage, une assistance d’urgence, des mises à jour hebdomadaires du site Web, la vitesse et bien d’autres choses encore.

sally

Service de migration WordPress

Transférez en toute sécurité votre site Web WordPress vers un nouvel emplacement pour 75 $. … Migrez votre site Web vers son nouvel hôte.

lawyer-office

Conception de sites Web pour avocats

Nous sommes spécialisés dans la conception de sites Web, le marketing Internet et le référencement pour les avocats et les juristes en Europe et aux États-Unis.