Maîtriser l'éditeur de Gutenberg

1. Promo Gutenberg: Eh bien, bonjour et bienvenue à ce cours très spécial sur la façon d'utiliser le livre guten. Quelle presse ? Un peu. Je m'appelle Alex, un singe, et je serai votre instructeur maintenant. Gutenberg était un éditeur qui a été libéré. Feu. Quelle presse ? Fin de l'année dernière. 2018. Et il était destiné à remplacer l'Ed classique. Je saurai très bien que depuis qu'il est sorti, Rosenberg a eu beaucoup de haine. Beaucoup de gens qui n'aiment pas l'éditeur, ils ont préféré le vieux classique peu et toute équité par rapport à, ou l'humide comment cette page constructeurs comme un manteau construire. Gutenberg est certainement en ferial. Mais à mon humble avis, Gutenberg est en fait meilleur que l'ancien classique. Et il sera et ce cours je vais vous montrer exactement ce que vous pouvez faire avec ce nouvel éditeur. C' est ce que cela a introduit. Je vais vous montrer comment vous pouvez travailler avec des blocs de colonnes comment vous pouvez ajouter du contenu et aussi comment vous pouvez enregistrer et renouveler vos blocs encore et encore. Donc, fondamentalement, la fin de ce cours, vous auriez appris comment vous pouvez utiliser Gutenberg pour créer des pages ou des messages sur votre site de porte-monnaie de guerre . Eh bien, j'espère en dirigeant le cours aujourd'hui et j'espère voir un intérieur par. 2. Introduction à l'éditeur Gutenberg: avant de commencer, je dois m'assurer que j'ai l'édition Gutenberg tout activé sur mon site WordPress. Maintenant. Plus tôt, quand je construisais ce site particulier, j'ai installé une prise, ce qui est le classique qu'il va brancher. Et j'ai choisi de désactiver les marchandises et éditeur de livre dire si vous avez fait quelque chose comme ça, alors il est important de juste le processus. Donc je vais faire pour m'assurer que Gutenberg est en fait activiste pour aller dans mes paramètres, aller à la lumière, et ensuite ici, je vais changer le petit par défaut de classique en bloc. Et je peux également décider de permettre aux utilisateurs de basculer n'importe quel outil sur Oui, Donc, quiconque mouille du contenu sur mon site peut-il utiliser l'outil assisté classique ou simplement utiliser les produits et éditeurs de livres ? Je vais faire ça. Alors continuons maintenant et sauvegardons les modifications. Et maintenant, passons à nos pages. Je voudrais éditer une page existante, qui est le bleu, qui est la page à propos. Donc je vais cliquer sur le bloc et tout est bien là et ici est l' éditeur Gutenberg. C' est exactement à quoi ressemble l'éditeur de produits et de livres. Vous avez votre section titre ici et allez également à votre contenu principal. Chaque grand bacon ajouter vos blocs en parlera un peu plus tard. Mais avec la zone de titre en ce moment, vous pouvez choisir de masquer réellement le titre. Donc, si pour une raison quelconque vous ne vouliez pas afficher le texel de votre page opposé à considérer cliquez sur l'oeil juste ici et le titre que nous ne serons plus affichés ici en haut. Lorsque vous cliquez sur le titre de votre lien, vous aussi le panneau apparaissent afin que vous puissiez cliquer sur éditer ici et simplement changer le lien Pima si vous le souhaitez. Ici, à gauche, c'est le bouton déploie, réveiller à des blocs et puis vous avez la possibilité d'annuler vos actions ou tout simplement être faire vos actions. Vous avez votre bloc de structure de contenu qui va jeter un oeil à un peu tard et ensuite nous avons également la navigation de bloc, qui encore une fois, nous commençons à ajouter du contenu, lorsquenous commençons à ajouter du contenu, vous verrez comment vous pouvez faire usage de ce futur. Maintenant, par ici, à droite, vous avez votre bouton d'aperçu, votre bouton de mise à jour. Vous avez cette phrase d'engrenage, qui cache essentiellement tous les paramètres pour cette page particulière de post. Donc, vous cliquez là, vous pouvez afficher tous les paramètres et enfin à l'extrême droite. Vous avez ces trois boutons, qui vous montreront plus d'outils tels que votre éditorial visuel appelé un petit que vous pouvez forcer . Le contenu va jeter un oeil à cette fonctionnalité un peu plus tard, puis sur les paramètres de l'ego. Vous avez accès au document dans son ensemble ou à un contenu bloquant spécifique sur lequel vous travaillez actuellement. Nous y jetterons un coup d'oeil un peu plus tard, mais avec des documents, vous pouvez changer la visibilité de l'auteur des états publics gente. Vous pouvez modifier votre structure de promotion ici. Et comme avec l'éditeur classique, vous pouvez ajouter votre future image ici. Si vous voulez qu'il s'agisse d'une nouvelle fonctionnalité, vous pouvez modifier la phrase de discussion directement ici. Vous pouvez autoriser les commentaires ou choisir de désactiver simplement les commentaires par défaut. Il a obtenu vos attributs de page et enfin, parce que nous avons le classique c'est un plug in installé. Je peux décider de passer à l'orteil aidée classique sont ici. C' est donc juste une introduction très rapide à la plate-forme Gutenberg sautant sur la prochaine vidéo bien, mais ne commencera pas à ajouter du contenu. Teoh à propos de Paige. 3. Ajouter notre bloc vidéo: d' accord. Donc, tel qu'il est en ce moment, c'est ma page à propos. Nous n'avons pas de contenu. Commençons donc par ajouter une vidéo à notre page. Faisons ça. Je vais passer à éditer la page, et ce que je vais faire maintenant c'est que je vais ajouter mon tout premier bloc. Maintenant. Il est très important que vous soyez très attentif à ce que je fais parce que cela peut devenir assez déroutant. Gutenberg n'a pas nécessairement la meilleure mise en page ici en ce moment. Vous pouvez voir que j'ai ce bouton plus. Je peux l'utiliser pour ajouter un bloc. J' ai aussi exactement le même bouton ici aussi. Retour et ajouter. Ah, bloc. Donc, vous pouvez aller dans les deux sens avec ces deux là à droite. Par défaut, vous disposez de trois blocs que vous pouvez ajouter immédiatement peut ajouter une image. Vous pouvez ajouter un titre. Oh, vous pouvez simplement ajouter une galerie, non ? Je vais aller de l'avant et cliquer sur le bouton plus pour ajouter un bloc. Maintenant, ici, vous avez six catégories hors bloc. Vous avez le plus utilisé, qui va fondamentalement changer lorsque vous commencez à construire votre page. Lorsque vous utilisez un certain bloc pour la première fois, il sera ajouté au plus utilisé. Donc, c'est généralement la façon dont les œuvres de catégorie les plus utilisées que vous avez. Les blocs communs disparaissent. Vous avez votre contenu, votre galerie ou l'ancienne vidéo et ainsi de suite. Assez basique, vous avez votre formatage où vous pouvez ajouter votre code personnalisé HTM mail et ainsi de suite. Ensuite, vous avez eu vos mises en page. Le plus important ici serait les colonnes. Vous pouvez ajouter des colonnes et peut-être ajouter trois colonnes, quatre colonnes toujours, puis un vote particulier. Et puis vous avez accès aux widgets. Dépendant de la prise est que vous avez installé. Vous pourriez avoir d'autres widgets ici. J' ai les formulaires heureux branchés et volés. C' est pourquoi j'ai accès aux formulaires heureux, un widget. Et enfin, vous avez les embarquements. C' est en fait assez cool. Vous pouvez intégrer à partir de différentes plateformes, des médias sociaux à YouTube en passant par Spotify. Donc, titre d'exemple, vous pourriez cet ensemble pour intégrer une vidéo directement à partir de YouTube retour et cliquez sur YouTube en ce moment , en cliquant là. Maintenant, ici, je vais devoir ajouter le u R l que je voudrais intégrer. Je suis sur YouTube en ce moment. Et j'ai un exemple de vidéo de Sony Pictures de la bande-annonce pour Spider Man, les prochains films de Spiderman. Je vais copier le je vais. Juste ici. Copions ça. Retournons ici. Et maintenant, nous allons coller le u de l et je vais cliquer sur intégrer Maintenant, notez que pas toutes les vidéos de YouTube que vous pouvez intégrer. Je ne suis pas exactement sûr de ce que sont les critères, mais parfois vous pouvez être en mesure d'intégrer certaines vidéos tout le temps, vous pouvez ne pas être en mesure d'intégrer cette vidéo. Alors, ok, cool. Donc nous avons la vidéo, et vous pouvez ajouter une légende pour que je puisse venir ici tout de suite et voir Ah, bande-annonce Spider Man. Euh, d'accord. Je vais aller de l'avant maintenant et mises à jour et allons-y maintenant et prévisualiser la page et voir à quoi cela ressemble. Et Ah, OK, pour que tu ne l'aies pas Vous avez la vidéo. Vous avez votre légende juste là. Permettez-moi de faire quelques changements très rapides. Je vais enlever la barre latérale. Allons avec du contenu. Pas de barres latérales. Refroidissons jusqu'au sommet. Je vais cacher le titre. Mettons à jour maintenant, mes nouvelles mises à jour votre réel Si vous avez une fenêtre réelle qui est ouverte avec votre page jusqu'à ce que l'objet lui-même lui-même automatiquement. C' est pourquoi, pour l'instant, je n'ai pas eu à rafraîchir cette page. Il a été mis à jour, donc cela semble beaucoup mieux. J' aime ça. Cool. C' est ainsi que vous pouvez intégrer à partir de YouTube. Mais que se passe-t-il si vous vouliez intégrer une vidéo directement à partir de la Médiathèque ? Eh bien, c'est simple. On va retourner ici. Non, ce que je vais faire ici, c'est ça. Je veux supprimer ce bloc que je viens de faire. Je peux utiliser le bouton on do pour supprimer d'abord. Euh la légende. Cliquons là-dedans. Maintenant, voyons. Ok, que le capitaine a été retiré. Allons à nouveau annuler. Ok, donc vous l'avez. Le bloc a maintenant été supprimé, vous devrez peut-être cliquer dessus plusieurs fois. D' accord. Pour supprimer le bloc particulier, continuons et ajoutons le bloc vidéo maintenant. Donc je vais cliquer sur le bouton plus ici à nouveau, et je vais faire défiler ici jusqu'à vous où vous avez vos blocs communs, et avec les blocs communs, je vais avoir accès à la vidéo. Mon gars, une lumière ici. Je vais cliquer sur la vidéo. Maintenant. Je vais aller à ma médiathèque parce que j'ai la vidéo ici et c'est celle-ci . Je vais aller de l'avant maintenant et sélectionner cette vidéo maintenant avec le Si vous ajoutez une vidéo directement à partir de la médiathèque en utilisant le bloc vidéo, vous aurez accès à plus d'options. Donc ici, maintenant sur le bloc, nous avons accès à différents paramètres. Nous pouvons décider de lire automatiquement la vidéo. Vous pouvez regarder la vidéo dire s'il vous plaît encore et encore. Vous pouvez également rencontrer la vidéo et vous pouvez choisir d'afficher les commandes de lecture juste pour masquer leurs commandes de lecture à la place. Et puis la pré-charge. Je vais simplement aller avec tout tojust, précharger automatiquement la vidéo, puis vous pouvez choisir une image d'affiche pour votre vidéo et enfin, vous avez accès à la moyenne avancée que vous trouverez dans à peu près chaque bloc. Typiquement ici est que nous pouvons ajouter votre classe CSS spécifique à ce type particulier hors bloc. Ok, donc encore une fois, une légende décorée, je ne vais pas écrire une légende cette fois. Je vais aller de l'avant et mettre à jour ça et voyons notre changement. Allons par ici. Et là, vous l'avez. Nous avons maintenant notre plan vidéo, et vous pouvez voir en ce moment il boucle tous les dividendes. Potentiellement, je pense que peut-être cinq secondes de longueur. Donc, vous pouvez voir en ce moment ils expliquent automatiquement. Ça s'arrêtera, mais on l'a regardé encore et encore. C' est donc exactement comme ça que vous pouvez ajouter un bloc vidéo à votre page de livre de gluten. Merci d'avoir regardé la vidéo, et Jim Inexpressible ajoutera un deuxième bloc. 4. Ajouter une section 2 colonne: Maintenant, regardons comment nous pouvons ajouter plusieurs colonnes à une section avec l'ed Gutenberg. Ce que je vais faire ici, c'est que je vais simplement cliquer sur le bouton plus juste ici , et je vais passer aux éléments de mise en page, et je vais ajouter des colonnes. Très bien, donc par défaut, vous allez obtenir deux colonnes si vous utilisez deux blocs de colonnes. Mais comment le savez-vous ? Ajoutez trois colonnes pour les colonnes. Eh bien, vous devrez cliquer sur le clic droit sur les six boutons juste là et maintenant vous aurez accès à la phrase pour le bloc de colonnes. Et ici, vous pouvez maintenant augmenter le nombre de blocs que vous voulez, et, ah, le maximum est de six. Tu ne peux pas aller sur six. Mais en toute honnêteté, je ne pense pas que vous auriez jamais besoin de six colonnes dans notre section particulière avertie. Donc je vais revenir à deux colonnes, ai connu pour trois ou quatre, et j'aime ça. Donc, pour la toute première colonne ici, vous aurez le bas de l'OLP à sa droite, où vous pouvez ajouter le contenu particulier de la toute première colonne, puis pour la deuxième colonne, vous avez le bouton plus là aussi. Donc, pour le premier 1, allons y aller et ajouter une image. Et je vais aller à ma bibliothèque immédiate et voyons, je vais aller de l'avant et ajouter Batman. Ouais, utilisons Batman comme image. Donc, avec un bloc d'image, vous pouvez ajouter un texte alternatif, ce qui est PDG reconnaissant. Je vais dire que Batman sera mon ancien texte. Je peux changer votre image, signe les dimensions de l'image. Et vous pouvez également ajouter les liens ici aujourd'hui. Vous voulez lier l'image à Ah, pour la seconde. Je vais juste aller de l'avant et coller du texte ici et pour la taille amusante. Je vais y aller avec 25 pixels. Allons de l'avant et mettons à jour ceci et voyons à quoi cela ressemble. Allons-y et ah, ok, ok, ce n'est pas trop mal en fait. Oui, j'aime ça maintenant. Vous pouvez réellement choisir de changer la taille de votre image en cliquant sur l'image, puis vous verrez les cercles bleus sur la droite, puis en bas, pris simple, pris simple, il suffit de cliquer et les anges glisser et rendre l'image aussi grande ou aussi petite comme vous le souhaitez, puis ils veulent revenir aux dimensions d'origine. Il suffit de cliquer sur le bouton de réinitialisation ici, et tout reviendra à sa taille d'origine. C' est donc exactement comme ça que vous pouvez ajouter des colonnes et ajouter des médias en particulier des images avec le livre Goodson. Lisez tout. Merci d'avoir regardé et je vous verrai dans la prochaine classe. 5. Ajouter un bloc de couverture: déjà. Donc, la page se déplace très bien. Avec ajouté sur la vidéo, nous avons une tête sur. On a un texto. Maintenant, avant de commencer à vous montrer comment vous pouvez manipuler des blocs et des colonnes, continuons et ajoutons un autre morceau de contenu. Et ça va être le bloc de cova. Donc ici et je vais cliquer sur le bouton plus. D' accord ? Et regardons le bloc cova. Il devrait être sur les pâtés de maisons. Et pourtant, tu y vas. C' est la couverture. Je vais y aller et ajouter la couverture. Donc ce que je vais faire, c'est que je vais choisir une image que je peux utiliser pour Mike. Je vais cliquer sur moi sur la bibliothèque et j'ai cette image très futuriste qui ressemble une sorte de guerre sûre qui a lieu. Je vais utiliser cette image que je vais cliquer sur sélectionner. Donc nous avons l'image, et puis je peux ajouter du texte qui ont vraiment copié précédemment je vais coller ce texte juste là. Maintenant, la seule chose ennuyante à propos de ce bloc particulier est le fait que vous ne pouvez pas étendre Ah, l'ensemble avec votre texte que vous pouvez. Vous pouvez décider d'aller tout le chemin vers la gauche en ligne vers la gauche. Mais alors vous pouvez choisir d'étirer le réel avec de vos coffres Texas, l'image entière. Vous ne pouvez pas le faire donc vous ne pouvez choisir que les éléments, quel genre de craint. Mais, hé, qu'est-ce que tu vas faire ? Je vais rester avec l'alignement central maintenant, tout ici parce qu'on travaille avec la couverture. Notre bloc nous avons accès à de nouveaux paramètres sont que nous pouvons aller avec un fond fixe, que je vais choisir. Donc, ce qui se passe en ce moment est quand vous commencez à faire défiler l'image réelle elle-même ne sera pas l'école vers le bas. Ah, avec toi, l'image restera là. Statiquement. C' est ce que fait l'arrière-plan fixe. Vous pouvez ajouter votre couleur de superposition pour que vous puissiez y aller, disons, ah, je vais y aller. Peut-être avec du noir comme du noir, c'est le CBO. Et puis vous pouvez choisir l'opacité, faire comme vraiment sombre. Ou peut-être pas trop sombre. Allons jusqu'à 60 peut-être et faire 65. Ouais, je pense que puisque le premier devrait être juste à peu près léger, et, euh, bien sûr, vous avez accès à l'onglet avancé, vous pouvez ajouter. Tu cesseras la classe. Allons de l'avant et mettons à jour ceci et voyons. Ah, voyons à quoi ça ressemble. Qu' est-ce qui vient ici ? Allons vers le bas. Eh bien, regarde ça. Il ne s'est pas actualisé automatiquement. Je ne suis pas sûr de ce qui s'est passé là-bas. Regarde quel était le problème. Rafraîchissez manuellement nous-mêmes. Et ah, que se passe-t-il ? Retournons ici. Il semble que cela n'a pas été mis à jour pour une raison quelconque. Ok, Maintenant, il semble construire des dates. Et nous allons juste faire ces dates et Ok, donc maintenant il devrait être mis à jour. Laissez-le venir ici et faire un bon rafraîchissement. Allons vers le bas et OK. D' accord. Alors, voilà. Faisons encore ça. Il a fallu un certain temps pour l'image au Seigneur. Je pense que c'est un peu lourd. Allons vers le bas. Et, euh d'accord. Eh bien, pas trop mal. Bien que ce soit un peu pour Doc, ce que je vais faire, c'est que je vais changer le trop On va descendre à 50. Je pense que c'est mieux. Mettons à jour à nouveau et revenons ici. Allons faire Ah, rafraichir dur. Et OK, donc ça a l'air beaucoup mieux maintenant, mais je peux voir. C' est ainsi que vous pouvez ajouter votre couverture avec une image statique et du texte qui défilera vers le bas ou vers le haut avec vous. Alors c'est tout. Merci beaucoup pour regarder la vidéo allemande Avonex Video Bell va maintenant commencer à beaucoup gens manger les blocs qui ont actuellement ajouté Je vais vous voir alors. 6. Ajouter des en-têtes et des blocs de texte: tout droit est dans une vidéo précédente est ajouté avec succès, Ah, Ah, vidéo avec l'orteil du projet. Mais maintenant, nous allons aller de l'avant et ajouter un Hedda et un texte si j'ai couvert un texte déjà à partir des limites sur le site Générer Ole. Si vous avez du texte réel, vous êtes les bienvenus pour utiliser votre texte réel. Je vais aller à la page d'édition et voici exactement ce que je vais faire. Donc maintenant, juste en dessous du bloc vidéo lui-même, je vais aller ici et vous pouvez voir maintenant que j'ai accès à la tête et bloque juste là. Je vais cliquer sur la tête, et maintenant je vais taper. Les mots sont les bienvenus, Teoh. Le Cava CTA va bien maintenant parce que c'est une tête et un bloc. Les paramètres sur le bloc ici ont maintenant changé ici. Nous pouvons maintenant ajouter le niveau. On y va avec un H ? Et H 2 sera 2 h 2. Je peux changer les alignements pour le faire aller au centre. Et puis, comme avec le bloc vidéo, vous avez votre habitude avancée. Vous pouvez ajouter la classe de votre sœur mais avec un en-tête, vous pouvez ajouter votre équipe mal cheville si vous le vouliez. Ici, juste au-dessus de la tête et se bloque. Vous avez accès à quelques fonctionnalités supplémentaires. Vous pouvez rendre le texte en gras, ce que nous ferons en fait. Rendons les choses audacieuses. Ça pourrait en faire un talic. Vous pouvez ajouter un lien, puis vous pouvez également faire votre grève si vous le souhaitez. Et maintenant, ici, vous avez accès à plus d'options que vous pouvez cliquer là-dedans. Et cela vous donnera accès à d'autres choses que vous pouvez faire avec ce bloc de particules . Nous y jetterons un coup d'oeil un peu plus tard. Très bien, donc on a les personnages du film qui se dirigent vers Great. Et pour une raison quelconque, personnages ont été mis en évidence dans Red Wise est mis en évidence en rouge, hein ? Corrigez car c'est comme ça que vous épelez des caractères, n'est-ce pas ? Je ne sais pas. Je ne sais pas pourquoi c'est en ligne au milieu de toute façon, je vais ignorer ça. On va ajouter du texte maintenant, juste en dessous de l'accueil au cactus du film. Donc, par défaut, je n'ai même pas besoin d'ajouter un bloc, et je peux juste cliquer à l'intérieur juste là. Vous pouvez simplement cliquer à l'intérieur et ils peuvent taper du texte si je le voulais. Tout ce que je peux juste aller de l'avant maintenant et coller qui prend que j'ai déjà copié précédemment. Donc, c'est comme ça que fonctionne Gutenberg. Lorsque vous voulez ajouter des paragraphes ou du texte, vous n'avez pas besoin d'y aller. Ajouter un bloc de paragraphe. Vous pouvez simplement taper sous le bloc du peuple sur lequel vous avez marché et coller tout ce que vous vouliez marcher avec. Bon, donc c'est notre texte. Et comme il s'agit d'un bloc de paragraphe, nous avons accès à de nouveaux paramètres. En ce moment, on peut changer la taille du téléphone par rapport à la normale. On peut aller avec ah medium, ce qui le rendrait un peu plus grand. Et puis ici, vous pouvez changer la taille réelle de la police elle-même. Vous pouvez ajouter une casquette, ce que je vais faire comme le capital de chute. Ajoutez cela de sorte que c'est pour les sections de texte. Nous avons accès à l'appel des paramètres, ou vous pouvez le modifier à nouveau sur Kahlo, ou peut-être même changer la couleur du texte. Et encore une fois, vous avez accès à votre bloc avancé où vous pouvez ajouter une classe CSS spécifiquement pour votre paragraphe. Je vais aller de l'avant et mettre à jour ceci et voyons à quoi ressemble. Refroidissons ici et là vous l'avez. Bienvenue dans les personnages du film. Et puis on a notre texto. Et puis on a la grosse casquette. C' est ainsi que vous pouvez avoir des en-têtes et du texte sur votre bonne page de livre. Si vous avez des questions sur ce que nous ne faisons pas jusqu'ici, s'il vous plaît contactez-moi. Merci, Lucky video. Et bien sûr, je te verrai dans la prochaine classe. 7. Ajouter la galerie des médias: allons de l'avant et ajoutons un bloc de plus, qui serait notre tribune. Mais avant de le faire, j'ai oublié de mentionner une chose dans la vidéo des gens, et c'est changer le avec de vos colonnes individuelles. Eh bien, bien , mais a affirmé que vous devriez être en mesure de changer l'avec en cliquant simplement et puis dragon les bords de la colonne. Mais ça ne marche pas. Après Edison Krumov a échangé sur Firefox, cela ne fonctionne pas. Donc, au moment où vos colonnes vont avoir exactement la même chose avec vous ne pouvez pas faire une colonne plus grande que l'ordre. J' espère qu'ils vont changer ça quelques semaines, donc je veux juste te le dire, accord. Allons de l'avant et ajouter la galerie. Et je veux que vous soyez très prudent chaque fois que vous ajoutez du sang, car il est très facile de venir ici et vous verrez le bouton plus main droite, puis puis puis cliquez sur le bouton Fermer pour ajouter une galerie. Cependant, si vous le faites de cette façon, vos galeries tomberont sur cette section contenant l'image de Batman et ensuite le paragraphe sur le blanc, vous pouvez voir le bleu sont carrés juste là vous indiquant la zone dans laquelle cette section particulière occupe. Donc, si vous voulez ajouter votre galerie dans une section séparée, vous devez aller à l'école jusqu'ici. Et puis ici, à l'extérieur de cette grande boîte bleue, vous ne pouvez pas cliquer sur le bouton plus puis ajouter votre galerie. Mais d'accord, pour que vous puissiez voir à nouveau. Il est toujours tombé dans cette section principale et je n'aime pas ça. Supprimons ça. Faisons encore ça. Je vais cliquer ici. OK, cliquez sur le bouton plus dans la galerie. Notre affaire. Et maintenant, vous pouvez voir qu'il est maintenant dehors. Il est tombé complètement en dessous de l'image de Batman. Et notre paragraphe Texas up vous dit que la galerie que vous ajoutez en ce moment apparaîtra sur la section précédente contenant l'image Batman et le paragraphe. Alors soyez très prudent à ce sujet. Bon nombre peut être en mesure d'être difficile parfois. Bon, je vais y aller maintenant et cliquer sur ma médiathèque. Et nous allons choisir un endroit calme et dans le Jones déterminé ah t 1000 et une commande. J' ai donc cinq images sur lesquelles je vais cliquer, créer de nouvelles Galati, cliquer sur la place Galerie. Donc, ici en ce moment, avec une galerie, vous pouvez choisir le nombre de colonnes que vous voulez aller avec. La valeur par défaut est trois. J' aime que vous puissiez choisir de recadrer vos images ou non. Je vous recommande de quitter vos images à ce sujet. Bien sûr, ils sont exactement les mêmes avec et la même hauteur. Sinon, je vous conseille. Vous les recadrez pour qu'il soit beaucoup mieux. Et puis vous pouvez lier vos images soit à une page de pièce jointe ou peut-être même à un fichier multimédia, même l'accès à avancé. Jamais. Vous pouvez ajouter votre classe CSS. Allons de l'avant et des dates et ah, jetons un coup d'oeil à ce que nous avons. Allons jusqu'ici. Et tandis que Wow, nous avons ajouté avec succès notre galerie avec guten livre. Merci d'avoir regardé la vidéo. Je te verrai dans le prochain cours. 8. Édition de bloc et maniulation: jusqu' à présent, si bon. Avec ajouté environ quatre blocs différents avec éditer notre tête vidéo dans le paragraphe et maintenant le bloc de couverture. Maintenant, je veux vous montrer comment vous pouvez manipuler les blocs avec lesquels vous avez travaillé. Un petit truc ici est que vous voyez, chaque fois que vous essayez de cliquer à gauche d'un bloc particulier, vous verrez ces six boutons juste ici. Cela vous donnera les ensembles réels pour le bloc particulier que vous marchez avec. Maintenant, par ici, en haut. Ce sont les options disponibles pour ce bloc vidéo particulier. Vous avez vos plus d'options, qui est en fait pour la colonne elle-même va jeter un coup d'oeil à cela dans un instant. Mais ici maintenant, vous pouvez éditer votre vidéo si vous le souhaitez. Et puis ici, vous pouvez changer le avec. Vous pouvez décider d'aller plein avec ou large avec. Je vais aller avec cette fois-ci. Maintenant, vous pouvez voir qu'il a changé. Donc en ce moment, la vidéo va passer le tout avec hors de notre page. Cependant, pas tous les groupes d'idées de livre avec la possibilité d'aller plein avec plus en ce moment si je clique sur la tête. Je n'ai pas l'option d'aller plein avec ma tête dehors. J' ai un clic sur les six boutons pour le bloc de paragraphe. Je n'ai pas non plus la possibilité d'aller plein avec Eve . Avec le paragraphe sont Bloc, cependant, avec le bloc de couverture. Si je clique sur les six boutons ici, je peux aller plein avec, comme vous pouvez le voir. Alors faisons ça. Ont allé plein avec la vidéo et la couverture tous les blocs. Voyons à quoi cela ressemblerait réellement. Maintenant, actualisons cette page et voilà. Et je pense que ça a l'air bien mieux en ce moment quand tu es une vidéo avec comme ça, alors allons-y à l'école. Nous avons donc toujours le titre et le texte tel qu'il est. Mais maintenant notre couverture va plein avec ce qui est en fait assez cool. Donc, c'est comme ça que vous pouvez aller sont pleins avec certains de vos blocs à nouveau. Si vous ne pouvez même pas vouloir aller plein avec vous, n'avez la possibilité d'aller sont larges avec Si vous voulez faire juste faire faire vos sont bloqués aller un peu plus large que la normale. Ok, cool. Génial Revenons pour remonter jusqu'ici. D' accord ? Appelle tout le chemin jusqu'ici. D' accord ? Donc, une autre chose que vous pouvez faire est une fois que vous avez terminé avec la configuration des blocs annulés, vous ne serez plus en mesure d'accéder aux paramètres sur la gauche de celui-ci. Vous serez en mesure d'accepter les paramètres juste là en haut, sorte que vous pouvez maintenant voir que vous avez maintenant accès ici en cliquant simplement sur les six boutons. Et ici, vous pouvez changer. Ah, les réglages. Pour chaque bloc que vous avez, vous aurez accès aux heures de déplacement vers le bas ou vers le haut, ou peut-être même les deux, en fonction de la position de ce bloc particulier sur votre page. Donc, titre d'exemple en ce moment avec le bloc d'en-tête, je peux le déplacer vers le haut, accord. Et puis cela devrait aller juste au-dessus de la vidéo. Et comme vous pouvez le voir, tout ce que je peux simplement le déplacer vers le bas, et il revient à sa position d'origine. C' est donc une façon dont vous pouvez choisir la position de vos blocs. Vous pouvez également cliquer sur les six boutons à droite, un clic et maintenez, puis simplement glisser. Et puis tu devras attendre cette ligne bleue. Vous pouvez voir qu'il définit en ligne bleue qui apparaît qui est la ligne bleue. Cela signifie que si vous relâchez votre souris en ce moment, il apparaîtra juste en dessous du bloc de paragraphe réel. Laisse-moi te montrer. Je vais cliquer sur les six boutons. Essayez de le déplacer vers le haut Attendez que la terre bleue apparaisse juste au-dessus du paragraphe Et voilà , il est apparu que je suis venu une liste et vous y allez. Donc maintenant l'en-tête est de retour à sa position d'origine. C' est ainsi que vous pouvez changer les positions de vos blocs. Maintenant, chaque bloc va vous fournir les jeux d'options plus ici, les trois boutons sur lesquels vous pouvez cliquer dessus. Ce que vous pouvez faire maintenant, c'est que vous pouvez masquer les paramètres de bloc. Vous pouvez aller de l'avant et dupliquer. Vous pouvez cliquer sur les doublons, puis vous aurez exactement le même bloc avec exacts obess in eux juste sur le faire. Retourne à mes trois boutons ici. Vous pouvez choisir d'insérer un bloc juste avant le bloc réel malade et cliquez sur et dit avant et maintenant ici, vous serez en mesure d'ajouter un bloc d'apparaître juste au-dessus du bloc de titre à nouveau. Laissez-moi le faire avec le contrôle Z, cliquez sur mes six boutons ici. Retournez à trois boutons et puis vous avez l'insert après quoi serait juste le contraire où vous pouvez maintenant ajouter un bloc après l'avoir fait actuellement marcher avec et puis vous pouvez éditer comme h T m l. contraire où vous pouvez maintenant ajouter un bloc après l'avoir fait actuellement marcher avec et puis vous pouvez éditer comme h T m l. expérience de travail avec HTML. Vous avez cette option juste là. Et enfin Alan, faites-le ça. Oh, je suis désolé. J' ai l'air de me confondre. Tous les ont permis. Contrôlez Z. OK, revenons ici. Ah, et visuellement. Ok, je m'excuse. Même je suis confus parfois chaque fois que je travaille avec Gutenberg. Donc juste un conseil rapide ici. Si vous avez décidé de passer à éditer comme son Tamoul contrôle apparemment Z Si vous avez essayé d' annuler une marche du milieu correctement, ce que vous voulez faire est simplement revenir en arrière et juste ajouté visuellement. Et donc il suffit d'utiliser les options visuelles d'édition pour revenir à l'édition visuelle. Très bien, Donc enfin, vous avez accès à l'annonce pour les blocs utilisables. C' est très utile. Lorsque vous avez créé, il définit dans coup, quittez le genre de contenu assis et éditez quelque chose de sorte d'ensemble dans tous ceux qui ont utilisé un bloc ailleurs. Vous pouvez entrer ici et choisir simplement ajouter aux blocs utilisables, puis vous pouvez ajouter un nom pour les livres de résultats. Je vais dire tête dans le bloc et je vais aller de l'avant maintenant et sauver ça. Donc, je vais vous montrer plus tard comment nous pouvons réellement utiliser ce bloc réutilisable. Mais c'est comme ça que vous pouvez manipuler nos blocs avec l'option de l'éditeur de livre bon vous comment vous pouvez changer vos positions. Hé, King, but. complète de la façon dont vous pouvez insérer des blocs avant et après et comment vous pouvez enregistrer ou créer un blocs réutilisables. Alors merci d'avoir regardé si vous avez des questions. Je sais que ça peut être un peu confuse la police. Si vous avez des questions sur ce que j'ai fait jusqu'à présent, s'il vous plaît faites le moi savoir. Merci de regarder la vidéo et je vous verrai dans la prochaine classe. 9. Utiliser le bloc réutilisable: ajoutons un dernier morceau de texte, et ce serait un titre, remerciant l'utilisateur d'avoir visité la page à propos de nous. Maintenant rappelez-vous que nous avons déjà créé un bloc réutilisable sur un en-tête, et c'est donc je vais venir ici aux personnages de film. Alors, comment pouvons-nous utiliser exactement ce même bloc ? C' est très facile. Je vais aller jusqu'ici, cliquer sur le bouton plus, et maintenant, et maintenant, parce que nous n'avons pas le moins un bloc réutilisable, vous trouverez une catégorie très spéciale de blocs connus sous le nom de « réutilisables et voilà. Nous avons la tête et le bloc et c'est tout. Bienvenue dans les personnages du film, non ? Je peux cliquer sur les modifications. Je peux venir ici en ce moment et changer le texte en Disons merci et économisez dès maintenant . Il pourrait penser que tout va bien avec ce que je viens de faire. Cependant, si je remonte tout le chemin, jetez un oeil à ce Maintenant. Le livre réutilisable de la toute première semaine a maintenant exactement le même texte. Merci. C' est donc une limitation que vous pourriez trouver avec les blocs réutilisables. Si vous enregistrez un bloc comme réutilisable, et que vous apportez n'importe quelle sorte de changement, ce soit au texte, au contenu, à ce style dans tout ce qui va affecter exactement ce même bloc partout ailleurs sur votre site Web. Fondamentalement, vos changements sont globaux. Alors, comment pouvez-vous réellement utiliser des blocs réutilisables où vous pouvez simplement copier le bloc collé sur un nouvel emplacement et ensuite simplement faire les modifications personnalisées que vous voulez apporter à ce nouveau bloc sans affecter l'ancien ? Eh bien, en fait, c'est assez facile. Peu de secouer exactement comment vous feriez ça. Retournons ici, Caleb, Caleb, éditez ce clic sur les lettres de remerciement. Revenez avec l'original Bienvenue aux personnages du film. Bienvenue à viendra aux personnages du film. Ok, allons-y et sauvegardons ça. Ok, revenons ici. Donc, il est son Bienvenue aux personnages du film ou certains que je vais aller de l'avant et juste enlever ce bloc complètement supprimé bloc. Alors maintenant, comment puis-je réellement faire bon usage du bloc utilisable ? Je vais revenir ici, cliquez sur le bouton plus. Revenons tout le chemin à utilisable. Je vais cliquer sur le même en-tête à nouveau. Donc maintenant, j'ai exactement le même texte accueille les personnages du film. Mais si je veux faire un changement ici et le faire sur Lee à ce bloc particulier, je vais devoir convertir ces blocs réutilisables en un bloc régulier. Et comment je ferais ça ? Sont cliquez sur les trois boutons juste ici et maintenant vous pouvez voir la conversion à Regula Block, mais un clic là Maintenant, il est bloc régulier , et je peux dire , Ah, disons juste merci d'arrêter par. Merci d'être passé. Je ne peux pas aller de l'avant et mettre à jour ma page. Appelons ça. C' est debout et voir et là tu y vas. Nous avons toujours le bloc réutilisable d'origine avec le même texte. Bienvenue dans les personnages du film. Donc, c'est exactement comment vous pouvez faire un bon usage de votre vous voyez des lettres majuscules capables aller sur la page. Eh bien, d' abord de la page et nous allons juste nous assurer que tout a l'air comme il se doit. Merci d'être passé et génial. Voilà, tu y vas. C' est ainsi que vous pouvez utiliser les blocs habituels avec le bon éditeur de livre. Tous 10. Utiliser le bloc espacé: un autre bloc avec lequel je voudrais que nous marchions serait l'espace et le bloc. Maintenant, par défaut. Partez. Il y a un travail assez décent de séparer ou de donner assez d'espace entre les blocs sur votre page. Mais dans certains cas, vous pourriez. Vous voudrez peut-être avoir plus d'espace entre un bloc et un autre. Donc, un exemple. ce moment, je veux plus d'espace entre le bloc de couverture que nous avons ici et dans notre section de deux colonnes . Je voulais être plus coller et je voulais aussi être plus d'espace entre l'article, um, section et notre galerie d'images. Alors, comment peut-on faire ça ? , Heureusement, Gutenberg a un bloc, et c'est connu comme l'espace dans cet endroit et bloc. Donc je vais venir ici juste à l'avis le plus haut que le bouton plus et l'ajout juste ici est celui au centre. Ce n'est pas celui directement au-dessus de l'image de Batman. Ce n'est pas celui directement au-dessus de notre texte. C' est celui au milieu indique dans le oui, ce nouveau livre particulier que je vais ajouter s'étendra sur les deux colonnes. D' accord, très important. Donc je vais cliquer sur Adblock White maintenant, refais ça, Ed Block. Ok, donc ça va être sur le plan. Il y en a. Il est appelé espaceur, en fait, sorte qu'il est appelé espaceur. Je vais cliquer dessus. Et maintenant ici, vous pouvez ajouter votre espace et en pixels élevés. Donc, je vais descendre jusqu'à 50. Je pense que c'est peut-être un peu trop de pixels. Ça semble aller. Ils vont de l'avant maintenant et mises à jour. Revenons, Teoh Page, voyons le nouvel espace. Et là, vous allez beaucoup mieux comme ça. Maintenant, je vais faire exactement la même chose entre deux colonnes et notre galerie d'images. Alors revenons ici. Refroidissons. D' accord ? Une fois de plus, le bouton plus au milieu, je vais cliquer dessus. Et je ne vais pas aller de l'avant et ajouter de l'espaceur, et je vais juste aller avec exactement la même mise à jour 30. Revenons ici tout le chemin en bas. Et voilà. Beaucoup plus d'espace entre la section Sick Lem et notre galerie d'images. C' est ainsi que vous pouvez ajouter l'espacement le plus basé entre vos blocs sur votre page, comme une fortune. Je te verrai dans la prochaine classe 11. Blocs Gutenberg supplémentaires: juste pour vous donner un résumé très rapide sur les blocs que vous avez disponibles avec Gutenberg . Jusqu' à présent, je crois que nous avons utilisé environ neuf ou dix blocs différents tout en construisant notre page à propos. Mais vous avez évidemment accès à beaucoup plus sont difficiles de blocs, donc vous avez accès à des blocs supplémentaires comme le fichier. Vous avez froid liste audio sur le formatage que vous avez Maura Well, vous avez des trucs comme le code, votre pull éditorial classique froid pré formaté. Vous pouvez également ajouter des tables avec Gutenberg, qui je pense est en fait assez génial, parce que vous pouvez le faire avec l'ancien classique Un peu pour l'espace, et vous pouvez ajouter des boutons aussi bien. Vous pouvez ajouter vos sauts de page. Vous pouvez ajouter vos widgets séparés tous, puis. Bien sûr, vous avez accès à vos archives. Laissez-nous poster avec ses commentaires catégories et puis, bien sûr, incorpore. Mais ne faites pas trop usage de ce domaine particulier. Mais vous avez accès à différents types hors APS que vous pouvez intégrer sur votre page avec marchandises et regardez donc je suppose que ce que j'essaie de dire ici est ne vous limitez pas exactement aux mêmes blocs qui ont utilisé dans la création de ma page à propos de moi un lointain l'expérimentation. Essayez de marcher avec les autres blocs que vous avez à votre disposition. Bien sûr, cela dépendra de la nécessité ou non de faire usage de ces blocs particuliers . Donc c'est à peu près tout pour les blocs que le bon Gutenberg nous fournit. Merci beaucoup d'avoir regardé et je verrai dans la prochaine classe. 12. Outils et fonctionnalités supplémentaires Gutenberg: Eh bien, bien, eh bien. Bienvenue dans la toute dernière vidéo du tutoriel Goodson Book. Et ce que je veux faire ici, c'est juste pour vous faire découvrir quelques fonctionnalités supplémentaires que vous pourriez trouver utiles lorsque vous travaillez avec Gutenberg. Donc, ici, écrivain extrême dentée, vous avez trois boutons, vous pouvez cliquer dessus, et c'est un très avec quelques fonctionnalités supplémentaires. Vous avez donc le mode Spotlight, qui vous permet de vous concentrer sur un bloc à la fois. Qu' est-ce que c'est qu'il va simplement griser tous les blocs sur votre page. Et puis si vous décidez de travailler spécifiquement sur un bloc particulier, nous allons si exemple, l'image Bettmann. Maintenant, vous pouvez voir les images des mauvais hommes. Il n'est plus grisé, ce qui signifie que je marche essentiellement sur Lee sur ce bloc particulier, tandis que tous les autres blocs restent sont super dehors. Donc je suppose que c'est le meilleur usage. Ça vous permet juste de connaître un péage. Les temps sont sur quel bloc particulier vous marchez sur, donc il est un peu utile en fait. Retournons ici. Allons éteindre le mode Spotlight. Vous avez également accès au mode plein écran, qui est fondamentalement un peu comme un éditeur de page de téléphone à ce stade. Donc, vous ne verrez plus la presse de guerre fin. Vous pouvez juste faire des changements ici. Et c'est comme si tu marchais sur ton éditeur de page de téléphone. C' est un peu comme son utilisation principale. Permettez-moi de redonner le ton à la vue originale. Alors, rédacteur en chef, rédacteur en chef, vous avez votre aide visuelle 12. Mais nous avons aussi votre éditeur de cordon. Et puis vous avez la gestion de tous les blocs réutilisables en cliquant ici. Voyons ce que ça fait. Cela nous mènera à une page spéciale où nous pouvons gérer tous les blocs réutilisables ont créés, donc dans a un exemple en ce moment. J' ai la tête dans le bloc. Donc, je peux simplement aller de l'avant maintenant et éditer le bloc et venir ici et faire ma modification. Et ce serait ça. Maintenant, vous pouvez également exporter et importer vos blocs de Morn Gutin éditeur de livre vers l'autre. Donc, dans ce cas, votre juste exportation comme votre Jason, vous obtenez le fichier, vous allez sur le nouveau site et ensuite vous importez simplement le Jason pour vous avez créé à partir de votre tout premier site Web. C' est ainsi que vous pouvez exporter et importer des blocs. Maintenant, au moment de l'enregistrement de cette vidéo particulière, qui est en fait le 1er février 2000 et 19 Si je clique sur ajouter un nouveau bloc avec Gutenberg , tout ce que je reçois est un écran de lumière vierge. Donc, je crois que c'est une sorte de bug qui se passe actuellement. Donc j'espère qu'au moment où tu regarderas cette vidéo, peut-être qu'ils ont résolu le problème. Je ne sais pas. Je l'espère. Mais gardons les doigts croisés en revenant à une page. Si je retourne en arrière. Des outils de Teoh. Vous avez également le bouton d'options où vous pouvez choisir d'afficher ou de masquer les types de paramètres d'entités sur votre page. Et enfin, vous avez sur votre bouton d'œil ici, ce qui est un peu comme votre structure de contenu. Vous cliquez là et cela vous indiquera exactement comment votre contenu est présenté. Combien de mots vous avez des en-têtes, des paragraphes et des blocs. Ceci est en fait très, très utile pour S e. O, surtout lorsque vous essayez d'optimiser votre contenu afin que cela puisse être très, très utile. Et puis vous avez aussi votre navigation de bloc où vous pouvez très rapidement sauter un bloc de particules sur lequel vous vouliez marcher. Donc, dans ce cas, par exemple, en ce moment, je pourrais cliquer sur les colonnes et cela me conduira directement à nos colonnes, bloquer le travail et maintenant le fait et éditer. C' est donc très utile. Surtout quand vous marchez avec des pages qui ont beaucoup de blocs. Mettez-les fin de sorte que c'est fondamentalement plein. Gutenberg. Merci beaucoup d'avoir regardé. Et si vous avez des questions, bien sûr. Tu me le fais savoir ? Et je le verrai dans la toute prochaine vidéo. 13. Conclusion Gutenberg: Eh bien, vous l'avez là. Nous sommes arrivés à la fin de cette clôture spéciale sur la façon d'utiliser un peu le livre guten. Comme vous pouvez le voir en ce moment. Ce n'est pas aussi mauvais que beaucoup de gens le disent. C' est certainement une tombe inférieure ou une construction de page établie. Plug ins comme un homme parler avec buildup, mais il fournit certainement beaucoup plus de fonctionnalités que l'ancien éditeur classique. Donc, j'espère sincèrement et croire que vous avez maintenant acquis les compétences nécessaires utilisé livre Goodson pour construire Vos pages sont opposées sur votre WordPress. Worksite a été un plaisir ou vous enseigner ce cours et l'a apprécié. S' il vous plaît laissez un commentaire. Ça m'aiderait beaucoup. Merci beaucoup. Je m'appelle Alex de plaisir. Et je te verrai la prochaine fois. Au revoir.