Transcription
1. Vidéo d'introduction Gutenberg: Bonjour et bienvenue dans mon cours dans lequel je vais vous
apprendre comment vous pouvez utiliser l'éditeur WordPress Gutenberg pour
créer les pages et les
publications de votre site Web. éditeur de blocs Gutenberg simplifie et
facilite création et le formatage des pages
à l'
aide du système de blocs. Dans ce cours, vous apprendrez toutes les principales fonctionnalités
que vous devez utiliser lors de la création de
pages sur WordPress sans utiliser de créateur de pages
distinct. Nous allons apprendre comment
insérer différents blocs disponibles dans l'éditeur Gutenberg et comment
personnaliser ces blocs. Alors restez à l'écoute. Lors de la prochaine conférence, je vais vous donner un bref aperçu de l'interface de l'éditeur
Gutenberg.
2. Aperçu des interactions Gutenberg: Maintenant, nous allons commencer quand l'éditeur de blocs Gutenberg. La première chose que
nous allons faire est
d'avoir un bref aperçu de l'interface
Gutenberg. Dans le coin supérieur gauche, nous avons cette icône à perche
et largeur plus. Ce fardeau consiste à ajouter des
blocs à l'intérieur de notre site Web. En cliquant sur cette icône, nous pouvons voir tous
les blocs disponibles. Et aussi les anciens combattants qui sont modèles
préconstruits
donnés par Gutenberg. Ces modèles sont également
créés à l'aide de ces blocs. Ensuite, nous avons la
possibilité de basculer entre le mode objet
et le mode de sélection. Le mode de sélection est très
utile lorsque nous voulons simplement sélectionner un élément et le
déplacer ou le repositionner. Ensuite, nous avons la possibilité
d'annuler et de rétablir. Nous pouvons voir ici que
votre queue de pH signifie combien de caractères, de
mots, d'en-têtes paragraphes
ou de
blocs sont inclus dans la page ainsi que le contour du
document de la page. Il s'agit maintenant de la vue de liste, qui est très importante dans
notre éditeur Gutenberg. Ici, nous pouvons voir la
structure complète de nos blocs. Et aussi la séquence est actuellement que nous
n'avons qu'un seul bloc ajouté, c'
est-à-dire un bloc de paragraphes. Il ne montre donc qu'un seul bloc. Dans les prochaines conférences, nous
allons ajouter d'autres blocs. Ensuite, nous verrons comment
ListView devient utile pour voir les séquences
et les structures des blocs. Ensuite, nous avons enregistré
l'option brouillon pour sauvegarder notre travail. Ensuite, nous avons
l'option de prévisualisation pour ouvrir le nouvel onglet Fernando
of RPGN. Ou nous pouvons voir à quoi ressemble
notre page sur
différentes tailles d'appareils, qu'il s'agisse d'appareils mobiles et de tablettes. Ensuite, nous avons l'option
Paramètres où nous
pouvons voir le paramètre de page
et le paramètre de bloc. Dans les paramètres de base, nous avons certaines options telles que l'
hôtesse de l'air et la visibilité, liens
Perma,
l'image de fonctionnalité et les discussions, ainsi que les attributs de page. Et en bloc, nous avons l'
envoi de notre bloc sélectionné. Ces paramètres seront différents pour différents types de blocs. Comme l'aspect graphique d'avant-ours, nous avons la taille de police, hauteur de ligne, la couleur, la couleur de
fond. Ces paramètres seront différents pour les autres types de blocs, tels que les images, la liste ou une colonne. Maintenant, en haut à droite, nous avons des options de dysphagie. La première option est la barre d'outils supérieure. Pour expliquer cette fonctionnalité, je vais ajouter un nouveau bloc, qui est un bloc d'en-tête. Vous pouvez maintenant voir que chaque bloc contient
notre barre d'outils. En sélectionnant cette option, nous pouvons déplacer cette barre
d'outils en haut de la page. Ensuite, nous avons le mode Spotlight ,
puis le mode plein écran. Dans l'éditeur, nous avons un éditeur
visuel sur lequel
nous sommes actuellement. Et puis le coordinateur. Dans Block Manager, nous
pouvons gérer nos blocs. Nous pouvons désactiver ou
activer n'importe quel bloc à partir d' ici et gérer les blocs utilisables. Nous avons
enregistré les données de flux pour les réutiliser ultérieurement. Les options de raccourci clavier sont données par Gutenberg. Vous pouvez utiliser ces raccourcis
pour accélérer le travail. Ensuite, nous avons
notre guide de bienvenue, qui est un petit guide d'
utilisation de l'éditeur Gutenberg. Ensuite, nous avons l'option Copier
tout le contenu, qui est utilisée pour copier tout le contenu qui
se trouve sur la page. Maintenant, c'est un, c'est tout ce que nous avons dans notre interface
Gutenberg. Ce n'était qu'un bref
aperçu de toutes les fonctionnalités. Dans la prochaine conférence, nous allons
apprendre comment ajouter un blocage Azure
pour créer notre page.
3. Ajouter des blocs: Bonjour et bienvenue dans
la nouvelle conférence
du cours d'
éditeur WordPress Gutenberg. Dans cette conférence, nous allons commencer
à ajouter des
blocs sur notre page. Il existe différents types de méthodes pour ajouter des
blocs dans la page. Avant ça. Une chose que je veux mentionner
ici est que chaque fois que nous
ajoutons un nouveau bloc avant de
choisir son type, il s'agit par défaut d'un bloc de
paragraphes. Vous pouvez voir ici,
dans la vue de liste, le journal ajouté s'
affiche sous forme de bloc de paragraphes. Nous allons maintenant
ajouter un nouveau bloc. Donc, pour Dat, je cliquerai
sur cette icône bleue. Et puis voici tous les
blogs disponibles. Vous pouvez également effectuer une recherche
à partir de la barre de recherche. Je vais choisir un bloc d'en-tête, et le bloc sera
ajouté à la page. Vous pouvez maintenant voir dans
ListView que le blog qui était un bloc de paragraphes est maintenant converti en bloc
d'en-tête. Je vais maintenant écrire leurs textes
pour le bloc d'en-tête. Et quand j'appuierai sur Entrée, je sauterai de ce bloc. Ensuite, un nouveau bloc
sera ajouté, qui est également par défaut
un aspect de paragraphe. Maintenant, il existe une autre
méthode pour ajouter un bloc, c'
est-à-dire en cliquant sur cette
icône plus qui se trouve sur la pêche. Et ici, nous pouvons voir les blocs
les plus couramment utilisés. Nous pouvons également rechercher
n'importe quel bloc à partir d'ici. Maintenant, je vais ajouter un bloc
d'image à partir d'ici, puis je vais télécharger
notre image pour ce bloc. Comme vous pouvez le constater, l'
image est téléchargée. Et maintenant, j'appuierai à nouveau le bouton Entrée et
je sauterai de ce livre vers un nouveau bloc. Maintenant, une autre méthode
pour ajouter le bloc est que nous pouvons plonger dans le bloc, puis le nom du bloc
que nous voulons ajouter. Il s'agit également d'un moyen très rapide d'
ajouter un nouveau bloc dans le pH. Ici, je vais chercher notre bloc de charge
, puis j'ajouterai un nouveau fardeau. Maintenant, si je sélectionne ce
bloc et dans les options, j'ai cette option d'insérer
avant et d'insérer après. En sélectionnant cette option
d'insertion avant, un nouveau bloc sera ajouté
avant ce fardeau et ce look. Et si je dois ajouter un nouveau
look après cela mais débloquer, alors je choisirai l'
option insérer après nœud. Voici quelques-unes des méthodes permettant d'
ajouter de nouveaux blocs sur notre site Web. Dans la prochaine conférence, nous allons commencer à éditer
ces blocs en utilisant toutes les options d'édition
disponibles pour différents
types de flux.
4. Personnaliser le bloc de tête: Dans cette conférence, nous allons commencer à éditer
notre bloc d'en-tête. Festival. Je vais sélectionner
le bloc d'en-tête. Voyons maintenant quelles sont
les options disponibles. Sur le côté droit. Ces options seront différentes pour différents
types d'horloges. En typographie, nous avons la
possibilité de modifier
la taille du titre. Nous pouvons choisir parmi les
côtés disponibles. Ou nous pouvons choisir une taille personnalisée. Ensuite, en couleur, nous avons la
possibilité de modifier la
couleur du texte de nos en-têtes. Ensuite, nous avons d'autres
options pour modifier la couleur d'arrière-plan et
modifier la couleur du lien. Ensuite, nous verrons quelles sont
les options disponibles
dans la barre d'outils. La première option que nous avons est de convertir ce bloc en
un autre troupeau dipôle. Et nous avons converti des blocs liés aux
codecs. Ensuite, nous avons la possibilité de le déplacer vers
le bas ou vers le haut sur la plage. Nous pouvons utiliser cette option pour
modifier la position du blog. Nous avons également la possibilité de glisser. Par conséquent, en faisant glisser, nous pouvons
changer la position du bloc. Ensuite, nous avons des options d'alignement. La première option est pleine largeur. Ainsi, à partir de là, en choisissant
l'option grande largeur, notre blog couvrira la
grande largeur de l'écran. Vous pouvez voir ListView. Maintenant, notre blocage s'il gouverne
le verdict large. Si je décoche cela, et que vous pouvez voir maintenant que notre
bloc est au centre. Le bloc de mots est
juste au centre. Maintenant. De la même manière, si je
choisis l'option pleine largeur, maintenant, notre bloc d'en-tête
couvrira toute la largeur
de l'écran. Ensuite, nous avons la
possibilité de plonger. Nous pouvons utiliser différents types de
titres, ce qui peut modifier la
taille du titre. Ensuite, nous
avons la possibilité d' aligner le
texte dans le bloc. Si nous l'alignons sur le centre, nous pouvons l'aligner vers la droite. Je vais utiliser un alignement central. Ensuite, nous avons des options gras et en italique pour le titre. Nous avons ensuite la possibilité d' ajouter un lien vers un texte d'en-tête. Mais j'utiliserai cette option
plus tard pour notre bloc de paragraphes. Et puis les cheveux, d'
autres informations comme je peux ajouter du code en ligne ou une image en ligne. Depuis l'image intérieure, je peux ajouter n'importe quelle image à l'intérieur de
ce bloc d'en-tête. Ensuite, nous avons une
option de barrage. Ensuite, nous avons la possibilité d'
indiquer et d'exposer. Et puis une autre option est la
couleur x que nous pouvons
changer à partir d'ici. Maintenant, d'autres options
dans ces blocs. Nos options sont que nous pouvons dupliquer ce bloc
à partir d' ici en cliquant sur
ce bouton en double. Ou nous pouvons supprimer n'importe quel
bloc d'ici. Et l'autre
information utile ici est d'ajouter deux blocs réutilisables. Nous pouvons ajouter n'importe quel blog
de bloc réutilisable. D'ici. Comme si j'ajoutais ce bloc d'en-tête et que je
lui donnais un nom, mon titre. Et puis, si on descend
et on ajoute un nouveau bloc. Et dans ce bloc, nous pouvons réutiliser l'impasse
que nous avons créée. Ici. Nous pouvons rechercher ce
livre, qui est mon titre. Et vous pouvez voir que le
bloc est disponible ici que nous avons ajouté
aux blocs réutilisables. Je vais donc simplement
sélectionner ce bloc. Et maintenant, ce bloc que nous
avons créé puis ajouté dans un bloc réutilisable
est ajouté à la page. maintenant quelques-unes
des options par lesquelles vous pouvez résoudre votre blocage. Neuf cours suivant,
nous en apprendrons plus sur d'autres blogs, données disponibles.
5. Blocage de paragraphe et d'image: Maintenant, nous allons commencer à ajouter nouveaux blocs, puis nous
quitterons ces blocs. Le premier bloc que j'
ajouterai est un paragraphe. Look par défaut est que
le bloc est déjà un paragraphe. Je vais donc simplement me baser sur le
texte du paragraphe
que je veux. Et ensuite, si
je vois sur le côté droit, toutes les options d'édition sont
identiques à celles de notre mec de tête. Comme nous pouvons modifier la taille
de notre texte à partir de l'air ou nous
pouvons modifier la couleur du texte ou la couleur d'arrière-plan,
la couleur du lien. Une autre option que nous
avons est le bonnet de chute. Si je sélectionne cette option, la première lettre
de notre paragraphe deviendra une limite limite. Nous pouvons sélectionner ou désélectionner
cette option si nous le voulons. Nous verrons maintenant les options dans
la barre d'outils. La première option consiste à transformer en un
autre type de bloc. Cela ne devrait pas être lié
à notre manuel. Ensuite, nous avons la possibilité de le
déplacer ou de le faire glisser. Ensuite, nous avons des
options d'alignement. Je vais l'aligner sur le centre ici. Ensuite, nous avons
des options de gras et d'italique. Ensuite, nous avons
la possibilité d'ajouter un lien dans notre texte. Je vais donc sélectionner cet EGN, écrire le nom de n'importe quel site Web où je
souhaite rediriger ce texte. Donc, après avoir tapé le texte sur le site Web, je cliquerais
simplement sur Soumettre. Ensuite, j'ouvrirai le
discours dans un nouvel onglet. Et ici, vous pouvez voir
que le lien fonctionne. Si je clique sur ce lien, il nous redirigera
vers un autre site Web. Les options non déodorantes pour
ce bloc de paragraphes sont les mêmes que celles que nous avons discutées
dans notre bloc d'en-tête. Et maintenant, nous allons ajouter un
nouveau bloc dans notre page, qui sera une taille de bloc d'
image, cliquez sur insérer après et en cliquant
sur l'icône plus. Et à partir de là, j'
ajouterai un bloc d'image. Et je vais choisir l'image
dans notre médiathèque. Je vais choisir cette image. Vous pouvez maintenant voir que l'
image est ajoutée. Les options pour le bloc d'image sur le côté droit sont
que nous pouvons
le convertir en rond ou que nous pouvons ajouter une bordure ou un cadre
dans cette image. Et puis j'ai la possibilité de
changer la taille du temps si je peux la convertir en une image de taille moyenne ou
une image de grande taille. Et puis, après
encore, les options, la barre d'outils sont, nous
pouvons la transformer tout autre bloc lié à l'imagerie. Ensuite, nous avons des
options d'alignement comme, eh bien, je peux utiliser la pleine largeur. Si j'utilise la version complète, vous pouvez voir les images sur toute la largeur
de l'écran. Et si j'utilise beaucoup de bien. Et quel type utilisera un écran
plus large. J'ai également optionnel l'
aligner à droite ou à gauche de notre bloc. Et puis j'ai la possibilité de l'
aligner au centre. L'option suivante est
que nous pouvons également ajouter un lien pour cette image ou
recadrer cette image. Ensuite, nous avons
la possibilité d'ajouter notre texte à l'image avec Phil converti
en bloc de couverture. Et un nouveau bloc de paragraphe sera ajouté à ce
bloc, à l'intérieur de ce bloc d'image. Et puis j'écrirai le
texte du bloc de paragraphes sombres. Et nous pouvons modifier les
paramètres de ce bloc. Je peux l'aligner au
centre, puis j'
augmenterai la
taille du texte. Et je vais le rendre audacieux. Et nous avons toutes les options de paragraphe chercher cette image. Ensuite, nous avons la possibilité
de remplacer l'image, mais n'importe quelle autre image. Cette option est utile
lorsque, par exemple, nous avons plusieurs images dans nos blocs
d'images dans notre pêche. Et nous pouvons simplement cliquer sur Remplacer et remplacer l'image du mec par
n'importe quelle autre image. maintenant quelques-unes
des options d'édition disponibles pour un paragraphe
et un bloc d'image. Dans la prochaine conférence, nous allons
discuter d'autres blocs.
6. Personnaliser un bloc de boutons: Maintenant, nous allons ajouter notre nouveau bloc, qui sera un bloc de prétention. Donc, à partir de là, je vais chercher le bloc de renversement et
inséré dans notre page. Ici, nous avons des options d'
ajouter plusieurs charges à l'intérieur d'
un bloc de charge à partir d'une vue
sans poils, nous pouvons voir que nous avons ajouté un
bloc de charge à l'intérieur de ce travail. Nous pouvons ajouter plusieurs charges. Mais actuellement, je ne vais travailler qu'
avec un seul bouton. Et maintenant, nous allons écrire le canard X4, le fardeau qui commence. Ensuite,
nous verrons quelles sont les options d'édition
sur le côté droit. Tout d'abord, nous avons la
possibilité de modifier le style de charge pour
définir ou remplir. Ensuite, nous avons la possibilité de modifier la taille de la police pour le Verdun. Et dans les
contextes frontaliers, nous avons la possibilité de modifier le
rayon du fardeau. Nous pouvons le convertir à notre propre
fardeau ou le garder carré. Je vais donc le
convertir en bouton rond. Ensuite, nous avons la possibilité de modifier la
couleur du texte de notre bouton. Je vais donc choisir une couleur plus claire pour le texte, la couleur blanche. Ensuite, nous avons la possibilité de changer la
couleur d'arrière-plan du bouton. Par conséquent, à partir de la couleur personnalisée, je vais sélectionner une
couleur différente pour le bouton. Je vais sélectionner une couleur
bleu marine pour ce bouton. Donc, cette couleur a l'air bien. Ensuite,
si nous avons la possibilité de
modifier la taille de la charge, nous pouvons modifier le réglage des mots. Nous pouvons le conserver à 50 %,
75 ou 100 % du bloc. Je vais donc utiliser 50 % de largeur. Et nous avons des options dans la barre d'outils pour ajouter
un lien à notre fardeau. Le lien ajoute
toutes les autres options pour le fardeau et
la barre d'outils est toutes les autres options pour le fardeau et
la barre d'outils identique à celle de nos autres blocs que
nous avons précédemment utilisés. Voici donc quelques-unes des options d'
édition pour le fardeau. En utilisant ces options, nous pouvons modifier notre fardeau.
7. Changements de thème et de création de menu: Nous allons maintenant apprendre comment
créer une page de destination ou n'importe quelle page pour notre site Web en utilisant
ces blocs Gutenberg. Mais tout d'abord, je
vais changer d'équipe actuellement j'utilise notre équipe
par défaut de WordPress, qui est dessinée D 21. Tout d'abord, je vais changer l'
équipe de mon site Web. Pour cela, je vais aller sur
leur tableau de bord ou WordPress. Et puis, en apparence, j'irai dans Teams. Et je vais chercher une nouvelle équipe ici en cliquant sur Ajouter une nouvelle équipe. Ensuite, dans la barre de recherche, je vais chercher
une équipe de cadence. Je vais utiliser l'
équipe de cadence pour ce site Web. Je vais donc installer cette équipe. Et après l'installation,
je clique sur Activer pour
activer ce thème. Maintenant, le thème de mon
site Web est modifié. Je vais maintenant ajouter de nouvelles pages sur le site Web car je souhaite créer un menu pour la page. Donc, la première page que j'
ajouterai est la page Contactez-nous. Nous écrivons le titre de
la page Contact Us et je
publierai cette page. Ensuite, je reviendrai aux pages et j'ajouterai une nouvelle page
et une autre, qui sera nos services. Ensuite, nous cliquons sur
Publier pour publier cette page. Nous avons maintenant trois
pages sur notre site Web. abord, c'est incorrect,
ce qui est notre domicile et nous avons un discours de contact avec nous
et des services. Nous allons maintenant
personnaliser nos adolescents. Donc, pour cela, je vais
cliquer sur Personnaliser. Et à partir de là, je vais créer
un menu pour notre site Web. J'irai donc au menu, et j'ajouterai un nouveau menu ici. Je vais lui donner un nom, mon menu, puis sélectionner l'emplacement de la corruption
et le menu est créé, puis nous ajouterons
des éléments dans le menu. Ce sont les pages que nous
avons créées et je clique sur cette page pour les
ajouter dans notre menu. Ensuite, nous
pourrons le
repositionner pour modifier la commande. Maintenant, notre menu est créé. Notre prochaine tâche consiste maintenant à
modifier les paramètres de la page d'accueil. Nous allons donc accéder aux paramètres de la
page d'accueil. Troisièmement, notre page d'accueil
est nos derniers articles. Nous allons le
modifier sur notre page statique. Et nous sélectionnerons une page
et nous dirigerons comme page d'accueil. Maintenant, cette page
fonctionnera comme notre page d'accueil. Chaque fois que nous
ouvrirons notre site Web, cette page sera ouverte au lieu
de notre disposition antérieure. Ensuite, nous cliquons sur
Publier pour enregistrer deux paramètres.
8. Section de création de héros: Nous allons maintenant commencer à créer
notre page de destination. Tout d'abord, je vais ouvrir le mode agrégat
de notre plage actuelle. Dans l'équipe de cadence, nous avons plus d'options de personnalisation
pour notre doctorat et nos paramètres. Ensuite, dans
notre équipe précédente, je souhaite utiliser un
en-tête transparent pour mon site Web, donc je vais activer cette option. Ensuite, après directement
au pH, j'ai essayé d'
opter que je vais désactiver. Et puis la mise en page beige,
j'utiliserai toute la largeur. 10 styles de contenu seront déboisés. Puis après papa, j'ai mal
désactivé ou rembourré. Tout d'abord, nous allons
créer la section héros. Le premier blog que j'ajouterai pour la section
ego sera un bloc d'image. Ensuite, dans la médiathèque, je vais sélectionner l'image
que nous voulons utiliser. Et j'utiliserai le
tarif complet pour cette image. Après DAG, j'ajouterai le
texte à l'intérieur de l'image. Cette image est maintenant
convertie en bloc de couverture. Ensuite, je vais changer
l'opacité à 0. C'est une opacité des couleurs superposée. Je vais le changer à 0. Et puis j'ai tapé du texte
pour notre section héros. Et j'utiliserai l'
alignement central pour ce texte. Ensuite, nous
allons le modifier. Tout d'abord, j'augmenterai
la taille du texte. Ensuite
, je modifierai hauteur de
la ligne,
puis je ferai la première lettre
de chaque mot en majuscule. Et je vais le rendre audacieux. Il est maintenant temps d'
ajouter notre nouveau livre, qui sera le troupeau. À partir de là, j'
ajouterai un nouveau bloc. J'ai hébergé n'importe quel échelon.
J'ai encore utilisé Justify Center pour ce bloc. Ensuite, j'écrirai le
texte de ce bouton, qui nous contactera. Et je vais changer la taille
du texte et du mot. Et après cela, je vais
changer le rayon, rayon de bordure en rond, et je changerai souvent la
couleur d'arrière-plan et la
couleur du texte. Maintenant, notre section des héros est prête. Maintenant, je vais augmenter un peu la taille de notre
image de section ETL. Je pense que maintenant ça a l'air bien. J'ai été mis à jour et nous
verrons dans un nouvel onglet. Oui, ça a l'air bien. La section audio est prête. Dans la prochaine
conférence, nous allons modifier les couleurs des éléments de notre barre de menus et nous ajouterons un logo de
notre site Web dans l'en-tête.
9. Ajouter un logo de marque et un menu costumier: Bonjour, dans cette conférence, nous avons ajouté logo de
notre marque
sur le site Web et nous
allons modifier la taille et la
couleur de nos éléments de menu. Je cliquerai donc sur Personnaliser
et passer à la personnalisation. Et à partir de là, je vais sélectionner
le titre de mon site Web. Et à partir de là, je
sélectionnerai Logo et quand. Ensuite, j'ajouterai l'
image du logo. Sachez que notre
logo de marque latéral est agrégé, alors je vais ajuster
la taille de celui-ci. Après cela, nous devons modifier la taille et la couleur
de nos éléments de menu. Je vais donc cliquer sur Modifier. Et ici, je vais augmenter
l'espacement des objets. Et après cela, je vais changer
la couleur de la police à partir d'ici. Après cela, je changerai, également changé la couleur du mot
entier. Nous devons maintenant modifier
le style de police et taille
étrangère de
ces éléments de menu. J'ai donc hérité d'ici, nous pouvons modifier la police
que nous voulons utiliser. J'irais avec ce
téléphone et ensuite j'
augmenterai la taille de la police. Nous pouvons également modifier la hauteur des lignes et l'
espacement des articles. À partir d'ici. Maintenant, notre style de police est modifié et le logo de notre marque est ajouté. Maintenant, je vais revenir en arrière et
je vais changer la police de base, tout mon site Web. Donc, à partir de là, je vais
changer la police de base, ce qui va changer la
chute de tout le texte et j'ajouterai à mon site Web. Vous pouvez également modifier
les polices de titres tels que H1, H2 à partir d'ici. Ensuite, je sélectionnerai Publier. Et maintenant, nos changements
ont été sauvegardés. Dans la prochaine conférence, nous allons ajouter quelques blocs supplémentaires pour
terminer notre plage d'atterrissage.
10. Créer notre section de services: Bonjour. Dans cette conférence, nous allons maintenant créer notre prochaine section, qui sera notre section
services. Tout d'abord, j'ajouterai une nouvelle page et je vais écrire le
texte du titre. Et après cela, je
vais l'aligner sur le centre. Et nous allons faire
quelques ajustements en fonction la taille du titre. Après cela, j'
ajouterai un nouveau bloc, qui sera un bloc de colonnes. Voici différentes variantes
pour la loi de Coulomb. Et je vais sélectionner une colonne de variation d'
arbre. Colonne. J'ajouterai
un nouveau titre. Et puis j'écrirai
le x Dr Herding, qui sera le développement Web. Ensuite, je vais choisir
l'alignement central. Après DAG dans la deuxième colonne, j'ajouterai également l'ajout avec les mêmes paramètres et j'écrirai le contenu qui
sera le marketing numérique. Ensuite, j'ajouterai
le troisième titre, qui sera le développement d'applications. Je vais maintenant ajouter une nouvelle image
dans notre première colonne. Ensuite, à partir de la
médiathèque, je sélectionnerai l'image pour cette colonne. Ensuite, j'écrirai
le texte du paragraphe. Ensuite, je vais ajuster la
taille et l'aligner au centre. Ensuite, sélectionnez également le
texte et mettez-le en gras. Nous allons maintenant ajouter l'image
de notre prochain numéro d'appel. Avant cela, je vais aligner
la première image, le centre. Maintenant, j'apprendrai le bloc d'image ,
puis je sélectionne
la deuxième image. va l'aligner sur le centre. Ajoutez ensuite un nouveau bloc de paragraphe et écrivez
le texte du paragraphe. Et faire la même chose ou simplement
signifier que leur texte. Et puis, avant
la troisième colonne, j'ajouterai une nouvelle image
avec les mêmes paramètres et aussi les données de texte de paragraphe
avec les mêmes paramètres. Notre
section Services est maintenant prête. Je peux l'enregistrer, puis l'
afficher dans un nouvel onglet. Voici donc à quoi ça ressemble. Ça a l'air bien, mais il y a
un problème avec ça. Le vecteur de la
section est si large qu'il couvre le plein écran
qui n'a pas l'air si beau. J'apporterai donc quelques
ajustements avec mes paramètres
de mise en page de l'équipe Canvas. À partir de là, j'utiliserai un
peu normal au lieu de pleine largeur, puis nous l'enregistrerons. Un autre ajustement que
je veux faire est l'espace entre notre
titre, nos services
et les colonnes, c'est que je n'augmenterai
pas cette pièce, donc j'augmenterai simplement la hauteur de
ligne de notre cap. Maintenant, je vais l'enregistrer et l'
afficher dans un nouvel onglet. Voyons à quoi ça ressemble maintenant. Maintenant, c'est mieux. Notre nouvelle section est VRD, qui offre tous les
services blancs. C'est ainsi que vous pouvez utiliser le verrou de colonne pour créer leurs différents
contenus dans votre site Web.
11. Blocage d'entretoise: Le prochain bloc dont
nous allons
parler est un bloc d'espacement. Pour discuter de ce
type, j'ajouterai n'importe quel bloc d'ici qui est censé
ajouter un bloc de couverture. Et maintenant, nous voulons donner l'espace entre
ces deux blocs. Pour cela, je vais sélectionner les options du livre de couvertures. Et dans les options, je vais
sélectionner insérer avant. Et ici, je vais
chercher le bloc d'espacement. Et ensuite, je vais ajouter cela. Ce que cela fait, c'
est qu'il ajoute un espace entre deux
blocs ou dans le pH. De cette façon, nous pouvons ajouter l'espace entre n'importe quel
bloc de notre page.
12. Blocks de kadence: Dans l'éditeur WordPress Gutenberg, vous pouvez utiliser tous ces blocs pour créer votre site web
complet be January. Mais si vous voulez
plus d'options de personnalisation, vous pouvez ajouter plus de plugins votre site Web pour avoir
plus de blocs, un peu plus d'options de personnalisation. Donc, pour direct, nous
devrons ajouter un nouveau plugin. Je vais donc passer à Ajouter un nouveau. Et nous allons ajouter
un nouveau plugin qui est bon et bon et qui
cache le bloc Gutenberg. Je vais donc ajouter ce plugin. Il est déjà installé,
donc je vais juste le mettre à jour. Et puis j'irai
installer des plugins. Et à partir de là, je vais
activer ce plugin. branchement est activé. Maintenant. Je peux revenir
à l'édition de la page. Et maintenant, nous
verrons dans nos blocs, tant de nouveaux blocs sont ajoutés. Ce sont les blocs qui sont des blocs de
cadence Gutenberg. Nous pouvons maintenant utiliser ces
blocs dans notre pH. Par exemple, j'ajoute un nouveau bloc, témoignage
vicieux
dans la pêche. Et ici, nous avons
différents styles disponibles que nous pouvons utiliser. Je vais choisir cette cellule. Maintenant. Je n'ai qu'à agréger le
contenu de ce témoignage. Donc, tout d'abord, j'
ajouterai une nouvelle photo, téléverserai à partir de mon ordinateur, puis j'ajouterai cette image
dans leur témoignage. Maintenant, pour cette image, si je passe au réglage du bloc, nous pouvons voir ici tant d'autres options de
personnalisation sont disponibles que
les autres blocs. Je vais donc commencer à
modifier, par exemple, dans les paramètres des médias, nous avons
ces paramètres de bordure. Nous pouvons modifier le
rayon de la bordure. Nous pouvons augmenter ou diminuer
cette literie ou la marge. Ensuite, nous pourrons la convertir en une image de plus petite taille ou nous
pouvons l'utiliser en image de couverture. Tellement d'options, d'options de
personnalisation sont disponibles ici
que nous pouvons utiliser. Il suffit de modifier le contenu de ce témoignage et
il sera prêt. Maintenant, si j'ajoute plus de
blocs à partir d'ici, comme je vais ajouter un livre avancé, alors nous verrons pour
ce bloc de motifs, nous avons tellement plus d'options de
personnalisation que notre fardeau normal de
Göteborg. Maintenant, je vais
ajouter un nouveau bloc,
qui est le bloc Advanced
Image Gallery. Ensuite, je vais sélectionner les images
de cette galerie d'images. Et maintenant, vous verrez que
ces images sont ajoutées. Voici quelques-unes des options possibles. Nous pouvons utiliser une galerie de style de grille et la
convertir en curseur d'image. Par conséquent, en utilisant ces blocs, il est très facile de créer
notre curseur d'image comme celui-ci. Vous pouvez donc utiliser ce bloc de
cadence pour avoir plus d'options d'édition pour tous les éléments que vous
souhaitez utiliser sur votre site Web. De plus, il dispose
d'une bibliothèque de design dont nous allons discuter
lors de notre prochaine conférence, où nous pourrons trouver des modèles
prédéfinis que
nous pourrons insérer dans notre plage et
les ajouter pour créer de belles
pages pour notre site Web.
13. Les sections de Kadence: Nous allons maintenant discuter d'
une autre fonctionnalité des blocs
Giddens, la bibliothèque de design, la bibliothèque
InDesign. Nous avons des sections prédéfinies et des modèles de
démarrage que
nous pouvons utiliser sur notre page. Je vais donc ouvrir la bibliothèque
de design ici. Et ici, nous avons toutes les sections que
nous pouvons utiliser sur notre page. Il s'agit de sections
préconstruites avec
différents blocs. Par exemple, je souhaite ajouter un formulaire de contact sur mon site Web. Je vais simplement chercher
le formulaire de contact ici et il est ajouté à la plage. Je peux maintenant modifier le contenu. Et notre
formulaire de contact sera prêt. Nous vous verrons
chercher d'autres designs ici. Il y a tellement de
sections différentes ou vous pouvez utiliser, par
exemple, cette section, suffit de cliquer dessus
et de les ajouter dans ma page. Ensuite, je dois juste modifier le contenu de la
section Plus que j'ajouterai. Par exemple, je
souhaite ajouter cette section, donc je vais simplement cliquer dessus. Ensuite, la
section complète
sera insérée dans notre plage. Et ensuite, nous pouvons le personnaliser en fonction de nos besoins. Maintenant, nous avons également commencé des
modèles comme ceux-ci sont pages complètes
prédéfinies que nous
pouvons embarquer sur notre site Web. Par exemple, je
souhaite utiliser cette page. Je vais donc ouvrir toutes les
plages comme chez nous et différentes plages sont disponibles ici et différentes sections. Je n'ai qu'à les ajouter sur
mon site Web et ensuite je
peux les personnaliser. Et la personnalisation
de ces sections est très facile, je veux, par
exemple, remplacer
l'image ici. Et je cliquerai simplement sur
Remplacer, puis j'ajouterai une nouvelle
image et l'image sera ajoutée. Maintenant, par exemple, je souhaite
ajouter un dossier sur mon site Web. Je vais donc
chercher une photo ici et j'ajouterai ce
dossier sur ma page. Ensuite, je peux le personnaliser. J'utiliserai filbert
pour ce pied de page, puis nous pourrons
le personnaliser comme nous le voulons. C'est donc notre base, c'est comme ça que nous
allons ouvrir votre
dynein, vos données. Comme vous pouvez le voir, le formulaire de contact et toutes les sections
que nous avons ajoutées. Ainsi, en utilisant la bibliothèque de conception, vous pouvez ajouter de nombreuses sections
différentes ainsi que les
pages complètes de votre site Web. Et vous pouvez les ajouter
en fonction de vos guides d'
exigences que nous avons
appris dans ce cours.
14. Merci: Ce sont donc quelques-unes
des principales fonctionnalités de l'éditeur
WordPress Gutenberg. Au cours de ces conférences, vous avez
appris comment ajouter et personnaliser différents blocs pour créer vos pages de
site Web WordPress. Merci beaucoup d'avoir
regardé ce cours. J'espère que vous avez
beaucoup appris de ce cours. Et cela vous aidera dans votre parcours de développement
Web.
Faisal Khokhar, null
