{"id":913,"date":"2018-12-23T18:20:04","date_gmt":"2018-12-23T17:20:04","guid":{"rendered":"http:\/\/geektature.freeboxos.fr\/wordpress\/?p=913"},"modified":"2018-12-22T18:30:18","modified_gmt":"2018-12-22T17:30:18","slug":"bienvenue-dans-lediteur-gutenberg","status":"publish","type":"post","link":"http:\/\/geektature.synology.me\/wordpress\/2018\/12\/23\/bienvenue-dans-lediteur-gutenberg\/","title":{"rendered":"Bienvenue dans l\u2019\u00e9diteur Gutenberg"},"content":{"rendered":"\n

\u00c0 propos de montagnes & d\u2019imprimerie<\/p><\/div>\n\n\n\n

Le but de ce nouvel \u00e9diteur est de rendre l\u2019ajout de contenus riches simple et ludique. Cette publication toute enti\u00e8re est compos\u00e9e de morceaux de contenus<\/em> \u2013 un peu comme des briques Lego \u2013 que vous pouvez d\u00e9placer et avec lesquels vous pouvez interagir. D\u00e9placez votre curseur un peu partout et vous verrez les diff\u00e9rents blocs se mettre en \u00e9vidence. Appuyez sur les fl\u00e8ches pour repositionner rapidement les blocs, sans crainte de perdre des choses dans l\u2019action de copier et coller.<\/p>\n\n\n\n

Ce que vous lisez actuellement est un bloc paragraphe<\/strong>, le bloc le plus basique de tous. Le bloc paragraphe poss\u00e8de ses propres commandes lui permettant d\u2019\u00eatre d\u00e9plac\u00e9 librement au sein de la publication.<\/p>\n\n\n\n

\u2026comme celui-ci, qui est align\u00e9 \u00e0 droite.<\/p>\n\n\n\n

Les niveaux de titres sont aussi des blocs sp\u00e9cifiques. Cela aide a organiser et mettre en valeur votre contenu.<\/p>\n\n\n\n

Une image vaut mille mots<\/h2>\n\n\n\n

La prise en charge des images et des m\u00e9dias est un des objectifs principaux du nouvel \u00e9diteur. Nous esp\u00e9rons que vous d\u00e9couvrirez les avantages de l\u2019ajout de l\u00e9gendes, de passer vos images en mode pleine largeur et de toute autre manipulation. De fa\u00e7on plus simple et robuste qu\u2019auparavant.<\/p>\n\n\n\n

\"Beau
Si votre th\u00e8me le prend en charge, vous verrez le bouton \u00ab Large \u00bb dans la barre d\u2019outils de l\u2019image. Essayez.<\/figcaption><\/figure><\/div>\n\n\n\n

Essayez de s\u00e9lectionner, de supprimer ou de modifier la l\u00e9gende. Maintenant vous n\u2019avez plus besoin d\u2019\u00e9viter de s\u00e9lectionner l\u2019image ou d\u2019autres textes par erreur et de g\u00e2cher la mise en page.<\/p>\n\n\n\n

L\u2019outil d\u2019insertion<\/em><\/h2>\n\n\n\n

Rendez-vous compte de ce que WordPress vous permet de faire rapidement et \u00e0 partir d\u2019une seule et m\u00eame interface. Inutile de vous emb\u00eater avec des balises HTML, des classes ou des codes courts \u00e0 la syntaxe compliqu\u00e9e. C\u2019est l\u2019esprit qui anime l\u2019\u00e9diteur \u2013 voir le bouton (+)<\/code> dans l\u2019\u00e9diteur \u2013 qui vous permet de parcourir tous les blocs de contenu disponibles pour les ajouter \u00e0 vos publications. Les extensions et les th\u00e8mes sont capables d\u2019ajouter leurs propres blocs, ce qui ouvre la voie \u00e0 toutes sortes de possibilit\u00e9s.<\/p>\n\n\n\n

Essayez-donc, vous pourrez d\u00e9couvrir des choses que WordPress peut ajouter dans vos publications que vous ne soup\u00e7onniez pas. Voici une liste non exhaustive de ce que vous allez trouver :<\/p>\n\n\n\n

  • Texte & Titres<\/li>
  • Images & Vid\u00e9os<\/li>
  • Galeries<\/li>
  • Contenus embarqu\u00e9s, depuis YouTube, Twitter, ou d\u2019autres publications WordPress.<\/li>
  • Blocs de mise en page, bouton \u00ab J\u2019aime \u00bb, banni\u00e8res, s\u00e9parateurs, etc.<\/li>
  • Et des listes<\/em> comme celle-ci bien entendu \ud83d\ude42<\/li><\/ul>\n\n\n\n
    \n\n\n\n

    Mode visuel<\/h2>\n\n\n\n

    Un grand avantage des blocs r\u00e9side dans le fait que vous pouvez les modifier en direct et ainsi manipuler votre contenu en direct. Au lieu d\u2019avoir des champs pour \u00e9diter ne serait-ce que l\u2019auteur d\u2019une citation, ou le texte d\u2019un bouton, vous pouvez changer ces contenus directement. Essayez de modifier la citation suivante :<\/p>\n\n\n\n

    L\u2019\u00e9diteur s\u2019efforcera de cr\u00e9er une nouvelle exp\u00e9rience de construction des publications qui rendra plus simple l\u2019\u00e9criture de publications enrichies. Les blocs rendront simple ce qui n\u00e9cessite aujourd\u2019hui des codes courts, du HTML personnalis\u00e9 et autres manipulations myst\u00e9rieuses.<\/p>Matt Mullenweg, 2017<\/cite><\/blockquote>\n\n\n\n

    L\u2019information correspondant \u00e0 la source de la citation est un champ texte s\u00e9par\u00e9, similaire aux l\u00e9gendes sous les images. Ainsi la structure de la citation est prot\u00e9g\u00e9e m\u00eame si vous s\u00e9lectionnez, modifiez ou retirez la source. Il est toujours possible de la remettre en place rapidement.<\/p>\n\n\n\n

    Les blocs peuvent \u00eatre utilis\u00e9 pour tout ce que vous voulez. Par exemple, vous pourriez ajouter une citation en regard de votre texte, ou alors afficher une \u00e9norme citation. Toutes ces options sont disponibles dans l\u2019outil d\u2019insertion.<\/p>\n\n\n\n

    • \"\"<\/figure><\/li>
    • \"\"<\/figure><\/li>
    • \"\"<\/figure><\/li>
    • \"\"<\/figure><\/li>
    • \"\"<\/figure><\/li>
    • \"\"<\/figure><\/li><\/ul>\n\n\n\n

      Vous pouvez changer le nombre de colonnes de vos galeries en faisant glisser la barre dans l\u2019inspecteur de blocs de la colonne lat\u00e9rale.<\/p>\n\n\n\n

      M\u00e9dia enrichi<\/h2>\n\n\n\n

      Si vous combinez les nouveaux alignements large<\/strong> et pleine largeur<\/strong> avec des galeries, vous pouvez cr\u00e9er des mises en page enrichies tr\u00e8s rapidement :<\/p>\n\n\n\n

      \"L\u2019accessibilit\u00e9<\/figure>\n\n\n\n

      Bien s\u00fbr, l\u2019image pleine largeur peut \u00eatre assez imposante. Mais parfois l\u2019image peut en valoir la peine.<\/p>\n\n\n\n

      • \"\"<\/figure><\/li>
      • \"\"<\/figure><\/li><\/ul>\n\n\n\n

        Ci-dessus, une galerie avec seulement deux images. C\u2019est une m\u00e9thode simple pour cr\u00e9er des mises en page attractives, sans avoir \u00e0 faire flotter les images l\u2019une contre l\u2019autre. Vous pouvez aussi convertir la galerie vers des images individuelles, en utilisant le basculement d\u2019un type de bloc \u00e0 un autre.<\/p>\n\n\n\n

        Tous les blocs proposent ce choix d\u2019alignement. Le bloc de contenu embarqu\u00e9 le propose aussi, et cela est nativement responsive :<\/p>\n\n\n\n

        \n