Figma vers WordPress Elementor - Convertir Figma Design

1. Intro: Et si je vous indiquais l'outil original qui prend votre design Figma et le transforme en What press side en une seconde Dans ce cours, je vais vous apprendre comment convertir votre design Figma en WordPress, Lamentor, Greenberg ou Brick Speller très ou Brick Speller Ce cours est parfait pour les développeurs Web indépendants, propriétaires d' agences, les concepteurs de figma, les concepteurs sites Web professionnels et tous ceux qui souhaitent convertir Figma en Wordpress Dans ce cours, nous allons apprendre les bases de l'UIKE, ce que c'est, comment cela fonctionne et quelles sont ses possibilités Ensuite, nous allons procéder à la configuration, comme télécharger et configurer UIki gratuitement. Des fonctionnalités telles que le mode de copie O view, mode exportation et l'optimisation, la personnalisation des pages de saisie et des témoignages, le foam, l'en-tête et le pied Il est également important de personnaliser la page de blog, la page d'article et les sections, conception des entrées avec Gutenberg et Brick Speller, crashs et qui est intéressant, c'est que vous bénéficierez support à vie et d'une mise à jour en fonction de la demande du public. À la fin de ce cours, vous aurez la confiance nécessaire pour transférer le design de frega sur un site Web WordPress Que vous soyez un débutant, un freelance expérimenté ou un propriétaire d'agence, ces cours simplifieront votre flux Commencez donc dès maintenant à donner vie à votre design avec Wordpres 2. Qu'est-ce que l'Uichemy, comment ça marche et quelles sont les possibilités: abord, ils découvrent ce qu'est UIki : les plugins IKE transforment le design de Figma en site Wordpress modifiable et travaillent avec Aleanor, Gutenberg et Bricks Builder pour rationaliser pour Et cela fonctionne de manière très simple. Tout d'abord, nous devons concevoir l'interface utilisateur et Figma. Ensuite, il nous suffit d' utiliser un plugin comme UIKBPlugin pour convertir notre design Figma Et si vous considérez cette possibilité, c'est simple et rapide. Aucun codage n'est nécessaire, personnalisation flexible et vous fait gagner beaucoup de temps. Et c'est parfait pour 3. Comment télécharger et configurer Uichemy gratuitement (WordPress et Figma): Pour télécharger le UIKIPlugin, il suffit de taper ici amd.com slash amd.com slash Ensuite, il y aura ter sur cette page, et sur le côté droit, vous aurez une option C, comme «   OK », donc si vous faites défiler la page vers le bas, vous obtiendrez une option comme « gratuit ». Il suffit donc de cliquer ici sur ce bouton gratuit, mais ici, vous pouvez sélectionner le Pach Builder Vous pouvez donc littéralement sélectionner ici si vous voulez opter pour Gutenberg, alors vous pouvez opter pour Gutenberg Si vous souhaitez utiliser Bricks Builder, vous pouvez sélectionner Bricks Builder. Et si vous voulez utiliser Elementor, vous pouvez simplement sélectionner l'Elementor Sélectionnez simplement le Pig Builder que vous souhaitez utiliser pour créer un site Web, d'accord ? Je vais donc opter pour Elementor et disons Sat free. Et maintenant, vous n'avez qu'à avoir votre e-mail, votre prénom, nom de famille, puis vous devez cliquer sur ce modèle de téléchargement gratuit. J'ai donc déjà un compte, donc je ne vais pas en créer un nouveau, donc je vais d'abord me connecter ici. Comme vous pouvez le voir, Hu est mon e-mail et mon prénom. Il suffit donc de cliquer sur Hu this, télécharger ce bouton, et il est écrit mouillage. Attendons un peu. D'accord, le jeu est donc joué avec succès, et si vous le faites défiler un peu, vous obtiendrez cette clé de licence ici qui se trouve ici Copiez simplement la clé de licence. Il s'agit principalement d'un besoin. Revenons à notre fichier Figma, quel est le design que vous souhaitez importer Donc, dans mon cas, disons que je veux saisir celui-ci. Je peux donc cliquer sur cette option en bas, comme brancher, puis simplement accéder à Plug-in et à QUOI et simplement rechercher votre UICami Ensuite, vous trouverez cette prise ici. Il suffit de cliquer sur ce plugin. Et après avoir ouvert ce plug in, vous aurez l'option de clé de série suffit de pisser cette vraie clé que nous avons récemment copiée et de cliquer sur ce bouton d'activation D'accord, comme vous pouvez le voir, c'est maintenant activé. Cliquons donc ici, bouton Ignorer. Et maintenant, comme vous pouvez le constater, nous avons ce genre de choses. Et maintenant, nous devons accéder à notre site Web What press, et nous devons cliquer sur plugins ici et nous devons cliquer sur Ajouter un nouveau plugin dans ce bouton, et simplement rechercher ici UIki. Pour installer ce plugin WordPress, vous pouvez accéder à ses plugins et cliquer sur Ad New, et vous pouvez simplement rechercher ici UIki et ensuite vous obtiendrez ce plugin ici, celui-ci Cela vient principalement de Possumt et voici le logo. Il suffit de cliquer ici sur ce bouton d'installation pour installer ce plugin. OK. Maintenant, nous pouvons simplement activer ce plugin. Mais que se passe-t-il si vous n'obtenez pas ce plugin, si vous recherchez, mais que vous ne l'obtenez pas, alors que pouvez-vous faire ? Vous pouvez simplement revenir à cette page Poch, et si vous faites défiler la page vers le bas, vous obtiendrez ce plugin ici, UIM be figment Il s'agit du plugin. Il suffit de cliquer ici sur le bouton de téléchargement. Ensuite, vous pouvez littéralement le télécharger. Et puis ce que vous pouvez faire, c'est aller ici, brancher Nt new et simplement cliquer sur le plugin Upload, puis vous pouvez télécharger le plugin. Si vous ne trouvez pas le plugin d'ici, si vous recherchez le plugin et que vous ne l'obtenez pas, alors vous pouvez simplement le télécharger et le télécharger ici dans le plugin, puis vous pouvez l'activer. Je ne vais donc pas le télécharger pour le moment car nous l'avons déjà installé à partir d'ici. Activons donc le plugin. Et après cela, nous avons une fonctionnalité supplémentaire ici, UI CE sur le lapsit, cliquez dessus Ensuite, ils parlent de sélectionner notre générateur de pages. Nous aimons donc sélectionner l'Elementor, passer au suivant, puis à nouveau, cliquer sur Suivant, le suivant, et nous devons abord l' installer et l'activer ici, afin qu'ils puissent installer et activer le plugin Et comme vous pouvez le voir, maintenant il est activé et maintenant nous devons cliquer ici sur ce bouton d'activation, puis nous devons également l'activer. Cliquons sur l'option suivante, puis sur Terminer. C'est bon. Maintenant, vous pouvez voir que c'est fait. Donc, si vous remplacez légèrement cette page, vous pouvez voir tout cela maintenant, juste une vous pouvez voir tout cela coche verte, comme vous pouvez le voir. Tout est presque terminé. OK ? Maintenant, si vous passez au réglage, vous obtiendrez une ARL latérale et un doin sécurisé Cela sera nécessaire plus tard lorsque nous importerons le design. 4. Présentation du plugin uichemy (Figma): Oh maintenant, nous allons voir comment UIC Figma Plug in Top of you Donc, pour obtenir ce plugin, nous devons cliquer sur l' option de connexion en bas, puis pour accéder à ce plugin et nous devons rechercher ici, UIKME Ainsi, lorsque vous lancez une recherche sur UIKME vous y trouverez trois connecteurs L'un est comme Figma Relevanor. L'autre est comme Brick Builder, Figma Bricks et l'autre est comme Figma Greenberg Il vous suffit donc de choisir celui que vous aimez choisir. Donc, dans mon cas, j'aime utiliser Pigma Relevantor, il suffit donc de le sélectionner Et après cette page, vous verrez l'option APK. Il vous suffit donc de donner la clé de licence. Ce n'est pas l'APAC, désolé. C'est une clé de licence. Dans la dernière vidéo, je partage avec vous comment vous pouvez l'obtenir, n'est-ce pas ? Vous pouvez donc suivre la vidéo pour obtenir cette clé de licence. C'est bon. Alors maintenant, si vous voulez simplement cliquer ici sur ce minibar, vous avez quelques paramètres supplémentaires. Voici le plugin malyhtpress. Si vous souhaitez l'installer si vous n'installez pas le plug-in What Press, vous pouvez le faire. Et voici le plugin de Figma Gutenberg, Fick Metal Brick Sspeller Si vous voulez changer, c'est vrai, alors vous pouvez le faire. Et voici un programme de partenariat, des prix, une démo, et Kastudy La démo de Booke est donc plutôt bonne. Je pense que vous pouvez littéralement réserver une démo avec eux, et ils vous expliqueront comment cela fonctionne. Ensuite, j'ai une option de conversion, et une option de conversion comme chaque fois que je la sélectionne, comme vous pouvez le voir, elle sélectionne le nom de la page et affiche également le design que nous allons importer sur notre site Web. Et c'est comme une option de modèle. Voici une option multiple. Mettez-y de l'IE, du kit de fête , genre, beaucoup de choses , comme vous pouvez le voir. Donc, vous pouvez littéralement tous les vérifier si vous le voulez vraiment, alors oui. OK, donc c'est vraiment moi, c'est de la phys, donc il y a beaucoup de choses là-dedans Vous pouvez utiliser les enfants pour importer le design Figma dans Elementor. Ouais. Et le SPS est un peu le leur. Si vous souhaitez obtenir une pièce spécifique, vous pouvez le faire. Si vous n'avez pas de design, vous pouvez certainement utiliser des POI J'ai déjà un cours à ce sujet. Si vous le souhaitez, vous pouvez consulter ma chaîne YouTube à ce sujet. OK, revenons à la conversion. Donc, après avoir effectué cette conversion, nous avons deux options. L'un est comme le mode copie et l'autre comme le mode importation. Je pense donc personnellement que si vous aimez importer la page complète, optez pour le mode importation car c'est bien mieux si vous avez une longue page. Mais si vous aimez suivre une section spécifique, je pense que le mode copie sera bien meilleur. C'est simple, il suffit de copier sur une section spécifique et de coller votre Elementor, encore une fois, passez au copier-coller Mais si vous souhaitez tout importer en une seule fois , optez pour le mode import. Mais si vous voulez juste la pleine page, si vous voulez le mode copier et le coller , vous pouvez certainement essayer. Et en mode Import, ici, il suffit de connecter notre site de presse à ce plugin. Nous avons juste besoin de vous donner la clé dernière vidéo que je partage avec vous, je pense. Ou si ce n'est pas le cas, je vais partager avec vous plus tard comment cela fonctionne. Mais pour l'instant, pensez-y, le mode copie, il suffit de copier. Vous pouvez littéralement copier le design et simplement contrôler V, puis le design sera là et sur le site Web de presse, et il faudra l'importer. D'accord ? C'est ça. C'est bon. Ensuite, il y a la conversion optimisée et la conversion express. Donc, concevez si vous pensez que votre design est déjà optimisé, vous pouvez opter pour Express Convert. Et si vous êtes débutant, utilisez ce bouton de conversion optimisé. Cliquons ici sur ce bouton de conversion optimisé. Ensuite, nous avons quelques options supplémentaires, compension d'optimisation puis une balise Widget, gestionnaire réactif, un paramètre de conversion , un style global, de nombreux paramètres Nous ne le faisons certainement pas. Si nous le faisons, notre design sera facilement importé, n'est-ce pas ? Mais si nous ne le faisons pas, il faudra certainement plus de temps pour l'importer, votre design risque de tomber en panne et ce n'est pas exactement vous obtenez un SEM sur le même site de presse Wat. Si ce n'est pas le cas, optimisez votre design. Passons maintenant à ce bouton de conversion. Après avoir fait tout cela comme les paramètres, nous allons passer à l'option Canva Après cela, comme vous pouvez le voir, nous avons deux options, comme télécharger Jason et cette entrée en direct. Donc, si vous voulez cliquer sur, vous devez connecter votre site. Ensuite, vous allez voir ce que vous importez, puis vous y trouverez quelques paramètres supplémentaires. Disons comment vous souhaitez importer sous forme de page ou de section, vous le souhaitez, vous aurez l'option. Et à chaque fois, si vous rencontrez un problème ou si vous dites que cela ne fonctionne pas ou que vous dites comment nous pouvons le faire, alors regardez cette vidéo en haut à chaque fois. Ainsi, par exemple, en ce moment, comme vous pouvez le voir, nous recevons une vidéo expliquant comment effectuer une saisie en direct. C'est une vidéo à sept inits mais, encore une fois, si vous jouez aux échecs, je peux y retourner, vous aurez l'option à chaque fois Par exemple, pour le moment, je vais juste passer à cette optimisation, et comme vous pouvez le voir, nous y trouvons une vidéo complète. De plus, si vous voulez en savoir plus sur Lock Media Layer, publiez une vidéo ici. Si vous passez à la section suivante, à n'importe laquelle de ces sections, vous y trouverez la vidéo à chaque fois. chaque fois, regardez attentivement s' ils ont une vidéo. 5. Aperçu du mode copie et du mode exportation: Nous allons maintenant voir le mode copie et le mode exportation. Donc, pour ce faire, passons d'abord à UIKePlugin , puis vous aurez deux options ici L'un est comme le mode copie, l'autre comme le mode importation. Donc, en mode Import, il suffit d'ajouter notre site Web, vous savez, comme sit Key et ARL. Nous devons ajouter ces deux éléments. Mais en mode copie, nous n'avons pas du tout besoin de le faire. Il suffit de copier-coller, c'est tout. OK, je vais te montrer comment c'est. Donc, comme vous pouvez le voir, le mode copie est sélectionné, j'ai sélectionné la section, et optimisons le design. Je vais juste cliquer ici sur cette option de conversion. Et maintenant, comme vous pouvez le voir, c'est dans mon bloc-notes. Maintenant, je passe juste à Eleanor et je passe simplement ici, Control V. Ou si vous cliquez simplement sur cet article depuis l' autre côté, cliquez dessus Et maintenant, appuyez sur Ctrl V. Comme vous pouvez le voir, maintenant c'est en train de coller. Mouillons-nous donc un peu. C'est bon. Donc, comme vous pouvez le voir, nous obtenons exactement la même chose que celle conçue ici. Nous obtenons exactement la même chose. Maintenant, si je ne le fais pas dans ce mode, disons en mode Import. Ensuite, je sélectionne simplement son design. Pour optimiser la conversion, ce design est déjà optimisé. Allons chez Cat's have a deux options. L'un est comme JCN et il y a comme une entrée en direct. Donc, en mode JaSN, comme vous pouvez le voir, nous pouvons simplement télécharger ce fichier en tant que JCN puis nous pouvons aller ici, puis nous pouvons simplement importer le design ici, comme ici Nous pouvons importer le fichier au format Jason. OK. Mais je pense que celui-ci est beaucoup plus facile. Retournons en arrière. Et cette entrée est bien meilleure. Cliquons donc sur Live input. Nous devons maintenant sélectionner un site, ajoutons donc notre site. Passons donc à quelle pression, sélectionnez EyeKeme, passez aux paramètres Et maintenant, nous allons copier le site. Et maintenant, nous devons coller ici. Copiez le jeton et connectons-le. Très bien, il est donc connecté en ce moment. Et maintenant, nous devons sélectionner le mode d'importation que je souhaite utiliser. Ce sera un modèle de page ou d'Elementor ou un modèle de necture tentant Et si vous passez à celui-ci existant, alors comment vous souhaitez l'importer. Cela signifie que si vous téléchargez ou l' importez en une seule fois, et que vous souhaitez le mettre à jour à nouveau, vous pouvez simplement utiliser celui-ci existant. OK. Et il a également une option pour remplacer ou ajouter puis ce que vous voulez, vous pouvez voir sélectionné. Donc, plus tard, nous en verrons plus. Pas de problème Maintenant, explorons simplement cette entrée en direct. Bon, maintenant je vais juste passer à la nouvelle page et j'aime bien la page. Passons à l'étape suivante, puis cliquez sur Importer A. Et maintenant vous pouvez voir que l'importation est terminée. Et maintenant, vous pouvez voir que c'est important avec succès, et maintenant il suffit de changer ce paramètre de page, la mise en page en pleine largeur, et tout ira bien, je pense. Maintenant, comme vous pouvez le voir, nous obtenons la même chose. J'espère donc, les gars, que vous allez aimer ce mode copie parce qu'il est beaucoup plus facile. Nous n'avons pas besoin de connecter notre site Web. Nous n'aurions pas besoin de télécharger quoi que ce soit, il suffit de le copier, d'aller dans Elementor et de le coller Je pense que c'est beaucoup plus facile à faire, comme copier et coller. 6. Comment optimiser le compagnon (inclure tout): Pour optimiser ce design, il suffit de sélectionner la page Festival, puis de cliquer ici sur le bouton, d'optimiser et de copier. Ensuite, nous devons cliquer ici Optim Magician et compagnon comme celui-ci . Il suffit de cliquer dessus. Et puis vous obtiendrez beaucoup de choses qui doivent, vous savez, comme réparer en quelque sorte. Et à chaque fois, si vous voulez voir comment optimiser le design, vous pouvez regarder cette vidéo en haut, comme vous pouvez le voir. Ou si vous voulez simplement empiler des contenus dans une section spécifique, disons que vous ne comprenez pas vraiment comment verrouiller un média multicouche Vous ne le comprenez pas, comment le faire ou ce qu'est ce melli Alors vous pouvez littéralement suivre ici cette vidéo. Si vous voulez simplement cliquer dessus, vous allez regarder une vidéo intitulée Bonjour à tous. En parlant de ce problème, n'est-ce pas ? Si vous passez à la section suivante , comme Détails de l'optimisation des images , pour chaque couche, vous obtiendrez une vidéo comme celle-ci. Vous pouvez le regarder, vous allez apprendre et vous pourrez le mettre en œuvre. OK. C'est bon. Je vais donc également partager avec vous dans cette vidéo. Donc, si vous suivez attentivement, vous pouvez certainement optimiser votre design. OK. Donc, comme vous pouvez le voir, nous avons ici une option qui est cette option, comme vous pouvez le voir, le cadre, et nous obtenons également une option cible. Il suffit de cliquer dessus. Donc, lorsque vous cliquez sur cette option, comme vous pouvez le voir, ils repassent à la section dont vous parlez OK, c'est le fait qu'il s' agit d'un média multicouche, donc nous devons le réparer Donc, comme vous pouvez le voir, cela comporte actuellement deux couches. Donc, ce que vous pouvez faire, vous pouvez simplement cliquer sur cette option fixe pour résoudre ce problème. Maintenant, ils vont verrouiller cette couche, et lorsque vous allez importer un élément, ils vont l'importer sous élément, ils vont la forme d'un seul fichier, pas d'un grand nombre de fichiers. Avant, c'était comme plusieurs fichiers, mais maintenant il n'y qu'un seul fichier car il est verrouillé en ce moment. OK, passons à la suivante. C'est celui-ci. Si nous y allons, encore une fois, faisons-en deux couches. Nous devons donc y remédier. Et si on passe à la suivante, c'est pareil. Alors, réglons le problème. Passons à la suivante. C'est pareil. Si vous regardez ce côté gauche, vous obtiendrez un S. Réparons-le. Si nous passons à la suivante, c'est aussi un peu la même chose. Nous pouvons donc y remédier, et passons à la suivante. Est-ce que quelque chose doit également le réparer. C'est définitivement une flèche. Nous devons aller sur le bouton. Réparez-le, allez ici, celui-ci, et réparez-le. Il y a donc beaucoup de choses là-bas. Alors laissez-moi le faire étape par étape. Je dois le réparer et m' assurer qu'ils en choisissent un bon. Parce que parfois ils font quelque chose de mal. Donc, si vous voyez qu' ils se comportent mal, qu'il n'est pas nécessaire de le corriger, vous pouvez simplement cliquer sur ce motif en croix. OK. Mais chaque fois qu'ils donnent correctement, comme vous pouvez le voir, cela indique également les bonnes choses car il s'agit d'une couche multiple, comme vous pouvez le voir, donc nous devons absolument faire en sorte que cela soit corrigé. Encore une fois, la suivante, j'ai deux couches, nous devons donc y remédier. Mais si vous voulez tout faire même temps, il vous suffit de cliquer ici. Tout sélectionner et il est indiqué 15 sélectionnés, vous pouvez simplement cliquer sur ce bouton fixe, puis tout sera corrigé en une seule fois. Et il s'agit ensuite d'optimiser la quantité d'images sur SVC. Donc, si vous voulez simplement cliquer sur ce bouton pour afficher la carte thermique, vous pourrez voir le headpap ou demander à une image ou à un circuit intégré de le regarder Vous pouvez donc facilement découvrir, d' accord, c'est quelque chose qu'ils sélectionnent correctement ou non. Vous pouvez donc facilement, euh, leur en parler. Donc, dans mon cas, je pense que cela semble assez correct parce que c'est aussi un HVC, à peu près tout ça C'est une image. C'est VG. Tout tourne autour de l'image VG. Cela semble donc assez correct ici. Donc oui, maintenant on peut passer à la suivante. Alors cliquons ici Mark Ase tan. Et si vous souhaitez le scanner à nouveau, vous pouvez certainement le faire. Il existe une option de numérisation. Maintenant, c'est un encens détaché. Donc, si vous cliquez simplement ici, vous verrez que c' est maintenant un composant. Ils parlent donc de le dissocier du composant parent Donc, si vous ne voulez pas le faire, vous pouvez le poser comme ça, mais je pense que c'est mieux si vous le faites. Donc, c'est une section consacrée aux héros, tout cela est lié à la section principale, n'est-ce pas ? Tout dépend du genre de composants pour enfants. Ce n'est pas une question parentale. OK ? Sélectionnons-les donc tous ici, et ils seront tous détachés ce moment, comme vous pouvez le voir, nous avons une icône arrondie. Ça sème instantanément. Donc, si vous pouvez les réparer, tout se détachera ici. C'est bon. Maintenant, ils parlent de supprimer le cadre solaire de groupe inutile ou de le supprimer déjà. Et voici l'option suivante, comme vous pouvez le voir, supprimez les avantages négatifs et chaque fois que vous recevez une vidéo. Regardez la cassette comme vous pouvez le voir, chaque fois vous recevrez une vidéo ici. C'est en dehors de la vidéo. Il s'agit également d'une autre vidéo. Ainsi, chaque fois que vous voulez cumuler une vidéo, vous pouvez littéralement la regarder et corriger cette option. Voilà pour Optimgican. Donc c'est seulement. Alors, cliquons ici sur le bouton «   Sécuriser » et « revenir en arrière ». Et maintenant, comme vous pouvez le constater, il semble que notre optimum soit terminé, et maintenant nous pouvons passer au suivant 7. Comment définir les balises de widget: Parlons maintenant d'un widget. Les Wichet sont donc principalement destinés au contenu dynamique. heure actuelle, lorsque vous allez simplement importer le design comme celui-ci, il sera statique. Mais dans certaines sections et certains éléments ont des liens différents, pensons à une section de témoignages ou à une section accordéon comme la section F, leur valeur est Leur contenu est différent. Cette fois, si vous optez simplement pour du contenu statique, cela ne fonctionnera pas. Ce ne sera pas quelque chose de fonctionnel. Donc cette fois-là, nous avons besoin de ces widgets, non ? Donc, si vous allez ici après l'optimisation, vous aurez l'option telle que le tag Widget. Et ici, vous trouverez beaucoup de widgets. Dans le widget élémentaire, vous y trouverez un widget 19, ainsi qu'un widget Elementor Pro De plus, c'est le widget Plus ici. Donc, si vous souhaitez installer ce plug-in, vous devez accéder aux plug-ins sur Nouveau. Et si vous recherchez simplement le widget Plus, vous obtiendrez le plug-in comme celui-ci. Et maintenant, il vous suffit d' installer et d'activer ce plugin si vous souhaitez obtenir plus de widgets. OK. Alors maintenant activons cela, revenons à la conception. Et maintenant, si vous allez simplement ici, vous aurez une option comme afficher le tag, maintenant, si vous allez simplement cliquer sur ce bouton, vous pouvez maintenant voir le tag. Voici donc les éléments de nos boutons en ce moment, ce sont nos canaux oculaires, vous pouvez le voir. Cela ressemble également à un bouton ici, mais je le supprime simplement. Je ressemble à celui-ci aussi. Comme vous pouvez le constater, il s'agit d'un contenu. De plus, si vous allez sur celui-ci, comme celui-ci, si vous voulez simplement cliquer dessus, il s' agit également d'un bouton, comme vous pouvez le voir, et il contient un lien. De plus, si vous souhaitez placer une icône, vous pouvez également placer l'icône à partir d'ici. Donc, pour le moment, il n'y a pas d'icône, c'est pourquoi je ne vais pas la voir, mais si vous en avez une, c'est pourquoi vous pouvez la voir ici. Alors, après poste après poste, que voulez-vous ? Tu vas y arriver. Oui, tout tourne autour du bouton. Alors maintenant, si vous voulez placer un autre widget ici, comment pouvons-nous faire ? Vous pouvez littéralement y aller, cliquer dessus, simplement double-cliquer, double-cliquer, double-cliquer. Alors comme vous pouvez le voir, je vends comme ici, c'est une boîte à icônes pour le moment. Et je peux littéralement modifier le contenu. Je peux sélectionner le widget de balises, et quelle en sera la description ? Il peut s'agir d'une description. Quel sera le titre. Nous pouvons donc faire tout ce que nous pouvons faire ici. Et disons que je viens de le traverser. Maintenant c'est une croix. OK. Alors maintenant, si je veux juste clarifier les choses, maintenant c'est totalement clair, comme vous pouvez le voir, maintenant c'est clair. Avant c'était un cadre d'icônes, je pouvais encadrer, mais maintenant ce n'est plus une boîte d'icônes, non ? Je viens de le clarifier. Encore une fois, si je veux définir un peu, je recherche une icône et voici notre boîte à icônes. Et voici la description. Tout tourne autour de ça et je vais juste suivre tableau 3 et enregistrer les modifications. Il est donc assez facile de configurer une balise Widget, d'accord. Donc, pour savoir où vous souhaitez placer le widget et comment il va être créé, il vous suffit de le faire. OK. Si je partage avec un autre exemple, disons qu'il s'agit d' un autre design, et maintenant je vais juste passer au plugin ICM Et pour l'instant, disons que j'aime sélectionner celui-ci ou disons celui-ci. Dis celui-ci. Très bien, maintenant je vais juste optimiser et copier. Allons à Wichitag. Et par exemple, disons ici j'aime opter pour une conduite principale aride, donc je peux le faire ici Je peux simplement rechercher un bouton, allons-y avec le bouton, et ceci est un cadre. Comme vous pouvez le voir, c'est l'icône ici, et quel en serait le lien ? Je peux simplement ajouter le lien ici, je peux positionner C'est après ou avant, ce sera après, et voici le travail en C, et maintenant je peux simplement l'enregistrer. Maintenant, comme vous pouvez le voir, il s'agit d'enregistrer sous forme de bouton. J'ai sélectionné la page et j'ai juste affiché le balisage. Donc, facilement, je peux voir qu'il s' agit d'un texte de bouton. Encore une fois, disons que j'aime bien aller ici. Il s'agirait de liens sociaux. Donc, ce que je peux faire, c'est utiliser les liens sociaux. Et comme vous pouvez le voir sur les réseaux sociaux je peux diffuser beaucoup de choses sur les réseaux sociaux. Allons-y, et je peux simplement sélectionner le truc, non ? Je peux simplement sélectionner le lien. Je peux simplement sélectionner la marge. Je peux facilement sélectionner ce truc. Et quel est le style que je veux, je peux facilement le choisir. Donc, si vous voulez simplement opter pour le plusi Wiche et voici un Elementor, et comme vous pouvez le voir, l'élément est automatique, Alpha va le sauver. Et maintenant, si nous voulons simplement sélectionner le pitch. Maintenant, comme vous pouvez le voir, cela n'est pas sélectionné. 8. Le gestionnaire réactif et son fonctionnement: Passons maintenant au suivant, comme un gestionnaire réactif. Cliquons donc ici sur ce manager sponsorisé. Ensuite, vous avez deux options. L'un d'eux est recommandé. D'autres aiment le custom. Je vous recommande donc surtout de choisir celui qui est recommandé car je pense que c'est une bonne chose. Puisque plus tard, nous allons utiliser le style global, donc je pense que c'est bon. Les suivants ont une coutume. Donc, en mode personnalisé, si vous cliquez simplement, vous aurez quelques options ici : taille de police, hauteur de ligne, rembourrage, capuchon flexible Allons-y avec cette taille de police. Ensuite, comme vous pouvez le voir, nous voyons ici une option normale et une option de serrage. Alors allons-y avec celui-ci normal. Et en temps normal, comme vous pouvez le constater, si notre téléphone mesure 151 et plus, alors notre tablette sera de 36 %, il y en aura pour cent. Par exemple, la taille sera de 36 %. Ce sera alors 24 %. Mais comment font-ils principalement le calcul ici ? OK. Alors maintenant, permettez-moi de partager avec vous la façon dont vous pouvez simplement faire le calcul ici. Ainsi, par exemple, dans ma taille de police supplémentaire, H un, par exemple, vaut 48, et ma tablette, 48 Il s'agit d'en former une pour tablette. Donc, ce que je fais, j'ai juste ici la taille de mon téléphone entre 40 et 48. S'ils obtiennent 40 à 40 de cette taille, quelle sera ma tablette ? Ma tablette fonctionnera à 100 %. Je copie donc le chiffre du pourcentage et de la peste. Passons maintenant au mobile. Donc, dans le mobile, quel pourcentage je vais mettre, n'est-ce pas ? Disons que dans mon téléphone portable, je mets juste un titre de 32 pixels. Donc maintenant, quand je mets la taille de 32 pixels, j'obtiens un pourcentage de 60 Sabins Donc, ce que je fais, je copie simplement Pest. C'est donc de cette façon que l'on obtient ce pourcentage. Et si vous voyez ce calcul ici , vous comprendrez qu'il s'agit de la taille de la tablette , de la taille et du pourcentage de fabrication. Vous n'avez pas besoin de le faire manuellement puisqu'ils ont déjà une option de calculatrice. Il vous suffit de placer la taille de police entre la taille de police, vous devez y indiquer. Ensuite, tapez le nombre de pixels que vous voulez, et ils vous donneront un pourcentage. Et encore une fois, sur mobile, combien de pourcentage souhaitez-vous ou quel est le pixel ou la taille de la police ? Il suffit de donner ici. Ils vont suivre automatiquement, non ? Ils effectueront donc tous les calculs, vous n'avez donc pas besoin de le faire manuellement. C'est donc la façon de faire le calcul, et ils ont également une hauteur de ligne ici, comme vous pouvez le voir, et ils ont également un rembourrage Et ils ont également un mollet flexible. Donc tout cela, ils l'ont déjà. Donc, dans un premier temps, je pense que est l'or qui est recommandé, car c'est l'or qui est recommandé, car ce sera beaucoup plus facile, avant partager avec vous que nous allons utiliser ici le style Gobal Je ne pense donc pas que nous ayons besoin d'une taille personnalisée pour le moment. Mais si vous souhaitez créer votre propre taille personnalisée plus tard, je pense que cette vidéo vous aidera car je partage déjà avec vous le fonctionnement de ce melli Vous devez donner votre taille principale, puis sur tablette comme vous le souhaitez, quantité que vous voulez, et vous devez mettre le mobile autant que vous voulez, vous demanderez à la personne de le copier et de le tester. C'est au Mali. 9. Paramètres de conversion: Passons maintenant au paramètre de conversion suivant. Cliquons dessus. Ensuite, vous aurez une option telle que l'exportation sans image. Donc, si vous voulez importer votre design sans images, vous pouvez simplement cocher cette case, simplement l'annuler, puis votre design sera exporté sans images Vous savez ce qui se passe, parfois nous utilisons des images en gros caractères sur un design, et cette fois, l'exportation de ce produit prend beaucoup plus de temps . Pour cette fois, vous pouvez simplement activer cette option. Ensuite, votre design sera exporté très rapidement sans images. Et après cela, si vous souhaitez plafonner les images à chlord élevé, vous pouvez simplement les compresser manuellement, puis vous pouvez simplement les importer dans un dessin Hum, tout cela est d'une certaine manière, mais si vous concevez un design simple, je pense que je n'en ai pas besoin d'une tonne. Et l'option suivante consiste à utiliser les images exportées par IgM. C'est donc quelque chose, disons exposer quelque chose, ils vont automatiquement exporter les images. Alors, comment ça marche, si vous y allez, si vous voulez simplement passer la souris dessus Disons que si vous passez simplement le curseur dessus, vous obtenez l'option Pig Map reaction C'est donc quelque chose qu'il suffit de voir. C'est la même chose que l'option d'exportation, comme vous pouvez le voir, c'est un pixel, un, un, deux, comme ça. Donc, si vous voulez augmenter, si vous voulez simplement exporter des images haute qualité, il suffit d'augmenter ici. Supposons que vous en vouliez deux, trois, alors voyez ce truc comme ici. Et comme vous pouvez le constater, c'est le réglage que nous pouvons voir. Ou si vous souhaitez obtenir le même paramètre, cliquez sur l'option Exporter pour obtenir la même chose. Il suffit donc de sélectionner lequel est le seul. Mais au départ, je pense que l'un d'eux sera bien meilleur. Sinon, cela va prendre beaucoup plus de temps. Et puis trouvez automatiquement les SVG. C'est un bon nablat et dites-le en pourcentage. Oui, le pourcentage sera meilleur parce que Pizzel va poser problème Le pourcentage sera meilleur, je pense, donc il vaut mieux opter pour ça. Et voteteg minimum, c' est aller avec la même chose, ensuite Je pense que c'est mieux. Nous n'avons pas besoin d'augmenter beaucoup. OK, tout tourne autour de l'exposé 10. Comment définir les styles globaux et comment cela fonctionne: Passons maintenant aux Nikes, c'est un peu le style global. Et cette fonctionnalité est vraiment géniale car elle vous fera gagner beaucoup de temps. Vous pouvez littéralement simplement cliquer sur un seul clic pour modifier la taille de la police. Vous pouvez littéralement changer de couleur. Vous pouvez le rendre réactif très facilement. Vous pouvez changer de téléphone si vous le souhaitez littéralement, ou vous pouvez créer quelque chose de différent un seul clic avec ce style global. OK, laissez-moi vous montrer comment fonctionne le centre commercial. Allons-y, et j'ai déjà sélectionné le design qui s'y trouve. Et maintenant, comme vous pouvez le constater, sélectionnez automatiquement notre site Web. Donc, si vous avez déjà ajouté votre site Web, c'est très bien. Ou si vous ne le modifiez pas, cliquez simplement sur Adside et ajoutez-y simplement vos informations d'identification. Si vous passez à l'UIC et que vous passez au réglage, vous obtenez l'ARL latérale le Secure peut également simplement y ajouter Ensuite, il y sera automatiquement ajouté. Ensuite, vous pourrez voir toutes ces choses. Ici, il y a une couleur globale en ce moment, et puis il y a aussi une typographie globale Ici, nous pouvons littéralement le retarder ou le modifier. D'accord, passons maintenant à notre design ici, et vous obtiendrez quelques couleurs. L'une est la couleur d' arrière-plan, la couleur du champ d'arrière-plan est disponible. Et puis on obtient un peu de gris, non ? C'est donc une couleur grise. Nous n'avons donc pas vraiment besoin de tout cela, n'est-ce pas ? Nous n'en avons besoin que de quelques-uns. OK, alors d'abord, allons-y avec cette couleur primaire. Quelle peut donc être notre couleur principale ici ? La plupart du temps, nous n'en avons pas, je pense. Mais disons que nous sélectionnons celle-ci comme couleur primaire. Donc c'est comme 900 années 50. Allons-y. Cliquez dessus. Vous obtenez alors un document de style variable. Tout ça, tu en auras une seule fois. Passons au style, et c'est celui que je vais utiliser comme couleur primaire. C'est une couleur organique, et j'aime bien l'utiliser celle-ci, voyons voir. Celui-ci. La couleur du texte est identique. Allons ici. Il s'agit de la couleur du texte et de toute la rédaction graphique que nous utilisons. Non, couleur du texte, parfois nous utilisons ici 700. Allons 700, 700 et ça fait 950. 50. OK, donc le truc ici, c'est qu' il faut juste faire un peu de technique . C'est donc notre texte, non ? Donc, le texte, nous en utilisons principalement 700, donc celui-ci. Mais disons que nous utilisons le titre. Donc, dans le titre, nous utilisons un texte différent. Alors allons-y. Et dans le titre, j' aime bien choisir celui-ci parce que chaque titre, je vois cette couleur, 950, donc c'est la couleur du titre. Alors allons-y. Et pour la couleur suivante, nous avons autre chose. Voyons voir. Couleur d'arrière-plan et remplissage de l'arrière-plan. Ajoutons donc ici un arrière-plan, afin que nous puissions dire que les couleurs BGi et BGi seront celles-ci Et il nous en faut un de plus. Ajoutons donc du nouveau, et c'est BGifll donc BG ira bien, Et la couleur sera tendance sur celui-ci. Et cette couleur est disponible, mais ce n'est pas nécessaire puisque vous n'en avez qu' une seule fois que nous l'utilisons. Chaque fois que vous utilisez une couleur ou une police globale, essayez de l'utiliser à plusieurs endroits, et non en même temps, car c'est facile à la fois. Mais si vous utilisez la même couleur à plusieurs endroits, sélectionnez-la. OK, alors c'est bon. Voyons voir cette couleur. C'est pareil, 950. C'est une sensation de fond. C'en est une autre. Voyons de quelle couleur s'agit-il. C'est une sensation de fond. Tous leurs antécédents se sentent. C'est aussi la couleur blanche. Allons-y disons que c' est une couleur blanche. Voyons s'ils ont une couleur blanche ou non. Je ne pense pas qu'ils l'aient. Alors, que pouvons-nous faire ? Nous pouvons dire que c'est du blanc, et nous pouvons littéralement sélectionner à partir de là, ou nous pouvons en ajouter un nouveau. Oh, je pense que nous avons déjà une expérience ici. Pourquoi c'est le cas. Nous n'avons donc plus besoin du blanc, alors racontons-le. Donc oui, c'est la couleur que nous utilisons ici sur notre design. C'est bien. Passons maintenant à la police ici. En ce qui concerne la police de caractères, nous devons nous pencher sur le festival Menu One. Donc, dans Menu, nous utilisons Satoshi 18 pixels, non ? Passons donc à ce menu, Shatoshi, je pense que c'est celui que nous utilisons ici Shatoshi, je pense que c'est celui que nous utilisons Shotoshi 18 pixels. Et je pense aussi que nous n'avons pas vraiment besoin d'ajouter le menu, car le menu est principalement disponible en une seule fois. Nous allons être des compagnons. Il n'est donc pas nécessaire d'ajouter du fumier. Passons à la section suivante, celle-ci. Disons donc que c' est le titre 1. Donc, ce que nous pouvons faire, c'est changer le principal en titre 1 et cliquer dessus. Ensuite, nous devons découvrir ici le titre 1. Faisons défiler la page vers le bas, puis nous le découvrirons ici. Je pense donc que s'ils proposent ici une option de recherche, ce sera mieux. Quoi qu'il en soit, allons-y avec ce select H. C'est H. One. Et maintenant, cliquons à nouveau sur ici. Ensuite, nous avons H deux. Choisissons donc simplement H deux et la perte ici H deux, donc c'est H deux. Alors, prenez-le en charge plus tard. Voici H deux. Et puis nous avons également ici H trois, alors ajoutons ici H trois. Il suffit de double-cliquer pour obtenir une option d'édition. Il s'agit donc de H deux, et maintenant nous devons sélectionner H un, trois. C'est H trois, parce que nous utilisons le trois fois, et maintenant nous devons passer par ce corps L. même pour le corps corps. C'est un corps. Et sélectionnons-le. Et allons-y avec ce corps, et c'est un corps. Il est utilisé dix fois, alors sélectionnez-le sur Non et voici notre corps. Sélectionné. Et découvrons ici le corps M, c'est le corps M. Nous l'utilisons quatre fois ici. Passons au corps S suivant. Disons simplement que S sera là. Alors sélectionnons simplement ici, le corps S, où se trouve le corps S ? Voici un corps S. De plus, nous devons ajouter ici notre tag ou disons que nous pouvons l'ajouter ici. Ce sera donc notre bouton, et nous avons certainement besoin d'un bouton. Bouton. Je vais simplement le vendre ici, bouton 1. Nous devons ajouter une balise ici. Donc, si vous voyez que cela n' est utilisé qu'une seule fois, ne l'ajoutez pas, n'est-ce pas ? Si vous l'utilisez plusieurs fois, ajoutez-le simplement car cliquons dessus. Comme vous pouvez le constater, nous l'utilisons 14 fois. C'est donc nécessaire. Corps onze fois, corps dix fois. Ils sont donc principalement nécessaires. C'est donc important. Donc oui, cela nous permet d'ajouter la typographie et la couleur globales, comme vous pouvez le voir Vous pouvez maintenant synchroniser. Cliquez simplement sur un bouton de synchronisation, puis tout sera synchronisé. Et maintenant, revenons-y, et passons maintenant à l'option de conversion. Sélectionnons donc le haut, convertissons. Ensuite, comme vous pouvez le voir, maintenant il suffit de taper bateau, et maintenant passons au Et puis, tout d'abord, je vais changer cette mise en page en pleine largeur. Et maintenant, cliquons sur la page d'une autre taille de Control V, comme vous pouvez le constater, nous obtenons exactement le même design. Mais maintenant, nous devons vérifier si ce guide de style s'applique ou non. Comme vous pouvez le voir, le titre est le même. En plus de la typographie, ils ont ajouté un H et toutes les balises que nous venons d'ajouter partout Woody Miller en a l' avantage, non ? Disons que j'ai ceci ici, la tablette et le mobile. Automatiquement, il est réactif. Mais disons utiliser la même police à plusieurs endroits, non ? Alors, que devez-vous faire maintenant, vous pouvez simplement accéder au réglage des paramètres du site. Et vous avez deux options ici, police globale de couleur. Disons donc que j'aime opter pour la couleur globale. Disons que tous les textes que nous utilisons ici, 121 contre un, deux, j'aime les rendre rouges ou disons que j'aime les faire ces couleurs. Alors, que s'est-il passé ? Je le fais ici et je clique sur Enregistrer les modifications. Et si je vais à nouveau sur ce site Web, alors tout le titre que nous utilisons sera de couleur rouge. Comme vous pouvez le voir, tout le titre est de couleur rouge à la fois. C'est donc la beauté du style, et c'est pourquoi je vous dis que c'est chose vraiment importante et intéressante si vous optez pour cette couleur globale et cette police globale. Alors oui, enregistrons la modification. Donc c'est le truc. Et en lettre, si vous vous sentez bien, vous devez changer le titre immédiatement, changer la couleur. Je suis également sensible aux changements de design. Et pareil pour la police, vous pouvez littéralement changer la police H. Si vous voulez avoir l'impression, d'accord, le H semble beaucoup plus grand que ce à quoi je m'attendais. Ensuite, vous pouvez le diminuer facilement. De plus, disons que si vous voulez en faire une tablette, voulez l'augmenter un peu, allez-y et augmentez, disons, 28 pixels Li un, augmentez-le De plus, si vous aimez les tablettes, vous voulez en faire, disons, 24 dès maintenant. Donc, si vous voulez en faire 32, il suffit d'en faire 32, puis il y en aura deux. Cliquez donc sur le Septon partout où nous utilisons le tag H one, il va être 32 en ce moment, comme vous pouvez le voir, maintenant il est passé à 32 C'est donc la chose la plus simple, et tout dépend de la couleur globale et de la police globale. J'espère donc que vous aurez une idée claire de la manière dont 11. Importer via Live import et importer des pages existantes en utilisant la méthode Ajouter: Nous allons maintenant voir le mode de saisie en direct. Donc, avant de parler de ce mode de copie, n'est-ce pas ? Passons maintenant à l'option suivante, mode de saisie. Alors, cliquez dessus. Ensuite, notre conception est optimisée afin que nous n'ayons pas besoin de l'optimiser à nouveau. Cliquons donc à nouveau sur optimiser. Et puis nous n' allons rien faire car notre design est déjà optimisé. Cliquons donc sur l'option Convertir. Et puis vous avez deux options où c'est comme si téléchargiez cette entrée en direct à Jason. Cliquons donc sur Live Input. Maintenant que vous allez voir, notre site Web est déjà connecté. Donc, si vous ne le modifiez pas, cliquez simplement sur le bouton adst, puis ajoutez simplement ici une ARL et un jeton de sécurité Si vous accédez à cet UICE sous Appuyez sur quoi et que vous cliquez sur le réglage, vous obtenez cette option Et maintenant, il me suffit d'ajouter ce truc et de sélectionner le signe pour lequel vous souhaitez le saisir. Disons donc que j'aime saisir celui-ci. Ce sera notre nouvelle page, non ? Nous allons donc sélectionner la page, et ce sera notre élément. Ce sera donc notre page. Cliquons sur l'option suivante. Et maintenant, comme vous pouvez le voir, cela va être saisi. Comme vous pouvez le constater , c'est important. Cliquons sur le bouton Ouvrir. Et ce design est déjà importé ici, comme vous pouvez le voir. Alors maintenant, vous devez cliquer sur ici, cet élément ou sur ce bouton en haut, et maintenant nous devons cliquer sur le paramètre, changer la mise en page précédente en élément de pleine largeur. Maintenant, le design publié, comme vous pouvez le voir, est maintenant un design prêt à l'emploi ici. De plus, si vous souhaitez modifier le nom de la page, il s'agit actuellement d'un ordinateur de bureau, mais si vous souhaitez apporter des modifications, quoi que ce soit d'autre, vous pouvez le faire Il s'agit donc du mode de saisie, non ? Maintenant, que s'est-il passé, euh, si je fais des changements ici, disons que j'aime faire beaucoup de changements ici. Par exemple, beaucoup de choses que je fais, je change le texte, la taille de la police, beaucoup de choses que je fais ici. Après cela, si vous voulez saisir la même chose, comment pouvez-vous faire ? Ainsi, par exemple, j'y retourne, je sélectionne à nouveau le design. Vous pouvez donc dire : sélectionnez le design, optimisez et convertissez ensuite l'entrée en direct. Et voici l'option, nous avons deux options existantes. Donc, ce design est déjà à moitié sur notre site Web, n'est-ce pas ? Donc, ce que vous pouvez faire, c'est sélectionner un terrain et il va le remplacer. Où allez-vous le remplacer ? Il va remplacer notre ordinateur de bureau. Nous allons donc sélectionner le bureau. Cliquez sur Suivant, et il sera saisi à nouveau au même endroit. Et cliquons à nouveau sur, puis ouvrons à nouveau. Et comme vous pouvez le voir, maintenant cela a changé, et il y en a maintenant plus de six. C'est donc le moyen le plus simple. Si vous importez déjà le design et que vous souhaitez effectuer la mise à jour, c'est un moyen assez simple. Faites simplement la mise à jour comme ça, n' est-ce pas ? Et si vous voulez le faire une fois, ce sera un nouveau design. Ensuite, il vous suffit de sélectionner ici nouveau et comme vous le souhaitez, vous pouvez le faire. Et si vous avez déjà un design important et que vous souhaitez simplement le personnaliser à nouveau, vous voulez le mettre à jour, achetez simplement de cette façon, vous pouvez le faire. C'est donc principalement le problème de l'option d'importation en direct. Alors faites-moi savoir si vous avez des questions, alors faites-le moi savoir. Et maintenant, allons-y avec ce JSON, cliquez sur JSON et cliquez sur le bouton bas. Comme vous pouvez le voir, nous y trouvons un fichier G, et si vous voulez simplement l' exporter , vous obtenez un fichier JSON, mais je pense que nous n'avons pas vraiment besoin de ce fichier. Nous pouvons importer le fichier G. Alors maintenant, pour importer le fichier, le fichier SN, que devez-vous faire, nous devons aller sur la page où vous souhaitez importer le fichier. Cliquez simplement sur cette option ici dans cette boîte à options. Ensuite, nous devons accéder à cette option de modèle M , puis cliquer ici sur cette option d'importation. Et maintenant, dans Importer, nous devons simplement télécharger le modèle que nous avons récemment téléchargé. Sélectionnez donc le fichier, et maintenant nous devons sélectionner le fichier Z ici. Cliquez simplement sur Ouvrir O. Puis sur Afficher dans une fenêtre contextuelle. Allons-y avec Continuer. Alors prenons un peu de temps. Comme vous pouvez le constater, nous avons une option ici. Et maintenant, nous devons sélectionner celui que vous souhaitez insérer. Disons que j'aime bien entrer dans celui-ci, alors cliquez sur le bouton Intérieur. Cela nous permettra d'obtenir une couture telle qu'elle est conçue, comme celle que nous voyons sur la FICMA, Il s'agit donc d'un autre processus. Cela signifie que je partage maintenant avec vous trois processus. Si je voulais juste récapituler, le premier processus était faire celui-ci, c'est vrai, en mode copie L'avant que je partage avec vous. La prochaine chose que je partage avec vous est le mode d'importation. En mode importation, deux options s' offrent à vous. Premièrement, vous pouvez littéralement connecter votre site Web et simplement l'importer en direct. C'est l'une d'entre elles que je partage avec vous. Et je partage également avec vous le J et le Y. Cela signifie que nous voyons les trois manières dont vous pouvez simplement importer votre dessin figma dans Wt Press Vous pouvez littéralement utiliser l'un d' entre eux même pour suivre tout cela. Personnellement, j'aime bien ici Live Import One, ou si vous dites mon préféré, alors mon préféré est comme Copy Pest. Il suffit de le copier et de l'insérer ou de le coller. C'est beaucoup plus facile. C'est donc mon préféré, vous pouvez donc également utiliser cette copie. 12. Préparer les témoignages avec un carrousel: Travaillons maintenant sur une section de témoignages. Pour cette section de témoignages, il suffit tout d' abord de mieux l'organiser Permettez-moi donc de partager avec vous cette couche afin que vous ayez une idée de la façon dont nous l'organisons. Comme vous pouvez le constater, il s' agit de notre code de témoignage, et si vous saisissez, il a une note et un témoignage Nous avons un contenu, image et un texte, non ? Je veux dire, titre ou nom. Et si vous passez à cette note, et si je l'ouvre simplement par cette flèche, alors comme vous pouvez le voir, j'utilise simplement ici, euh, comme l'icône de la police Awesome Five telle que vous pouvez voir Phone Awesome Five, si vous regardez attentivement. Donc, lorsque vous utiliserez cette icône, essayez de vous assurer que vous utilisez également la police ASM five Il sera plus facile d'implémenter Elementor. Vous vous assurez donc de l'utiliser. Et aussi, votre structure sera comme ça, et ce sera un design différent, mais structure, si vous en avez l'air, alors ce sera facile à saisir. OK, alors passons à la suivante. Je sélectionne donc cette section. Passons à l'optimisation et à la copie. Et passons ici à ce widget et à ce tag. Et là, je dois le sélectionner. Alors, que ne choisissez-vous pas ? Tout d'abord, je dois sélectionner votre témoignage, et je dois sélectionner ici un tel témoignage, puis vous obtiendrez un widget de témoignage, il suffit Alors, comme vous pouvez le voir, tout cet endroit , assurez-vous simplement que c'est correct. C'est le contenu, sans aucun doute. C'est l'image. Voici le nom, et voici le titre. Alors, sauvegardons-le. Passons à cette évaluation et cherchons ici cette note. Recherchez simplement une note. Et je sélectionne ici et la note est de zéro à cinq. La note est ici de cinq, et le titre sera étoile et icône étoile, sauvegardons-le. Alors maintenant, comme vous pouvez le voir, c'est maintenant sauvegardé et c'est fait. Et maintenant, il ne nous reste plus qu'à copier Copier, je vais passer à la suivante et simplement coller et remplacer. Encore une fois, collez et remplacez, et encore une fois, collez et remplacez ici. Encore une fois, sélectionnez ici et passons à cette conversion, et elle est maintenant copiée sur mon cli booad. Revenons à Elementor. Collons de l'autre côté, et collons-le. Vous pouvez en voir un autre, maintenant il est ajouté. Ensuite, pour nous, il suffit de cliquer sur cet élément de l'icône du plan, et il ne reste plus qu' à rechercher dans le carrousel Recherchez simplement le carrousel, puis vous obtiendrez ce carrousel Il suffit donc de glisser-déposer ici. Et puis, comme vous pouvez le voir, nous avons quelques Wichat et maintenant, tout d' abord, personnalisez ce que vous voulez Et si vous voyez qu'il n'y a pas d'image, cliquez simplement sur l'option image, cliquez sur Choisir une image, et maintenant vous allez être redirigé sur cette page et maintenant sélectionnez simplement l'image, puis vous obtiendrez l' image Thea. Donc oui. Donc, tout d'abord, j'aime changer cette direction CN vers le centre, comme vous pouvez le voir maintenant au centre. De plus, si vous voulez changer ce paramètre en quatre ou disons trois, comme vous le souhaitez, vous pouvez littéralement le faire Donc, dans mon cas, j'en fais cinq. OK, c'est bon. Si vous souhaitez modifier ce plan CN, vous pouvez le faire ici. Ce que vous voulez, vous pouvez le modifier et maintenant il vous suffit de le sélectionner si tout va bien , puis de le sélectionner, de le copier. Passons à l'étape suivante, le widget, et il suffit de le coller. Donc, lorsque nous allons simplement le coller, nous devons changer la largeur Comme vous pouvez le voir, j'ai sélectionné cette carte, et je suis également passée à cette mise en page, et maintenant elle est pleine largeur et elle est passée à 100 % en ce moment. Donc, quand tu vas gagner 100 %, tu deviens comme ça. Passons au conteneur 1. Et ce conteneur, j'aime faire sur toute la largeur et le faire 100 %, et chaque fois que vous voulez en faire 100 %, nous arrivons également sur un site b. Donc, ici, il suffit de le faire à 90 %. Donc, chaque fois que vous voulez atteindre 90 %, cela doit ressembler à ceci. Et maintenant, nous voulons également modifier cette largeur. Passons donc à cette carte, et à l'intérieur d'une carte, à l'intérieur de ce contenant, j'aime créer 16 pixels de ce rembourrage ensemble De plus, sur ces points, j'aimerais faire une petite mise à jour. Disons que pour le nom, j'aime l'améliorer de 20 pixels, oui, de 20 pixels. Et pour le titre suivant , j'aime faire 16 pixels. Donc oui, ça a l'air plutôt bien. C'est mieux si tu le fais dans Figma. Mais je le fais parce qu'il a l'air tellement plus grand. C'est pourquoi. Mais si tu continues comme ça , pas de problème. OK, alors maintenant c'est prêt. Et maintenant, cliquons uniquement sur la carte. Il suffit de copier la découpe, de la copier, de passer à la suivante et de la coller comme vous pouvez le voir, nous en obtenons une suivante, passer à la suivante et de la coller. Nous en avons un troisième. Cliquons sur ce carrousel, dupliquons-le encore un peu Donc, comme vous pouvez le voir, je reproduis à nouveau ici. Je reçois un quatre, cinq, donc je peux dire que ce sont nos quatre. Disons que c'est notre numéro cinq, ça devrait l'être. Oui, nous en avons quelques-uns. Et aussi, Asks, nous pouvons voir une flèche ici, mais elle n'a pas l'air tellement visible. Alors, ce que vous pouvez faire, passez au style. Passons à la navigation. Disons que cette couleur se transforme en noir, un truc comme ça. Oui, L est visible. De plus, si vous voulez en faire coin arrondi ou quelque chose comme , nous pouvons certainement le faire. Mais je trouve que ça a l'air bien. Mais si tu veux le rendre solide, tu peux le rendre solide. Vous pouvez certainement l'ajouter d'un pixel. Quelle sera notre couleur ? Quel sera notre rayon d'action. Et puis ajoutez-y également le rembourrage. Donc je pense que si vous l'ajoutez simplement, comme je peux le dire, il sera rond ou quelque chose comme ça. Donc je n'en ai pas vraiment envie pour le moment. Alors, gardons-le tel qu'il est. OK, c'est bon. Oui, c'est bon. De plus, chaque fois que nous allons survoler , la couleur change Passons au survol et rendons-le noir. Mais maintenant, cela ne change pas. Donc, si vous cliquez dessus, comme vous pouvez le voir, vous passez au suivant. Nous pouvons également mettre à jour ici cette lacune. Pour cela, je vais sélectionner ici le carrousel, passer au style, passer à la diapositive, et maintenant déterminons la quantité que je Disons que je veux un 30 pixels. Donc, oui, c'est ça, Milli. Je pense que c'est bon maintenant. Et il a également un peu plus de réglages. Si vous voulez vraiment essayer, vous pouvez le faire. Disons d'un paramètre de navigation. Oui, ayons un paramètre de navigation, ainsi qu'une pagination Si vous souhaitez changer la pagination en quelque chose de différent, vous pouvez le faire Donc, tout ce que tu veux, tu peux le faire, manière de Milli. Tu peux faire le coiffage. Vous pouvez modifier la couleur, et vous pouvez également modifier la taille des points de police. heure actuelle, si vous regardez, c'est assez petit, alors vous pouvez certainement l' augmenter si vous le souhaitez. Donc, oui, c'est avec environ 13. Importer le formulaire de contact 7 ou WPforms: Je vais maintenant partager avec vous la façon dont nous pouvons ajouter ce formulaire de contact. Donc, pour ce faire, nous devons sélectionner le cadre comme celui-ci, puis nous devons opter pour l'optimisation. Et après cette optimisation, nous suffit d'ajouter une balise Widget, car je vous ai déjà dit que si vous souhaitez imposer un design statique, vous n'avez pas besoin de configurer de balise de widget. Mais si vous voulez obtenir quelque chose de dynamique, cette fois, nous devons absolument configurer ce widget. Ici, nous pouvons littéralement le sélectionner comme formulaire, mais ce n'est pas encore nécessaire. Il suffit d'ajouter le champ ici. Donc, ce que vous pouvez faire, vous pouvez simplement sélectionner l'option de champ ici, et ce sera notre formulaire de remplissage. Je peux donc dire que ce sont nos champs, et allons-y à Wichtag et ici, nous pouvons rechercher le formulaire que vous souhaitez ajouter Ainsi, par exemple, j' aime ajouter ici, disons un formulaire, donc je veux ajouter ici un formulaire WP. Je peux donc simplement ajouter ici W fm. Comme vous pouvez le voir, j'ai un widget WfM ici parce que j'ai été installé sur un plugin appelé Plus Widget Donc, si vous voulez simplement le copier et si vous allez votre site WordPress et si vous allez sur les plugins, je pense que je partage déjà ce truc avec vous. Donc, si vous recherchez simplement ici, le widget Plus, alors ici, vous obtiendrez ce plugin. Cela vient de Posy Met, celui-ci, comme vous pouvez le voir, en est l'auteur Il suffit donc d'installer et d' activer ce plug-in. Donc, si vous l' activez, lorsque vous allez copier-coller Elementary, vous aurez l'option de contact. OK, alors revenons encore une fois ici. Et maintenant, disons que je vais simplement sélectionner ici le formulaire TPP Et maintenant, comme vous pouvez le voir, ce n'est pas configuré. Alors cliquons sur Enregistrer, maintenant c'est enregistrer. Maintenant, nous devons revenir en arrière, revenir en arrière, cliquer sur Convertir, et maintenant cliquons sur Télécharger Juste une option ou une entrée en direct. Je pense donc que je vais opter pour l'option d'importation de téléchargement. Alors téléchargez-le. Comme vous pouvez le voir, téléchargez-le ici. Revenons à notre site Web sur lequel vous souhaitez importer le formulaire. Alors, cliquons ici, ici la boîte. Ensuite, nous devons cliquer ici sur l'option Importer. Et maintenant, il suffit de faire glisser et brouiller le fichier ici, puis de continuer. Et comme vous pouvez le constater, nous avons un contact en option, non ? Cliquons donc sur cette option InSR et maintenant, comme vous pouvez le voir, nous obtenons la même chose qu'ici Et maintenant, ce que vous devez faire, nous devons cliquer sur ici en option et je dois rechercher votre WPForm en faisant simplement glisser un chiffon et une ligne Donc, comme vous pouvez le voir, nous avons l'option. Nous devons maintenant sélectionner hEFM , celui que nous aimons utiliser. Maintenant que nous avons obtenu celui-ci, cliquons dessus. Pin IC, allez ici à l'option avancée, modifiez cette personnalisation selon ce que nous voulons. J'aime bien opter pour 100, comme vous pouvez le constater, nous en obtenons 100 et maintenant nous pouvons simplement le publier. Et pour ce formulaire client magicien, nous pouvons également le faire d'ici Nous pouvons faire un peu de magicien pour le client. Supposons que nous puissions modifier la taille de la police, taille du champ, le style de l'étiquette, le style du bouton, si vous souhaitez changer le bouton. Disons que c'est le bouton en ce moment, et que la couleur de notre bouton est quelque chose de différent. Si tu regardes ça. C' était la couleur de notre bouton. Nous avons donc besoin de la même couleur, d'accord, pouvoir simplement la copier, revenir au design, simplement changer ces couleurs, vous pouvez voir comment cela change. Je veux changer cette couleur pour qu'elle ressemble à celle-ci, afin que vous puissiez voir le changement. De plus, comment voulez-vous, si vous voulez le rendre grand ou petit, comment voulez-vous ? Tu peux le faire. également l'option avancée B Wood Nredian Et voici un style de niveau, un style de remplissage. Vous y trouverez également une option avancée. Et publions ce formulaire. De plus, si vous souhaitez personnaliser votre formulaire, je pense que vous le savez déjà. Il vous suffit de vous connecter au plug-in de formulaire que vous utilisez personnellement. Donc, si vous utilisez le formulaire de contact, utilisez le contact fm et modifiez votre formulaire. Et si vous utilisez WB Form, utilisez votre WB Farm et modifiez simplement le Donc, ce que vous devez faire, il vous suffit de remplir le formulaire manuellement ici. Le formulaire ne peut donc pas être importé lui-même, vous n'avez donc pas besoin de l'ajouter manuellement. Supposons que vous ayez besoin d'un e-mail, d'un numéro de téléphone. Ce que vous pouvez faire, vous pouvez simplement copier le numéro de téléphone , disons, et laissez-moi vous expliquer comment nous pouvons faire. Donc, comme vous pouvez le voir, nous avons l'option e-mail, n'est-ce pas ? Et maintenant j'ai aussi besoin d'un autre texto pour un numéro de téléphone. Donc, ce que vous pouvez faire, c'est simplement dire une seule ligne, donc je vais simplement ajouter une seule ligne, et je vais la remplacer par un numéro de téléphone. Comme vous pouvez le voir, c'est le numéro de téléphone ici. Et aussi, si vous souhaitez ajouter l'espace réservé comme celui-ci, vous pouvez le faire De plus, voyons dans notre formulaire n' y a pas de texte. Si vous regardez cela attentivement, il n'y a pas de niveau. Il est totalement vide. n'y a aucun niveau ici. Donc, ce que vous pouvez faire, vous pouvez simplement masquer le niveau ici. Nous pouvons simplement masquer le niveau, et à propos de l'e-mail, pareil, nous pouvons masquer le niveau. Mais nous pouvons ajouter ici l'adresse e-mail fictive , disons, notre adresse e-mail Ainsi, vous pouvez envoyer par la poste votre ensemble de formulaires. Alors oui, 14. Section accordéon niché ou FAQ: Importons maintenant notre section FAQ ou Ecodon. Donc, pour la section FAQ, nous devons à nouveau passer à Figma Ensuite, nous devons cliquer et optimiser la copie. Ensuite, nous devons aller ici Wich et étiqueter à nouveau. Et maintenant, il ne nous reste plus qu'à sélectionner ces questionnaires ici, ce sera par exemple FQ Donc, ce que vous pouvez faire, vous pouvez simplement rechercher dans votre FAQ. Donc, si vous n'y trouvez pas de FAQ, vous devez rechercher votre Ecodon, simplement rechercher AC, puis vous obtiendrez celui-ci. Il vous suffit de le sélectionner Et après cette sélection, vous obtiendrez cette option sous forme de formulaire de titre. Vous devez donc sélectionner le formulaire FQ 1, puis l'icône sera celle-ci et titre sera, je ne suis pas sûr de celui-ci, n'est-ce Ajoutons-en un nouveau, et ce sera notre F deux. Encore une fois, voici comment trouver le chiffre deux. Est-ce que c'est la figure deux. Ajoutez-en un nouveau, et passons à la figure 3. Sélectionnons la figure 3. Ajoutons-en un autre, et c'est F quatre ici. OK, ce n'est pas du contenu, c'est la quatrième question. Encore une fois, ajoutez ici F cinq, ajoutez simplement ici AFX cinq Ajoutez-le simplement et cliquez sur le bouton Enregistrer les modifications. Et revenons en arrière. Cliquons sur Copier et maintenant ça va dire CoptiCarpot. Revenons au bureau et cliquons sur Coller de l' autre côté pour le coller. Et comme vous pouvez le constater, nous obtenons la même chose telle qu'elle est conçue, n'est-ce pas ? Et aussi, nous devons saisir la même chose sans Widget. Alors revenons en arrière. Et encore une fois, optimisons et copions le tag Widget, et passons à accordéon, celui-ci, et je dois sélectionner celui-ci Et comme vous pouvez le voir, je vais juste être clair. Il n'y a donc plus de taxe sur les widgets. Donc, ce que je fais, tout d'abord, j'y installe un widget et je saisis simplement sur mon site Web élémentaire Maintenant, j'efface simplement l' élément ou le widget. Comme vous pouvez le voir, je l'ai maintenant clarifié. Il n'y a rien de prévu. Des coussins normaux, comme vous pouvez le voir sur l'icône du cadre. Donc, ce que je fais, je le sélectionne à nouveau et je reviens en arrière. Maintenant, convertissons, et le tout est copié dans le presse-papiers Revenons-y, et dépassons simplement cela. OK. Donc, si vous voyez ce type de collage, cliquez sur passer sur le côté et collez-le. Alors maintenant, comme vous pouvez le voir, nous avons la version statique, donc maintenant, comme vous pouvez le voir, vous en avez deux. L'un d'eux est, par exemple, avec Widget. L'une d'elles est, genre, sans Widget, et nous devons juste faire en sorte que tout soit pareil, non ? Commençons donc le travail. Comme vous pouvez le voir, sur quoi allez-vous cliquer sur cet accordéon FIQ, puis Asgacs s'ouvre, et nous devons ajouter Voici donc le texte, donc nous pouvons simplement le copier et nous allons vraiment passer ici. Oui, tout tourne autour de ça. Et maintenant, allons-y, il peut s'agir de la même ligne. Voyons donc si c'est la même ligne ou non. Oui, c'est un peu la même phrase, mais ce n'est pas le cas. Vous pouvez donc cliquer dessus, passer à l'Avance et supprimer simplement ici. Je ne reçois que ce rembourrage. Disons qu'en haut, je ne veux vraiment rien. Mais partout, j' aime avoir un 20 pixels. Donc, à partir du haut, je peux juste le mettre à zéro. Et vu du bas, je pense que c'est 16 pixels de mieux. Disons 12 pixels. Oui, c'est bon. Voyons à quoi cela ressemblait. Genre, oui, c'est bon. OK, cliquons ici en haut de ce modèle. Dans. Ensuite, il suffit de faire défiler l'écran vers le bas et la position de l'élément devrait être directement étirée jusqu'à celui-ci, et l'icône devrait être là. Oui, c'est bon. De plus, nous devons y aller, et nous devons retirer ici la tuile. Allons voir le boer, disons qu'aucun d'entre eux ne s'embête. Allons aussi dans ce bower. Et maintenant, partout, nous avons besoin de ce botter. Mais pour le modèle actif, donc pour le modèle actif, passons à la vignette active et activons le type boer Je veux qu'il soit solide et comme nous le voulons, revenons à la conception Et c'est peut-être notre boer et c'est 100 % OK, découvrons d'abord la frontière ici Alors c'est notre bouteille, non ? C'est donc du toke, et cela devrait être 1,5. C'est notre jeton. OK, alors copions-le. Revenons-y encore une fois. Et voici les actifs, je pense que nous optons pour cette couleur. Ça devrait être mieux, je dirais. Cette couleur. Alors maintenant, comme vous pouvez le voir, actif, avec cette largeur de bordure, je veux dire, c'est la largeur de bordure, donc combien je veux, donc je veux en choisir une seule. Alors je le verrouille. Faisons-en un. Ou si vous voulez le faire 1,5, vous pouvez le faire 1,5. Et puis les zones frontalières sont en haut à droite. C'est très bien. Mais en bas et à gauche, je n'ai pas vraiment besoin de quoi que ce soit quand c'est actif. Comme vous pouvez le constater, je suis actif sur la soie, pas en survol. Actif signifie quand il est ouvert, non ? Quand c'est ouvert. Cliquons sur le suivant, et passons à l' arrière-plan de. Nous n'avons pas besoin d' un arrière-plan du type Let's Go, changeons la couleur dans celui-ci. Ouais. OK, nous devons donc changer de couleur. Donc, ce que nous pouvons faire, c'est choisir la couleur d'ici. Alors, s'il vous plaît, sélectionnez la couleur. Très bien, c'est donc la couleur que nous allons choisir. OK. Alors c'est normal ? OK, encore une fois, cliquez sur celui-ci, sur le suivant, et allez ici la couleur et ajoutez simplement le code couleur. OK. Très bien, maintenant c'est ajouté. Donc, ce que vous devez faire, nous devons ajouter ici le rayon d'angle. Encore une fois, il suffit de cliquer sur celui-ci. Passez au style et optez pour le botter et le rayon de la bouteille, j'aime ajouter ici celui-ci et celui-ci Donc, ce que je fais, je le copie simplement à partir de l'actif. Donc, quand je passe à l' actif, comme vous pouvez le voir, j'ajoute ce rayon de bouteille ici, celui-ci, je copie simplement le même numéro. Vous pouvez donc en faire une figure ronde. Vous pouvez en faire huit, par exemple, ou si vous voulez en faire neuf, vous pouvez le faire. Et faites simplement la figurine ronde, puis ouvrez-la, puis passez à la suivante, suivante qui va s'ouvrir, allez voir le boer et voici le tableau tel qu'il en sera un De plus, si vous souhaitez ajouter ici un type d'arrière-plan, disons un type de bateau, vous pouvez le faire Nous pouvons donc en ajouter un ici, et celui-ci devrait en être un. Et nous devons également ajouter ici et colorier. Notre couleur sera donc cette couleur, nous pouvons donc simplement copier la couleur, revenir ici et passer à botter et notre couleur sera la même OK, c'est bon. Voyons maintenant à quoi cela ressemble. C'est donc le truc maintenant. Oui, c'est bon. C'est ce que nous allons faire. Mais le problème ici, vous pourriez avoir l'air de voir que c' est arrondi, mais ce n' est pas arrondi. Donc le problème ici, parce que je pense que nous créons le rayon d' angle ici. Cela devrait donc être huit. Cela devrait être huit, pas 88. Mais les modifications se produiront sur la version active. Un actif sera égal à zéro et zéro. Maintenant, voyons voir. La valeur active sera zéro et zéro. Mais si vous voyez la normale , la normale ira bien. Normalement, ce sera huit et huit, c' vrai. Donc, le huit ou le neuf. OK, c'est bon. Et maintenant, si vous voulez le rendre plus proche, cliquez dessus, puis passez à Advance. Et ensuite, ce que nous pouvons faire, nous pouvons simplement ajouter le mod ici. Disons que j'aime aller ici en 16 pixels. C'est très bien Ça a l'air bien. Et si tu veux le rendre plus proche, faisons-en 24 ou 20, si tu veux, faisons-le 20 comme ça. Ou une chose que vous pouvez faire, vous pouvez simplement le copier, il suffit de cliquer sur le copier-coller. Et après l'avoir collé, si vous souhaitez appliquer le même style, cliquez ici sur le principal , le conteneur principal, cliquez ici sur Copier Il suffit de cliquer ici sur cette copie et de passer à la suivante et cliquer sur le style de collage, de coller ce style. Nous aurons alors le même style ici, non ? C'est donc une autre façon de procéder. Donc, tout d'abord, copiez-collez ici. Encore une fois, passez au suivant, collez ici et passez au suivant. Vous pouvez littéralement coller ici. Et maintenant, si vous voulez appliquer le style, cliquez sur ce conteneur principal, copiez-le, allez-y, collez le texte , nous l'avons trouvé Mettons-y la pâte, je comprends. Passons maintenant au Pisttyle ce qui signifie que nous obtenons la même chose Maintenant, je vais partager avec vous la façon dont nous pouvons simplement ajouter le CN. Donc, pour le CN, si vous souhaitez importer votre propre CN, vous suffit de cliquer sur ici ou sur ce CV de téléchargement, puis de télécharger le HVC que vous souhaitez ajouter, il vous suffit de l' ajouter et de le sélectionner Et puis il y aura du changement. Et aussi, si vous avez une bibliothèque d' icônes, quelque chose comme ça, disons que vous utilisez la bibliothèque Huge Cn ou quoi que ce soit d'autre, si vous voulez le télécharger en une seule fois, il suffit de le télécharger ici, Elementor, puis toutes les icônes seront ajoutées en même temps, n'est-ce pas ? Vous n'avez donc pas besoin de télécharger le Cn manuellement à partir d'ici. Et pour exporter cette icône, vous devez vous rendre ici sur cette figure et vous devez simplement sélectionner l' icône Sur ce paramètre d'exportation, vous devez sélectionner ici HVC et simplement faire exploser l'enveloppe Con, puis vous obtiendrez le même fichier HVC Donc, oui, j'espère que vous comprenez comment ajouter votre propre icône ou comment effectuer les modifications. De plus, si je ne me trompe pas, ils ont déjà ce paramètre ici pour le Cn. Donc, si vous allez sur cette icône, vous obtiendrez cette option de taille. Disons que j'aime choisir 26 ou 20 pixels, si je me trompe, oui, 20 pixels, allons-y. Allons changer de couleur. Si vous voulez que cela change de couleur, vous pouvez le faire à partir d'ici. Donc, si vous passez au style et si vous faites défiler l'écran vers le bas jusqu'à l'en-tête, vous obtiendrez essentiellement cette option. De plus, c'est une typographie, faites les modifications. De plus, si vous voulez changer la couleur, le texte , le trait, ce que vous voulez, tout ce paramètre, vous obtiendrez un style La dernière chose est de changer les couleurs de fond. Pour ceux-ci, nous devons opter pour ce style de cordon. Et normalement, nous devons créer cette couleur, comme vous le souhaitez. Disons que je vais lui donner la couleur blanche. Alors maintenant, comme vous pouvez le voir , c'est de couleur blanche. Chaque fois que je clique dessus, je suis comme ça. Donc, ce que je dois faire , je dois revenir ici actif, et pour la couleur de fond, je dois sélectionner les mêmes couleurs. Donc tu es actif. Donc, pour ce qui est de la couleur, j'aime bien la changer. Donc oui, maintenant, si je clique, comme vous pouvez le voir, nous obtenons la même couleur. Si je clique, on obtient la même couleur ici. OK. 15. Sections d'en-tête et de pied de page: Je vais maintenant partager avec vous la façon dont nous pouvons ajouter un en-tête et un pied de page personnalisés Donc pour cela, nous avons juste besoin d'element to pro. Si vous avez déjà Element to Pro, c'est très bien. Ou si vous ne l'avez pas, vous avez besoin d'une prise supplémentaire pour cela. Il s'agit d'un élément ou d'un en-tête et d'un pied de page. Si vous l'avez, ils installent simplement ce plugin dans l'élément de recherche dans l'en-tête. Ensuite, vous obtiendrez un plugin. OK, donc ici celui-ci, vous devez l'installer et l'activer. Vous pouvez également essayer celui-ci. Je pense que ce sont les mêmes caractéristiques. Oui, tu peux essayer les deux. Mais j'ai déjà un élément de Pro, donc je vais vous montrer l'élément de P. Donc, tout d'abord, nous devons utiliser des modèles, et nous devons aller ici Team Builder ici. Ensuite, nous devons aller ici dans l'en-tête, cliquer sur cette icône plus, cliquer sur l' icône plus. C'est là. Passons maintenant à cette Figma, je vais cliquer sur cet en-tête Accédez au plugin élémentaire Fig Mad, optimisez-le, convertissez-le pour copier un clavier Revenez maintenant à Elementor et voyons maintenant quel en-tête correspond déjà C'est donc la bonne chose que je veux. Et puis ça ressemble, je pense, pareil. Je pense que celui-ci et celui-ci se ressemblent. Ouais, celui-ci se ressemble. Alors allons-y. Donc, si vous voulez insérer, alors je vais vous connecter à votre compte OK, alors ignorons-le pour le moment. Cliquons sur cette option croisée, et maintenant passons simplement sur le côté, passons-la. Donc, comme vous pouvez le voir, nous obtenons exactement le même en-tête. Comme vous pouvez le voir, nous obtenons exactement le même en-tête pour dextro. Mais lorsque vous passez au mobile, ce sera quelque chose de différent. Donc, ce que vous pouvez faire, nous pouvons littéralement le dupliquer. Donc, comme tu peux le dire, fais-en deux. Et nous pouvons le faire de plusieurs manières. Ce n'est pas une ficelle, c'est dingue, comme ça. Vous pouvez le faire de plusieurs manières. C'est donc quelque chose, disons, pour Dextop et c' est quelque chose que nous pourrions dire pour un onglet ou un mobile comme celui-ci, tap ou mobile Donc, sur celui de bureau, cela ne sera visible que par le Textb Alors, que peux-tu faire ? Je peux sélectionner le conteneur, passer à l'étape avancée et accéder à ce responsive et simplement le désactiver pour celui-ci. Passons à cette tablette, passons Advance, passons au responsive et découpons simplement un en-tête Cela signifie que celui-ci a l'air simple, pareil. C'est différent, non ? OK, c'est bon. Alors maintenant, sur cette tablette, que devez-vous faire ? Il suffit d'ajouter ici le NAP, recherchez simplement NAP, puis vous obtiendrez un menu WordPress, il suffit de glisser-déposer le menu Odd Press. D'accord, alors maintenant dans le stylo WordPress, il ne nous reste plus qu'à faire quelques techniques Donc, ce que nous pouvons faire, nous pouvons simplement suivre et dessiner ici ce bouton principal et ci-dessous jusqu'au logo, comme celui-ci. Voici notre logo. Ensuite, nous allons y ajouter ce menu W press, non ? Et maintenant, il suffit de le supprimer. On obtient donc la même chose, non ? Et ici, pour ce qui est du motif, j'aime changer ce pixel. Disons que j'aime le faire comme ça. 20 peut-être 21, c'est bien. C'est un autre menu, donc j'aime le changer avec Ulcère qui devrait être personnalisé et celui-ci devrait être avec Pixel, pas je pense. Ouaip. C'est une bonne chose. Ouais, c'est bon. Oui, c'est bon. Donc, si vous voulez le rapprocher un peu plus, nous pouvons le rendre encore plus pécheur. Donc oui, il suffit d'augmenter ce côté gauche. Supposons donc que je veuille passer au pourcentage de pixels. Le pourcentage sera beaucoup plus rapide et plus facile. Donc 40, oui, ça paraît plus proche, 45 et 40, 44 c'est bien. Mm. Mettez-les au centre de tout et concentrez-les, au bon centre. Ouais. Maintenant, si vous voulez faire un peu de personnalisation, vous pouvez certainement le faire. Et c'est stupide pour le mobile. Donc ici, ça a l'air plutôt sympa. Et si vous utilisez ce mobile, c'est bon. De plus, une chose, lorsque vous l' ajouterez à chaque fois que vous l'ajouterez, c' est qu'il ne ressemblera pas exactement à ce qu'il est, n'est-ce pas ? Donc, si vous cliquez dessus, comme vous pouvez le voir, cela ressemble maintenant à ceci parce que j'ai également changé la largeur ici. Il est donc également nécessaire de faire un petit réglage. Passons donc à cette mise en page, et nous devons la faire en pleine largeur, non ? Lorsqu'il doit être mobile, il doit être sur toute la largeur. Et si vous voulez le placer au centre, oui, certainement, c'est l'option first mix center, mais oui, écrivez-les au centre. Hum OK, alors voyons maintenant l'aperçu. C'est le centre. Si nous voulons arriver ici, ce sera également au centre, je pense. OK, donc oui. Et je pense que nous n'en avons besoin que pour le mobile. Nous n'en avons pas vraiment besoin pour la tablette parce que dans la tablette, ce sera un flux, je pense. Nous ne pouvons donc le faire que pour le mobile. Passons donc au mobile, et c'est le mobile en ce moment, et c'est une bonne chose, je pense. Donc, ce que nous pouvons faire, c'est simplement changer la donne ici. Disons donc que j'aime choisir ce que nous voulons. Faisons-en un pixel. Alors faisons-le, Torty. C'est très bien Et je veux aussi en faire ce Torti Passons donc à ceci, et passons à l' Avec aussi une chose. Si vous voyez n' y a pas de bouton, alors assurez-vous sélectionner ce hamburger à bouton à bascule comme celui-ci Vous trouverez alors cette option ici. Donc, comme vous pouvez le voir maintenant, il est sur toute la largeur. Donc oui, l'essentiel ici, il suffit de corriger cette largeur parce que si vous faites ce calcul correctement, alors tout ira bien, non ? Sinon, vous verrez que c'est un peu cassé comme ça, comme vous pouvez le voir. Maintenant, on dirait qu'il est cassé. C'est un côté, c'est un côté. Il suffit donc de calculer correctement cette largeur. Disons que je veux créer un 30 pixels, c'est bien. OK. Donc, après l'avoir réparé, je vais partager avec vous. Je dis aussi que si vous pouvez voir, ce ne sera pas central que d' aller à chaque endroit sur ce logo, de vérifier à l' avance cette marge et ce rembourrage Cliquez sur le bouton, vérifiez la marge et le rembourrage. Passez également à ce numéro N, vérifiez la marge et le rembourrage Donc, si vous voyez que cela ne va pas être central. Donc pour le moment, comme vous pouvez le voir, ce sera au centre, mais avant je ne l'étais pas, j' essaie plusieurs fois de ne pas y aller, mais maintenant ça va. Mais ne retirez pas ce rembourrage. Si vous retirez simplement le rembourrage, vous devrez probablement l'ajouter à nouveau. Je t'aide à le comprendre. OK, alors maintenant nous devons réparer la tablette 1. Mais sur tablette, ça ressemble à la même chose, non ? Donc, si vous voulez y ajouter du fumier, c'est bon. suffit d'y aller et d'accéder à ce contenu, et nous devons l'ajouter ici. Ce hamburger, celui-ci, et ça devrait être une icône Donc, si vous souhaitez ajouter cette liste déroulante dans la tablette, vous devez vous assurer que vous sélectionnez cette mise en page dans la liste déroulante. Donc, si vous sélectionnez votre horizontale ou votre verticale, il n'y aura probablement aucune option croisée ici. Donc, je veux dire, option de menu ici. Vous devez donc vous assurer qu'il s'agit d'une liste déroulante. Donc maintenant, comme vous pouvez le voir, c'est une liste déroulante, et maintenant nous pouvons voir le menu et si vous cliquez dessus, alors Asi cans sera là-haut. Mais ce n'est pas visible car nous devons accéder à cet en-tête et ajouter l'indice Zt trois p neuf. Alors ça va probablement arriver, alors maintenant ça arrive probablement ici. C'est donc probablement la même chose. Oui, maintenant c'est pareil. De plus, si vous souhaitez ajouter ici cette couleur de fond, accédez à ce NAF comme à l'en-tête Je veux dire, celui-ci principal et reprenez les choses normalement. Et pour ce qui est de cette couleur de fond, j'aime utiliser le remplissage d'arrière-plan. Alors, cliquons. Comme vous pouvez le voir, nous obtenons la couleur de remplissage de l' arrière-plan ici. Ouais. Maintenant, j'espère que vous le comprenez, et tout tourne autour du mobile. Voici notre tablette, et voici notre ordinateur de bureau. Donc oui, c'est ça. Alors maintenant, pour corriger cette option, il ne nous reste plus qu'à travailler sur cette mauvaise herbe. Donc, si vous réduisez simplement la quantité de mauvaises herbes, cela sera réglé. Si vous réduisez simplement le souhait, cela sera réglé, je pense. De plus, si vous souhaitez ajouter un menu, comme le menu Nap, que vous pouvez faire, vous pouvez simplement rechercher votre Nap. Ensuite, vous pouvez ajouter ici le menu What press, peu comme ceci au milieu de tout cela. Et maintenant, vous devez faire un petit réglage. Alors, cliquons sur ce stylo. Je peux choisir ce style et simplement opter pour la typographie et le faire de 18 pixels, par exemple, et aussi de 400 Oui, 400, ce sera moins. Allons-y avec 500. Et vous pouvez littéralement supprimer ces deux objets, et vous pouvez simplement faire un peu de style, comme vous pouvez le voir, parce que maintenant, quand je vais le survoler, il passe au blanc Donc, ce que nous devons faire, c'est changer la couleur. Donc, survolez la couleur, ça devrait être la couleur primaire, non ? Alors maintenant, comme vous pouvez le voir , cela devrait être principal. Maintenant, ça a changé. Sur le pointeur, la couleur doit être le titre. Alors maintenant, je vais dire que c'est du changement. Donc, je pense également que nous n'avons pas vraiment besoin de cette couleur de pointeur. Il suffit de le retirer. Donc oui. Alors maintenant, nous pouvons simplement faire personnalisation ici, puis cela sera corrigé. Voyons donc l'aperçu. Oui, c'est bon. Cliquons donc sur cette option publiée. Maintenant, notre entête est prête, et maintenant nous pouvons passer à la suivante. Tout tourne autour de notre pied de page. OK, alors passons maintenant au pied de page. Cliquons donc sur Toutes les parties dans Nouveau et Pied de page. D'accord, alors maintenant c'est en cours de chargement. OK, nous devons donc y retourner. Et pour le pied de page, il suffit de le copier à nouveau dans notre presse-papiers Après l'avoir copié, traversons-le et cliquons ici sur ce bouton, collons-le par le côté et collons-le. Bien, c'est donc une photo en version supplémentaire, non ? Alors, qu'est-ce que c'est pour l'image ? Voyons de quelles images il s'agit ? Non, il n'y a pas besoin d'image, je pense. Supprimons donc l'image. Cela n'est pas nécessaire. C'est une bonne chose. Je pense que le foo va être beaucoup plus facile car il suffit de fixer ici uniquement la largeur, rien d'autre. Parce que si vous allez sur cette tablette, nous devons respecter la largeur ici. Si nous allons sur ce mobile, nous devons également respecter la largeur. C'est tout, et vous devez également supprimer certaines pièces inutiles. Donc oui, c'est tout ce qui compte. OK, commençons à réparer ici. Sur ordinateur de bureau, il suffit de coller cette icône, non ? L'icône est donc déjà là. Cliquons ici sur cette structure et à l'intérieur de celle-ci, il suffit de fixer la largeur. Donc, pour le moment, comme vous pouvez le voir, il s'agit d'un pourcentage, alors diminuons et augmentons un peu. Oui, 15 c'est très bien. OK, alors maintenant c'est faux. De plus, si vous souhaitez réduire la taille, nous pouvons certainement le faire. Nous pouvons le faire ou vous pouvez le faire 16 Pixel Do. Passons maintenant à la tablette et également à la largeur. Donc, sur un mobile, je dois également les centraliser. Nous devons également corriger cette largeur, définitivement. Ajoutons donc la largeur. Donc, pour le moment, le principal, le mainframe, nous devons le faire à 100 %, par exemple Et pour l'autre, il suffit de réduire le poids. Donc, pour le moment, comme vous pouvez le voir, c'est 90 ou 18 pixels. Passons au suivant et faisons de même. Donc, chaque fois que je l'ajoute , comme vous pouvez le voir, il passe à la ligne suivante. C'est donc le suivant. De plus, nous devons réinitialiser ce plafond, disons qu'il s'agit de quatre pixels ou cinq, six. Et maintenant, si vous voyez ici, cela ressemble exactement à ce qu'il était avant. C'est sur ordinateur, tablette, et c'est sur mobile. 16. Toutes les pages de blog Listes de blog ( Figma à WordPress ): Nous allons maintenant voir comment importer une page de bloc dans Elementor Donc, pour ce faire, nous devons aller ici modèles, et nous devons aller ici Theme Builder ici. Et maintenant, nous devons sélectionner ici que voulez-vous ? Disons que nous voulons une archive de blog de type ARCA Pig. Cliquons donc sur le nouveau bouton Ce en haut de la page. C'est vrai. Alors maintenant, revenons en arrière. OK, maintenant Asics partage des modèles prédéfinis, mais nous n'allons pas les réutiliser. Fermons-le. Et maintenant, revenons à notre design et au design de Figma Passons au plugin Fig Bet Elementor comme My Cei, remontons les TMA et Si vous avez le temps d'optimiser, optez pour Optimus, maintenant je copie dans mon presse-papiers Ce que je fais, je colle simplement d' un autre côté et je contrôle V. Maintenant, cela va prendre un peu de temps. D'accord, nous avons maintenant le même design, comme vous pouvez le voir. OK, donc une chose avant d'y aller, si vous voyez que votre design est avec un conteneur, alors vous devez faire une chose. Permettez-moi d'accéder à votre site Web. Et maintenant, vous devez cliquer ici en haut, comme l' option de personnalisation en haut. Et puis vous devez sélectionner ici l' option générale en haut. Ensuite, vous devez aller dans le conteneur, puis vous devez choisir votre pleine largeur ou fa sur toute la largeur, le corps du contenu sur toute la largeur et leur faire en sorte que l'espacement soit nul Mets-les à zéro. C'est ça. Et puis faites en sorte que cela soit publié. D'autres regardent quelle application et vous verrez qu' il n'est pas possible de la faire en pleine largeur, n'est-ce pas ? Parce que pour le moment, comme vous pouvez le voir, c'est sur toute la largeur, mais ça doit être comme ça, non ? Ça va être pareil. Alors, que dois-je faire ? Ce que je peux faire, c'est prendre celui-ci principal. Alors, activons cette structure. C'est notre page principale, c'est notre héros, et c'est notre principal élément. Hum, ici, je veux vraiment en faire un bloc, comme le bloc principal et en pleine largeur, mais il devrait être à 100 %. Donc, ce que je peux dire, c'est que cela devrait être 100 % en ce moment. Et c'est pour le moment 100 %. Mais je dois faire une taille précise. Donc, ce que je peux faire, c'est la catégorie. Je veux dire, c'est ce contenant, et disons que je veux en fabriquer autant que je veux. Je veux 80 pixels, disons. Et c'est avec un conteneur, non ? OK, c'est avec 80 pixels. Je veux dire, 80 %. Ce que vous pouvez faire avec ce conteneur, nous pouvons également le modifier. Mais je pense que le pourcentage sera meilleur. Passons à la suivante, comme l'élément clé avec le conteneur et toute la largeur, et cela devrait être de 80 et cela devrait être de 100 %, non ? Et cela devrait être de 100 %. OK, donc maintenant c'est le design actuel , comme vous pouvez le voir. Ouaip. Ça a l'air plutôt sympa, mais ça devrait être beaucoup plus, non ? Ce sera beaucoup plus groupé. Donc, ce que vous pouvez faire, nous pouvons simplement les placer au centre. Allez-y et mettez-les au centre. Alors ce sera définitivement au centre. Et voici le conteneur, et voici la section des héros. Je pense que les deux se ressemblent, alors que pouvez-vous faire ? Nous pouvons simplement augmenter un peu la taille. 88. Oui, ça a l'air bien. OK, ça a l'air bien. 88. C'est très bien OK, cliquons sur une option de publication. OK, maintenant nous n'avons pas besoin de publier. Pour l'instant, nous pouvons effectuer la sauvegarde, comme une sauvegarde sous forme de brouillon. OK. Maintenant, pour ajouter cette carte , nous pouvons le faire très facilement. Cliquez simplement sur cet ICN en plâtre et recherchez votre boucle. Recherchez simplement votre boucle. Ces trucs ont besoin d'un élément pour être pro. Si vous n'avez pas d'élément, alors ça va être assez difficile aujourd'hui. Mais vous avez vraiment besoin d' un élément pro pour cela. Il suffit donc de faire glisser et de dessiner votre boucle créée. Donc, lorsque vous allez faire un glisser-déposer ici, vous pouvez voir quelque chose comme ça, et maintenant vous allez juste le faire. OK. Passons ici au cadre, à l'intérieur du cadre, à l'intérieur du cadre. Ensuite, vous obtenez un cadre supplémentaire. Encore une fois, vous obtenez une carte bloquée. Et ici. Donc, ce dont j'ai besoin, c'est que nous avons juste besoin d' un repas à base de cartes, nous n'aurions pas besoin de tout cela. Il suffit de copier la carte-bloc, et c'est tout. Donc maintenant, comme vous pouvez le voir, je n'ai pas optimisé le design. C'est pourquoi je reçois beaucoup de contenants. Donc, si je fais l'optimisation et Figma est là alors que je viens d'importer, je n'y verrai pas beaucoup de conteneurs Cela peut alors être beaucoup plus facile à gérer. J'espère donc que vous comprenez à quel point il est important d'optimiser le design. Quoi qu'il en soit, cliquons ici pour créer un nouveau modèle et sauvegardons ce modèle. Et puis attendez un peu. Bon, maintenant, comme vous pouvez le dire, j'ai déjà copié. Donc, ce que je peux faire, je peux simplement le dépasser. Et après l'avoir publié, il suffit de cliquer en haut ici et maintenant de passer à 200 % Comme vous pouvez le voir maintenant, je reçois 100 %. Alors maintenant, il ne nous reste plus qu'à travailler un peu ici. La première chose à faire est donc l'image. Passons donc au style, changeons-le en image en vedette , puis nous répondrons à toutes les demandes relatives aux fonctionnalités. Allons au Cin. Et avec le Cin, nous recevons un texto ici, et au lieu d'un texto, nous recevons une chose ici. Ça peut voir celui-ci. Alors, que pouvons-nous faire ? Allons-y encore une fois. Au lieu de cela, nous en avons deux. Supprimons donc l'un d'entre eux. Et gardons l'un d'entre eux, O. Et là, j'aime bien choisir Okay, donc ce sera notre numéro de poste ou notre post harm. OK, passons au post harm, et aux catégories. Ce sera une catégorie avec ama, s'ils ont un lien, et celui-ci y a certainement un lien. Oui, c'est bien. Allons-y aussi et augmentons définitivement cette taille à cent personnes. Hum, allons-y. La prochaine fois, nous aurons deux cerfs de cantina Donc oui, nous pouvons le porter à plein poids si vous le souhaitez, mais je ne pense pas que nous en ayons besoin. Ou nous pouvons le rendre automatique s' ils ont l'option automatique. OK, donc je gagne 100 % en ce moment. Donc oui, c'est 100 %. Mais je ne pense pas que nous devions gagner 100 % au lieu de me dire que si nous le faisions , d' accord, essayons simplement celui-ci Je me disais que si nous les faisions en ligne, oui, c'est plutôt sympa. Lux. C'est une bonne chose. OK, passons à la suivante. C'est notre titre. Alors allez ici et cliquez sur Dynamic tag, et cela peut être notre titre d'hôte. Passons à la suivante et ceci devrait être notre article. Exemptez celui-ci. J'en veux peut-être 20 ici, pas beaucoup. 20, comme vous pouvez le voir. Ou si vous le souhaitez, vous pouvez retarder. Disons 12, c'est combien ? Voyons voir. Oui, 12 c'est comme ça. Allons-y avec 16 parce que je ne veux que deux lignes ici. Je ne veux pas grand-chose. Quinze ans, 14 ans, c'est bon. Si vous voulez le rapprocher maintenant, il y a un espace, mais si vous voulez le rapprocher, vous pouvez simplement retirer définitivement le rembourrage Oui, si tu peux, le rembourrage. Je pense que nous pouvons faire, disons, un rembourrage négatif Nous pouvons ajouter, disons, à un pixel en bas et en haut. Oui, c'est bon. C'est très bien OK. Passons à la suivante. C'est comme si vous deviez changer d'utilisateur, appelez simplement là-bas pour obtenir le nom de l'auteur. C'est le nom de l'oton. Allons-y encore une fois. Passons à la date de publication que je veux voir ici. Date de publication. Oui, post-date Guide Si vous voulez cliquer, alors vous vous sentez plus libre, vous obtenez un DFL comme celui-ci Message modifié comme ça. C'est donc une bonne chose. Si c'est comme si le post avait été modifié, alors c'est pareil que nous obtenons un C mais je pense que c'est une bonne chose. Alors, qu'allez-vous taper ici, publier sur. Je pense à la façon de publier sur. C'est une bonne chose. Passons à la suivante, c'est avoir une image. Passons donc à l'image. Passez au style, et ceci devrait être votre photo de préfile de bain. Ouais, c'est bien. Tout semble plutôt bon. Je pense qu'il n'y a rien à ajouter. Alors, que devez-vous faire ? Il suffit de cliquer sur « Safe here », sur Safe » et « Back Butter ». Ensuite, on sera en sécurité et on reviendra. Donc oui, maintenant ça va être prêt, je pense. Alors, que dois-je faire ? J'ai juste besoin de copier-coller ce truc. Donc, ce que nous pouvons faire, c'est copier littéralement cette boucle ici ou simplement la coller ici. Donc, si vous passez aux fonctionnalités k, prenons un conteneur, puis un conteneur unique, puis un conteneur unique. OK, comme vous pouvez le voir, il y a beaucoup de conteneurs là-bas. C'est assez ennuyeux, je pense, parce qu'il y a beaucoup de contenants. Ils ne sont généralement pas nécessaires. Quoi qu'il en soit, passons à nos blocs. Je dois dire que ce sont des blocs. OK, tout dépend de notre catégorie, celle-ci, non ? C'est notre catégorie. Cela devrait donc être notre catégorie. Cela devrait être une catégorie. Alors pourquoi je donne ce nom afin facilement identifier ce qui est quoi ? Je supprime donc simplement ces blocs ici. Et j'aime bien copier ce truc, c'est sûr. OK, donc pour faire de la copie, ce que vous pouvez faire, c'est simplement copier la boucle, Control X, ou je peux simplement glisser-déposer ici sur la section des blocs et supprimer ici, celle-ci, OK, donc nous avons un bloc ici en ce moment. Va voir. Nous avons un pâté de maisons là-bas. Donc, si vous voulez refaire quoi que ce soit, il vous suffit d'accéder au bouton Modifier l'optimisation et de cliquer sur le bouton Enregistrer. Ensuite, nous allons procéder à nouveau à la modification et nous pourrons effectuer la personnalisation, comme vous le souhaitez. Il suffit de cliquer dessus et d'aller comme vous le souhaitez, d'effectuer les modifications, comme vous le souhaitez, de le faire et de cliquer sur Changements sécurisés, et tout sera mis à jour. Voyons donc à quoi cela ressemblait. OK, donc c'est en cours de chargement. OK, c'est donc une mise à jour maintenant. C'est une bonne chose. Maintenant, ce que je dois faire, je dois ajouter ici ce genre de catégorie. Je crois que c'est ce que je veux. Donc, ce que je peux faire, c'est choisir ce filtre, c'est sûr. Donc, si vous recherchez et filtrez, vous obtenez une taxonomie, comme ce filtre de taxonomie, il suffit de faire un dragon ici. Donc, ce que je dois faire, je dois sélectionner une boucle ici dont nous avons récemment créé une boucle, et maintenant je dois montrer ici une catégorie, afin que je puisse obtenir toutes ces catégories. Mais pensez-y, je le veux dans une catégorie. Mais ce que je dois faire, je peux simplement sélectionner simplement les supprimer tous chez Swans Ou je peux supprimer cette catégorie, définitivement, et simplement glisser-déposer ici cette taxonomie Comme vous pouvez le constater, nous avons la même option. OK, c'est plutôt bon. Si vous voulez le mettre du côté gauche, alors je pense que c'est avoir un côté vie. Oui, c'est le côté gauche en ce moment. Nous devons donc également faire un peu de style ici. Passons donc au style, et maintenant ce qu'il peut faire, il peut aller ici comme d'habitude et nous pouvons ajouter ici un rembourrage Donc, pour faire le rembourrage, ce qu'il peut faire, il peut aller ici, voyons, 24 et 36 Allons-y. J'ai vraiment besoin de la couleur. C'est une copie. Alors, allez ici. Les vidéos d'angle seront au nombre de quatre pour chaque fois, en haut et en bas. Le haut sera donc 24, le bas 24, et cela devrait être 32. Cela devrait être 32. Donc, ce que vous pouvez faire, nous pouvons certainement opter pour 20. Oui, 20 ans. 32 ça en a l'air. Allons-y avec 24, à quoi ça ressemble ? OK, donc 24. OK. Passons maintenant à la couleur Bactron Alors, allez ici et sélectionnez le système. OK, donc normalement, je ne veux pas vraiment de couleur de fond. Je veux BoTero Pixel Boer, définitivement. Traitons les cheveux de leur couleur. de Boer sera d'un pixel, comme vous pouvez le voir. C'est une bonne chose. OK, alors quand les gens vont survoler, que se passe-t-il ? Ensuite, ça a changé. La couleur d'arrière-plan sera modifiée comme suit. Quand quelqu'un survole, comme vous pouvez le voir, c'est bien. Il n'y aura pas de bower, je pense, s'ils planent. Normalement, je ne pense pas qu'il soit nécessaire d'ajouter un boer. OK, alors faisons en sorte qu'il n'y en ait aucun. Couleur active, nous devons ajouter une couleur de fond similaire, je pense. OK, donc c'est bon. Maintenant c'est plutôt bon. OK, voyons ce qui s'est passé, afin qu'ils aient aussi une couleur s'ils ont une couleur normale, alors revenons en arrière et revenons à la normale. Passons à la couleur, changeons la couleur à l'arrière et appelons-la ainsi. C'est donc également une bonne chose. Passons maintenant à la typographie et faisons-en définitivement un medium Ouais Maintenant, si vous passez un peu plus de temps, vous pouvez certainement le rendre plus poli, plus performant. Passez un peu plus de temps ici pour l'améliorer. Ce sera le nom de notre page. Si vous avez quelque chose à propos du nom du pH, ce devrait certainement être le nom de notre page. Mais, mais, mais je ne pense pas que nous en ayons besoin. Nous n'avons pas besoin de le modifier car la page de blocage ne sera qu'une seule. Je ne pense donc pas que nous ayons besoin de faire quelque chose pour changer. Nous pouvons également ajouter ici le lien si vous avez quelque chose. Donc, nous allons simplement couper le blog. Si vous avez quelque chose, ils ajoutent simplement leur lien, et cela devrait être notre page d'accueil Donc, ce que nous pouvons faire, nous pouvons simplement ajouter notre maison, afin que ce soit notre maison. Oui, c'est tout ce qui concerne cette page, je crois. Et aussi, d'accord, une chose, si vous voulez simplement cliquer sur n'importe lequel de ces éléments. OK, donc si vous voulez simplement cliquer sur l'un de ces éléments ici, Loop Loop, puis sur le côté gauche, vous aurez quelques options et paramètres supplémentaires. À partir de là, vous pouvez également effectuer des personnalisations. Supposons que vous vouliez ajouter une pagination, ou que vous vouliez ajouter ici un Cory, tout ce que vous voulez, vous pouvez le faire à partir d' Il suffit donc de cliquer sur une note Loop. Supposons donc que vous souhaitiez modifier cette colonne. À l'heure actuelle, nous affichons trois colonnes. Mais si vous voulez le faire augmenter, vous pouvez le faire. Combien de pages aimeriez-vous afficher ici ? Maintenant, prenons-en un six. J'augmente, alors tu peux le faire. Dispose également d'autres paramètres. Passons à Cory, et si vous voulez inclure ou exclure quoi que ce soit, vous pouvez le faire Filtrez ici. Il possède également un pagnien Essayons donc avec ce numéro un de Pregentian et cette page par limite. OK, donc ça a l'air vraiment plus grand que ce à quoi je m'attendais. OK, donc nous en avons juste besoin et je vais entendre la position individuelle, mais d'accord, faisons un peu de personnalisation. Passons à cette tuile. Va ici la pagination, et je veux la faire 24 pixels, Mt. J'ai toujours l'air si grand. Faisons en sorte que ce soit normal. Voyons à quoi cela ressemble à 20 pixels. C'est très bien La tête de ligne est là, alors quelle hauteur de ligne je veux ? Donc, un sur trois. C'est ici deux. Et encore une fois, allez-y, et spacepeedwin Donc, si vous constatez une douleur liée à l'espace, vous pouvez le faire. Et voici un espace entre le haut. Tout tourne autour de ça. Et aussi, nous pouvons faire la couleur. Je pense que, pour l'instant, nous pouvons changer de couleur. Si vous avez quelque chose, effectuez certainement les modifications. Et ici, survolez la couleur et activez la couleur. Je m'attendais à ce que ce soit mieux s'ils avaient une option de changement d'arrière-plan. OK, c'est bon. Ce n' est pas une mauvaise chose. C'est plutôt bon. Je pense que c'est assez bon pour y aller. OK, alors cliquons sur Hero, cette option publiée. Nous devons respecter cette condition ici. Alors pourquoi aimerais-tu partager ? Pourquoi voudriez-vous montrer cette intrigue ? Je veux donc utiliser Plot Post Archive ici et effectuer des modifications sûres. Et il va être publié. OK, voyons maintenant si vous avez une page de blocage. Voyons d'abord la page de blocage. OK, comme vous pouvez le voir, nous sommes là, c'est maintenant. Et si vous cliquez sur cette option, cela fonctionne également bien. Alors maintenant, comme vous pouvez le voir, nous obtenons une somme supplémentaire de cette somme supplémentaire. Donc, ce que nous pouvons faire, c'est augmenter la taille ici ou nous pouvons en ajouter quatre. Je pense que si vous en ajoutez quatre, cela devrait être une bonne chose. Ou si vous voulez le rendre parfait, alors ce que vous pouvez faire, c'est aller ici dans cette catégorie et passer à l'étape suivante et ici, sur le côté gauche, je veux passer à 24 pixels. Le côté droit sera le même. Passons maintenant à la principale, comme à la principale, puis passons à cette avance et je veux la changer à zéro. B sera égal à zéro. Maintenant, je pense que ce sera une bonne chose si vous voulez qu'ils soient identiques. Mais tout de même, ça ne ressemble pas à ce que c'est à cause de, euh, parce que, comme vous pouvez le voir, cette image n'est pas due à la largeur de l'image. Donc, si vous utilisez ici une image différente, je pense que cela sera corrigé, alors vous ne rencontrerez aucun problème. Cliquons donc sur le bouton Enregistrer les modifications. Oui, c'est ça. Donc, si vous utilisez une image différente, elle sera corrigée, ou vous pouvez simplement modifier la largeur de ce conteneur. Donc, si vous voulez simplement modifier la largeur du conteneur, cela sera certainement corrigé. Je veux dire, je parle du conteneur principal ici, le rouge. Donc, si vous apportez simplement des changements ici, si vous apportez simplement les modifications, disons, si vous augmentez simplement le matériau, si vous le diminuez simplement à 72 %, alors cela peut être corrigé, je pense. Parce que nous avons une grande largeur, c'est pourquoi cela ressemble à ceci. 17. Créer une seule page de blog: Nous allons maintenant voir comment importer un seul article de blog. Donc, avant de continuer, nous devons juste faire une petite chose sur la page d'archives de notre blog. Revenons donc à la page d'archives de notre blog, et vous devez cliquer ici avec ce modèle Ii car en ce moment, ce qui s'est passé lorsque j'essaie cliquer sur ce test ou ce lien ne fonctionne généralement pas. Nous avons donc juste besoin de connecter le lien ici pour que chaque fois que quelqu'un arrive page de blog et clique n'importe où dessus, c' est vraiment un plaisir de travailler, n'est-ce pas ? Donc, pour cela, nous devons revenir ici. Et tout d'abord, passons à l'image. Ou vous pouvez essayer avec cette carte parent si vous optez pour la carte parent, si vous allez sur Advance sorry, des options supplémentaires, puis vous obtenez une option comme une balise TML, il suffit de le créer comme lien, puis vous pouvez simplement coller le courrier postal Mais dans mon cas, je vois que mon côté est cassé, donc je ne vais pas choisir celui-ci. C'est pourquoi je vais entrer dans le vif du sujet. Disons que je vais sélectionner l'image et passer à l'option supplémentaire. Et ici, sur ce tag dynamique, j'aime sélectionner ici le post IRL. Et le suivant est de passer à ce titre, et je veux le changer en post ARL et celui-ci devrait être le même post ERL. Et ici, le tag doit être différent de AuthorRL. Et c'est la date, mais la date devrait être s'ils cliquent, alors ce devrait être PostrlMage ils devraient cliquer dessus , disons ici l' S'ils cliquent dessus, cela devrait être le cas, alors passons à cette ancre et passons à ce N, et cela devrait être notre ARL. Donc celui-ci, nous pouvons également créer cette AuthorRL mais je ne pense pas que ce soit nécessaire De plus, oui, ça devrait être notre post qui sera amusant ARL. Donc, la plupart du temps, les gens vont cliquer dessus pour lire directement dessus. De plus, si vous le souhaitez, nous n'avons pas besoin de le faire individuellement, n'est-ce pas ? Vous pouvez simplement sélectionner l'un de ces contenus ici et accéder à cette mise en page et nous pouvons simplement le changer en lien. Je ne suis pas sûr que ça marchera bien ou non. Allons-y donc avec ce post ERL. Voyons s'il est cassé, alors nous pouvons l'ignorer, ou s'il n'est pas cassé, nous allons l'utiliser. Je l'essaie donc, et maintenant cliquons sur cette option de publication. Revenons sur notre site Web et voyons l'aperçu. Je pense que ça a l'air cassé, donc on peut l'utiliser. Donc, ce que nous pouvons faire, c'est revenir en arrière sur le Con aller ici et le changer en DIF normal Nous pouvons donc utiliser n'importe quel Stimultag ici. Mais tout va bien, je pense. Cliquons donc sur cette option de publication. La plupart du temps, je ne pense pas que la plupart des gens n'utilisent aucun lien ici sur ce paragraphe. Mais je pense que oui, ça devrait être une bonne chose. De nombreuses personnes vont également cliquer sur ce lien. C'est une bonne chose. C'est une bonne chose. Alors publiez l'URL, et cliquons sur cette option publiée. Revenons en arrière et rechargeons cette page. Assurez-vous également que votre carte de blocage principale est normale. La technologie List Mel est normale. Sinon, nous pouvons en faire un euro. Donc oui, c'est bien. Donc, chaque fois que je clique ici, comme vous pouvez le voir, cela ressemble à une couleur différente. Nous devons donc également changer de couleur. Donc, ce que nous pouvons faire, c' est opter pour cette couleur dès maintenant et adopter ce style. Et la couleur du texte devrait être celle-ci, c'est sûr. Euh, ça devrait être le cas. Mais nous devons également passer au réglage latéral car je veux vraiment changer cette couleur en noir normal. Alors, que peux-tu faire ? Je peux aller ici passons à cette typographie, puis voici le lien et, normalement, dans Link, j'aime utiliser la même couleur que chaque fois que quelqu'un va voir Howard, cela ne change pas, et cela devrait être en noir, trois p un. Enregistrez les modifications. Retournons en arrière. Donc, pour ajouter cette page à bloc unique, nous devons accéder à un seul article ici. Cliquez sur le bouton Ajouter un nouveau This. Revenons également à notre Figma. Allons ouvrir ICM, brancher et optimiser la copie, la convertir, et elle est maintenant copiée dans le presse-papiers Revenons en arrière, traversons-le et contrôlons simplement que nous sauvegardons sur un autre site, le mieux étant. Je pense donc que nous en sommes là. Il ne nous reste plus qu' à ajouter le lien. Alors cliquons sur le titre du haut, allons-y et ajoutons simplement notre titre, définitivement. Et ça devrait être notre bloc, donc slash block. Et cela devrait être notre maison. Alors, ce que tu peux faire, slash home. Oui, ça devrait être notre titre, alors slash title. Oui, cela devrait être notre pleine largeur. Donc c'est trois, donc faisons une largeur complète ou oui, nous pouvons augmenter. Ouais, ouais, maintenant c'est bon. Passons maintenant à la suivante. C'est comme changer ce nom en nom d'auteur, je crois. Où est le nom de l'auteur ? Oui, voici le nom de l'auteur. Et ce devrait être notre rendez-vous. Alors publiez sur. Donc ça devrait aller, il suffit de cliquer ici. Ce sera la date et la date sera la même, non ? Cliquez à nouveau sur ce nom, puis le format sera celui-ci, allez dans Advance et avant ce sera celui-ci. Alors maintenant, oui, c'est bien. Passons à l'image, passons au style et changeons le style en non, ce n' est pas une fonctionnalité à laquelle vous correspondez. Cela devrait être notre image d'auteur. Comme pour la photo de profil. C'est une bonne chose. C'est bon. Il ne nous reste plus qu'à ajouter un peu de travail. Disons que vous pouvez simplement ajouter ici contenu de l' article, c'est simplement suivre et dessiner ici. Donc, quand vous allez faire glisser et dessiner ici. Donc, une chose que vous devez faire, vous pouvez simplement cliquer sur le texte de Heather et accéder au style, accéder à cette typographie, cliquer sur l' icône He T plus, une nouvelle Donc je vais dire P Nu, je vais faire en tant que style, donc je le fais. Et maintenant, passons à ce qui est normal, comme publier du contenu passer à la typographie et sélectionner un nouveau Comme vous pouvez le voir, il faut maintenant vous asseoir. C'est donc assez simple. Supprimez donc le précédent. Oui, supprimez simplement le précédent. Celui-ci n'est pas non plus nécessaire. Celui-ci n'est pas non plus nécessaire. Et ici, la cisaille, j'aime bien l'enlever. Maintenant, disons que j' aime utiliser SoSL et voici l'icône SoSL like shear Vous pouvez donc littéralement en utiliser un. OK, alors allons-y. C'est une icône de la soca Nous pouvons donc ajouter ici le Sosa, disons que je veux opter pour le dribble Voyons voir. Donc oui, c' est un design. Voyons voir. Je n'aime pas vraiment ce design. Je veux que ce soit simple, quelque chose. Il s'agit d'un autre design. Il s'agit d'un autre design. Je pense que c'est encore un peu inférieur. Oui, c'est bon. Style 9. C'est une bonne chose. Copions donc l'icône Sosa. Sur cet Asal, j' aime bien passer ici, alors il suffit de le coller et de supprimer le précédent En voici un. Alors maintenant, vous pouvez ajouter quelques éléments supplémentaires et vous pouvez également effectuer la personnalisation , à votre guise. Disons qu'il faut l'augmenter, alors oui, c'est bien. Il suffit d'augmenter. Ouais. Maintenant, dupliquons l'un d'entre eux. Et je voudrais y aller, disons Facebook. Alors faisons une recherche sur YouTube, dupliquons-le, allons ici. Facebook. Ouais. Et voici le lien. Donc pour le lien, vous pouvez principalement ajouter ici le post ARL ici. Et passons à la suivante. C'est comme celui de l'auteur. Alors cliquons sur celui-ci, et passons au titre de l'article. Ce ne sera pas le titre d'un article. Ce sera notre nom d'auteur, et cela devrait être notre méta ou information. Donc pour information, oui, c' est la biographie, donc c' est bien. C'est la bonne. Passons maintenant à l'image, passons au style et ajoutons simplement ici l' image violette de l'auteur. Oui, c'est bon. Il ne s'agit donc que de cela. Et ce que nous pouvons faire, passer à la suivante, et nous devons les atteindre à 100 %. Maintenant, voilà, à 100 %. Et maintenant, ici aussi, nous devons le changer en 80 × 72 pixels. Passons à la principale et placons-les au centre. Définitivement, mets-les au centre de tout ça. Récipient. Passons à celui-ci. Cela doit également être au centre. Cela doit être de 72 pixels. Ou si vous le souhaitez, vous pouvez le réduire de 68 pixels ici. C'est effrayant en ce moment. Nous devons également réduire l'espacement. Cliquez sur celui-ci, textez, passez à l'étape suivante. Et pour le top, j'aime les mettre à zéro. Et pour le bas, j'aime utiliser 40 pixels. C'est très bien. Et ici, comme vous pouvez le voir, nous avons un petit problème cause du poids, alors faisons-en cent personnes. Juste cette personne. Oui, ça va aller. Et pour le ciseau maintenant, c'est quelque chose comme ça. Cisaille maintenant Cisaille. Oui, c'est bien. OK, donc tout tourne autour de la page, comme un seul bloc. Maintenant, cliquons sur une option de publication, ajoutons une condition. J'aime bien sélectionner le poste, et ça pourrait être tout. Et oui, cliquons sur Safe et fermons ce bouton. Et revenons à une page de Vilda. Donc, si vous ne voyez pas qu'il n'y a aucun changement, simplement votre cache. Voyons voir si cela fonctionne bien ou non. Alors, clarifions-le. Et maintenant comme vous pouvez le voir, cela a vraiment bien fonctionné. C'est exactement ce que j'étais avant. Et cette couleur n'a pas la même apparence parce qu'elle ressemblait à du blanc, c'est pourquoi. Et aussi, on dirait que c'est à nouveau le même lien ici. Nous devons donc absolument travailler sur cette batterie de cisaillement. Alors, que devez-vous faire ? Il suffit d' ajouter ici une cisaille. Dites simplement « cisailler Ensuite, si nous obtenons une batterie de cisaillement, vous avez trois options Supprimons donc le précédent. Et maintenant c'est le nouveau. Et maintenant, comme vous pouvez le voir, chaque fois que je clique dessus, cela me redirige vers Lindy ou Facebook. C'est donc une bonne chose maintenant. Donc oui, il ne s'agit que de ça. Et si vous voulez ajouter, disons, quelques articles supplémentaires ici, disons que vous voulez ajouter une autre section avec un article connexe, alors oui, nous pouvons certainement le faire aussi. Ce que vous pouvez faire, nous pouvons simplement ajouter ici un autre texte, simplement ajouter ici un titre de texte. Il suffit donc d'ajouter ici et disons que vous pourriez aimer. Maintenant, je vais juste copier la boucle ici, la grille de boucles. Il suffit d'aller ici et de simplement le dépasser. Je peux voir où nous le trouvons littéralement ici. Et dans cette boucle, j'aime ne montrer ici que trois parties de cette page. Aucune pagination ne sera présente. Ça va être complètement éteint. Il n'y aura pas de pagination sur tous les trois. Si vous voulez apporter les modifications à cette police, alors je pense qu'elle devrait être au niveau ou même à un lacet F, je vais laisser une chaîne Donc oui, il ne s'agit que de ça. Et maintenant, si vous voyez, alors oui, c'est une bonne chose. De plus, dans cette boucle, si vous souhaitez afficher quelque chose de spécifique, il s'agit d'une requête. Tu peux inclure ce truc. Je viens donc d'ajouter ici TAM ou si vous voulez montrer à l'auteur, si cet auteur écrit quelque chose d'autre, si vous voulez y faire figurer une pièce différente, alors vous pouvez faire ce filtre à partir d'ici Donc pour l'instant, je vais le laisser TAM, cliquons sur cette option publiée Revenons en arrière et nettoyons notre cache. Donc, si vous n'installez pas Cash Plug sur notre ancien site de presse, vous n'avez pas besoin de vider votre cache. Donc oui, il ne s'agit que de ça. Donc, si je dois juste cliquer sur ce qui suit, c'est un autre article, comme vous pouvez le voir. Ceci est un autre article, comme vous pouvez le constater. J'espère donc que vous comprenez maintenant comment importer un seul bloc et comment nous pouvons créer un magicien personnalisé 18. Comment exporter des sections (uniquement): Nous allons maintenant voir comment importer dans une section spécifique. Donc pour cela, nous devons sélectionner section que nous voulons saisir sur un site Web, simplement sélectionner et faire une copie ici, un fichier plus rapide, puis l'ouvrir UikiPlugin comme vous pouvez le voir, j'ai Ouvrons, optimisons et copions, optimisons cette conception ici et résolvons tous les problèmes dont ils parlent. Comme vous pouvez le constater, c'est le design optimisé que je fais déjà. Ainsi, après l'avoir optimisé, vous obtiendrez le même fichier comme celui-ci. OK. Alors je vais le sélectionner à nouveau. Passons à cette balise Widget ici. Ensuite, nous devons sélectionner ce qui va être un compteur. Je pense que c'est un compteur. Sélectionnons donc le compteur, et le numéro ding est celui-ci, puis voici le numéro. Donc, le numéro de départ est zéro, sélecteur n'est rien pour moi, et le préfixe numérique, il n'y aura rien Un certain nombre d'entre eux dateront de plus de cinq ans, mais nous n'avons qu'à adhérer au plus, mais nous pourrons le mettre à jour ultérieurement. C'est fait, passons au suivant, et encore et encore, encore et encore, encore une fois, supprimons ici ce préfixe numérique et celui-ci devrait être supérieur à 100. Le numéro de départ sera 100 et c'est très bien. Sauvegardons-le. De cette façon, effectuez simplement la mise à jour, puis sélectionnez à nouveau le cadre principal. Revenons en arrière et convertissons-le. Et comme vous pouvez le constater, nous récupérons notre bloc-notes et nous le collons sur Elementor Comme vous pouvez le constater, nous avons une section spécifique, et il ne reste plus qu'à la mettre à jour ici. Cliquez sur les bâtonnets, et maintenant ici, numéro Indi sera 100 et ça devrait être plus, mais ce n'est pas comme ça Supprimons donc le plus. Passons à la suivante et retirons ici ce 120. Passons à la suivante, et ça devrait être, ça devrait être là, les perentens définitivement. Donc, oui, maintenant, comme vous pouvez le voir, c'est bien, et cela devrait être 120 Donc, oui, comme vous pouvez le voir maintenant, c'est totalement mis à jour. Alors, que se passe-t-il si vous n'optimisez pas le design ? Donc, si vous n' optimisez pas votre design, vous verrez quelque chose comme ça. Comme vous pouvez le dire, le texte est vraiment plus gros que ce à quoi je m'attendais. Et c'est aussi un texte vraiment plus gros. Donc, si vous n'optimisez pas, je veux dire, si vous ne sélectionnez pas ici votre guide de style, vous verrez peut-être le même design ou le même style ici. Assurez-vous donc que lorsque vous importez un design, vous venez d'ajouter ce style ici. Alors ça va être d' accord, d'accord ? Puisque sur ce site, j'ai déjà ajouté mon guide de style, donc c'est facile 19. Comment créer et vérifier le réactif: Nous allons maintenant voir comment rendre notre site Web adaptatif. J'aime donc recommencer depuis le début. Donc, à la première chose que j'entends, je veux tout d'abord optimiser le design. Optimiser signifie, par exemple, vérifier que toute cette couche est bonne et que certaines d'entre elles sont pour la plupart inutiles. J'aime donc les retoyer. C'est pourquoi, tout d'abord, laissez-moi les vérifier. Ensuite, je le saisis sur Elementor, puis je vais y jeter un œil, d'accord ? OK, alors laissez-moi supprimer cet en-tête parce que je l'ai déjà vu, donc nous n'en avons pas besoin. Nous n'avons cependant pas besoin du pied de page. Nous n'avons pas non plus besoin cette section de témoignages, nous l'avons déjà Nous n'avons pas non plus besoin de cette section. Mais importons à nouveau. Pas de problème Donc vérifier les couches signifie, je veux dire, vérifier les couches. Comme il y a un conteneur supplémentaire par exemple, disons que, comme vous pouvez le voir , cela n'est pas nécessaire. Retirez-le. Ce n'est en quelque sorte pas visible. Alors retirez-le. Comme vous pouvez le voir ici, ayez un cadre, mais ce n'est généralement pas nécessaire car j'en ai déjà un. Donc, sur le côté droit il y a un logo sur celui-ci, c'est bien Et allons-y encore une fois. Et cette section donne le titre Enter. En tant que titre, ils ont un groupe. OK, c'est bon. Passons à la suivante. Ils sont tous les trois. C'est une bonne chose. À l'intérieur, il y a un conteneur pour le contenu, et celui-ci est milli pour l'image On peut donc dire que c'est une image. Allons à l'intérieur. Cela n'est pas nécessaire. C'est pour les catégories, c'est bien. Ce sont des prises. Et c'est pour quoi ? Ok, c'est le t. OK, c'est pour le bouton. C'est une bonne chose. OK, c'est bon. Passons à la suivante, retirez-la. D'accord. Laisse-moi passer à la suivante. Donc, comme vous pouvez le voir, je viens de mettre le même dessin ici. Autre chose, j'ai juste besoin de mettre à jour le poids. Comme vous pouvez le constater, cette mauvaise herbe n'est pas réparée, je dois donc la réparer. Également à propos de cette mauvaise herbe, il faut la réparer. Également à propos de ce modèle. Il suffit de le réparer, changer la couleur de fond et changer la position de l'icône. Alors je pense que ça va être réparé. De plus, nous devons changer ce bouton en façade parce que sur Figma, si nous regardons celui-ci, ce même bouton, j'ai juste besoin de faire quelques petits changements Si nous le faisons en sorte que ce soit moyen, alors je pense que ce sera beau. OK, mettons-le à jour. Comme vous pouvez le voir, je viens de mettre à jour tout cela, et maintenant, si vous regardez attentivement, cela devrait être un carrousel, mais pour le moment, cela ressemble à une image normale Alors, qu'est-ce que tu n'as pas fait ? Nous devons ajouter un carrousel ici. Comme vous pouvez le voir, c'est notre diapositive, c'est notre carrousel d'images Essayons donc d' abord avec le carrousel d' images, car cela devrait être un D'accord, nous devons maintenant ajouter l'image ici. Cliquez sur Ajouter des images. s'ils téléchargent les images ici. OK, ils n'ont donc pas diffusé les images. Donc, ce que vous devez faire, nous devons revenir en arrière et explorer ces images, puis nous allons passer à di da. OK, alors laissez-moi tous les exporter. Permettez-moi tout d'abord de changer le nom de l'image, de toutes les sélectionner, et cela devrait être ici petites images, le nombre sera là. OK, maintenant c'est bon. Maintenant, je dois tous les exporter chez Swans. Très bien, alors tu as compris. Maintenant, je dois télécharger les images ici à quel prix. En attendant, si vous le souhaitez vraiment, vous pouvez simplement compresser les images pour qu'elles soient de la même taille, mais que la qualité soit la même et que le chargement soit plus rapide. Donc, ce que vous pouvez faire, je peux simplement sélectionner toutes les images ici et Teeny PingIO, vous pouvez utiliser n'importe quel autre logiciel pour compresser des images gratuitement, pareil D'accord. Comme vous pouvez le voir, ils sont tous compressés en ce moment, alors téléchargez-les tous à nouveau. Je pense que c'est terminé pour le moment, et passons à la réactivité. Donc, pour ce qui est de la réactivité, examinons d'abord la tablette, et elle est plutôt belle , comme je peux le constater C'est joli, c'est bien, non ? Parce qu'avant de configurer le style cat, c'est pourquoi il est si beau. Alors, que pouvons-nous faire ? Nous pouvons augmenter le taux d'humidité dès la première chose à faire. Allons-y, augmentons le taux d' humidité et oui, c'est une bonne chose. Je pense que c'est suffisant. Cette image a l'air si grande. Réduisons la taille. Donc pour la tablette, j'aime bien en faire trois là-haut, seulement trois. C'est une bonne chose. C' est tout, je crois C'est une bonne chose. Mais on dirait qu'il y a beaucoup de rembourrage là-bas. Qu'est-ce que tu peux faire ? Nous pouvons simplement retirer le rembourrage par le haut. C'est une bonne chose. Aiguillez-le et retirez le rembourrage par le haut Et ici, ce que nous pouvons faire, nous pouvons simplement en ajouter un peu plus. Oui, passons au pourcentage, et lisons-en bien plus. Deux lignes, c'est bien. Allez ici ces prises de vue, et oui, c'est bien. Mettons-les sur le côté gauche. Définitivement. Voici une option sur le côté gauche. Et ça a l'air tellement bizarre. Supprimons donc ce truc. Nous devrions être en ligne, ou oui, en ligne ce sera bien plus Faisons donc 98 pixels. Mais si vous regardez bien, oui, en prenant un espace en haut et en bas, essayons de les supprimer rapidement. Donc je crois que je vois que c'est du courrier qui arrive pour celui qui est visible. Je vais donc simplement sur le texte et je le supprime, et maintenant c'est corrigé. OK, maintenant c'est l'heure d'ici, et c'est également une bonne chose. Qu'est-ce que tu peux faire ici ? Vous pouvez simplement modifier l'image. Ouais Ça a l'air bien. Je pense. Ce n'est pas une mauvaise chose. C'est une bonne chose. Nous pouvons changer cette image avec, alors ce sera prêt. Ensuite, ça devrait aller. Ça devrait aller. Il suffit d'augmenter le poids ici. Donc, si nous ne pouvons pas le savoir, il suffit d'ouvrir ici cette structure. Cliquez là où vous voulez aller, puis automatiquement, il y aura Redragon Et maintenant j'aime prendre du poids. C'est donc 100 %. Et c'est le principal, tous les deux. Alors fais-les 100 % Oui, %. C'est une bonne chose. Ouais C'est une bonne chose. Ned, nous devons juste faire la même chose pour le prochain. Alors ce sera une solution, je pense. Bon, passons maintenant au mobile et au mobile, comme je vais dire, c'est déjà bon. Et c'est également une bonne chose. C'est une bonne chose. Mais je les veux vraiment tous les deux, 50, 50. Alors, que peux-tu faire ? Passez aux journées individuelles et faites-les à 100 %. Mais pour celui-ci, individuel, j'aime les faire 50 %. OK, ça devrait être à 100 %. Mais à l'intérieur, cela devrait être 50 % et le suivant de 50 %. C'est plutôt bien. Comme vous pouvez le voir maintenant, c'est également corrigé. Ici, c'est également une bonne chose. Il faut changer définitivement la largeur de l'image. C'est une bonne chose. Oui, je pense que c'est une question de bien. Au fait, vous pouvez mettre à jour le suivant. Et ici, j'aime me faire à 100 %, c'est sûr. Mais passons au rembourrage. Ici, il suffit de retirer un peu de rembourrage et de marcher Vous pouvez voir à quel point cela a un bon côté, mais je n'en ai pas vraiment besoin de 20. Je pense que 16 serait mieux. Donc, de cette façon, vous pouvez également mettre à jour le suivant, non ? Vous pouvez certainement mettre à jour le suivant. Et ici aussi, si vous le souhaitez, vous pouvez changer la chose. Si vous y allez, cela signifie un, contenez-en un. Et si vous changez de direction comme ça, d'accord, ça devrait être pareil. Il devrait en être de même. Mais en tant qu'étude, je parle de la principale. Passons à la colonne, et j'aime changer de direction. Cette image doit donc apparaître en haut puis avoir du contenu, donc c'est une bonne chose. Ainsi, vous pouvez faire preuve de réactivité. Et comme vous pouvez le constater, ce n'est pas quelque chose de vraiment difficile et c'est facile. De plus, si vous souhaitez apporter ces modifications au titre, passons au titre et au style. Et allons-y, comme je le pense pour le moment, nous utilisons H one. Alors, que peux-tu faire ? Nous pouvons tout d'abord voir quel montant convient ici. Donc, comme vous pouvez le constater, avec 25 pixels. Maintenant, ce que vous pouvez faire, c'est revenir à cette police H et à cette police globale gérée ici, et nous verrons la police H sur mobile, elle devrait être 25, non ? Donc, ce que vous pouvez faire, c'est passer à ce 25, et maintenant ça a l'air plutôt beau, non ? C'est une bonne chose. Disons donc les modifications et revenons en arrière. Et maintenant, partout, partout où nous utilisons simplement H one, et il va être changé de 25 pixels. Donc oui, il ne s'agit que de ça. J'espère que tu comprends 20. Si le plugin uichemy se bloque, comment le résoudre: Maintenant, je vais partager avec vous que si le plugin UICB est cassé ou s'il est bloqué sur un navigateur, alors ce qu'il peut faire ou comment il peut simplement importer le design Ce n'est donc pas vraiment difficile à faire. Donc, lorsque j'ai essayé d'importer le design pour la première fois, il semblait cassé. Permettez-moi de partager à nouveau s' il est cassé ou non. Je ne pense pas que ça va être cassé à nouveau parce que je dois attendre un peu avant mon audition ici, parce que cela prend un peu de temps. Je ne suis donc pas sûr qu'il va être cassé ou non, alors attendons. Bien, comme vous pouvez le voir, cette page semble ne pas répondre OK, alors tu veux attendre ou tu veux quitter cette page ? Donc, si vous voulez attendre, vous pouvez certainement attendre. Mais je pense qu'ils vont vous envoyer à nouveau le même message, à savoir qu' il ne répond pas Quoi qu'il en soit, ce que je peux faire, c'est juste le traverser. Comme vous pouvez le voir maintenant, sa croix ne fonctionne pas. Rechargeons donc cette page dès maintenant. Je suis donc en train de recharger cette page pour pouvoir recommencer depuis le début Donc, pour le moment nous devons simplement diviser cette page. Puisque sur EIMePlugin, nous avons un mode copier-coller, nous n'avons donc pas à nous en soucier Donc, ce que vous pouvez faire, nous pouvons simplement le diviser en quelques sections. Par exemple, disons que j'aime saisir ici cette section zéro dans le FAS, puis cette section, et c'est cette section Donc ça va être beaucoup plus facile, non ? Donc, tout d'abord, choisissons une section zéro. Passons maintenant ici et optimisons-le, puis convertissons-le comme vous pouvez le voir, nous l'obtenons maintenant. Votre bloc-notes. Nous pouvons maintenant passer à Elementor Et maintenant, nous pouvons simplement le coller ici. Ensuite, comme vous pouvez le voir, il va être ajouté. Et encore une fois, passez à la section suivante, allez-y et sélectionnez la section suivante, comme votre section de confiance de celle-ci, copiez-la. Et comme vous pouvez le voir, il est maintenant copié dans le presse-papiers. Au fur et à mesure que nous obtenons cette section ici. Maintenant, collez-le à nouveau. Alors maintenant, comme vous pouvez le voir, ça baisse, non ? Donc, si vous voyez que votre plugin C est cassé ou qu'il ne fonctionne pas, vous pouvez simplement le recharger et le diviser en quelques sections, puis l'importer de cette façon, j' espère que cela fonctionnera Si vous rencontrez un autre problème à propos de l'UIC, rendez-vous simplement dans notre groupe comme par Az Il s'agit d'un groupe IRL, comme vous pouvez le voir, rejoignez ce groupe et partagez votre problème. Je serai là pour t'aider. 21. Uichemy Copy paste ne fonctionne pas: Je sais que beaucoup de gens sont confrontés au même problème, comme le mode copie ne fonctionne pas sur UIKE Comment y remédier, n'est-ce pas ? Dans cette vidéo, je vais donc vous montrer comment nous pouvons faire. OK, alors disons, tout d'abord, que je vais saisir ici cette section. C'est Boy Little. Optimisons-le donc et convertissez-le simplement. Et maintenant c'est ma copie dans le presse-papiers. Revenons à notre Elementor et maintenant, cliquez sur le bouton Mouse Wright, puis vous devez sélectionner votre pièce de l'autre côté Cliquez dessus. Ensuite, comme vous pouvez le voir, pour reconstituer les éléments, de votre côté, je veux dire, autre côté, il vous suffit appuyer sur Control V ou Command V. Maintenant, appuyez sur Control V ou Command V. Ensuite, comme vous pouvez le voir, nous obtenons la même chose ici. Mais pour le moment, si vous allez simplement ici et que vous le souhaitez, cliquez sur ce collage, alors ce collage n' allait pas fonctionner. Donc, si vous appuyez sur Control V, cela ne fonctionnera pas. Alors, qu'est-ce que tu n'as pas fait ? Vous devez cliquer ici , appuyer de l'autre côté, puis appuyer sur Ctrl V. Ensuite, cela va fonctionner. D'accord ? J'espère donc que votre copier-coller ne fonctionne pas, le problème est résolu. 22. Figma à Gutenberg via Gutenberg Core, Spectra, Générer des blocs, Kadence: Nous allons maintenant voir comment importer notre design Figma dans Genbak Donc, tout d'abord, vous devez simplement accéder à cette ARL, comme v.com slash Et si vous avez déjà un compte et si vous avez déjà une clé de licence, c'est très bien. Mais si vous n'en avez pas, allez simplement ici qui fait défiler un peu vers le bas, puis vous obtiendrez l' option « Démarrer gratuitement ». Mais ici, vous devez sélectionner ce que vous voulez. Dans mon cas, disons que j' aime utiliser Gutenberg, alors je sélectionne Gutenberg, je vais commencer gratuitement Ensuite, ils peuvent lire une page de paiement et il vous suffit de saisir vos informations, créer un compte, puis d'obtenir une licence. J'ai donc déjà un compte, donc je ne vais pas en créer un nouveau, alors permettez-moi de me reconnecter. D'accord, comme vous pouvez le voir, notre ordre est joué avec succès, et voici la clé que nous recherchons le plus Maintenant, nous devons copier ici cette vraie clé, et si vous faites défiler la page vers le bas, ils vous montreront ce processus qui, en cas de confusion, vous indiquera comment installer le YKMEPlugin, comment nous pouvons nous connecter à Ce qu'ils enseignent en bloc là-bas. Je copie donc la clé de licence. Passons à la FICMA et passons simplement ici ce Y Cami, comme si vous en activiez un, c'est OK, maintenant c'est activé en ce moment. Passons à ce donjon pour savoir comment l'utiliser, car je vais vous montrer comment l'utiliser dès maintenant. Et puis, comme vous pouvez le constater, nous avons la même option qui comme vous l'avez vu auparavant, c'est la même chose. Optimism Convert et ExpasKat et Here ont quelques options À l'heure actuelle, il y a les prochains blocs. Et dans les prochains blocs Spectra Git, Caden et moi allons créer un site Web avec ça, Alors maintenant, tout d'abord, sélectionnons celui-ci. J'aime, sélectionnez la section que vous souhaitez importer et Gutenberg Ensuite, vous devez cliquer sur optimiser et sur Canva sur ce bouton. Et maintenant, vous devez optimiser le design. Cliquons donc sur cette première. Passons à la première chose, et ils parlent de résoudre ce problème. Et avant de vous expliquer pourquoi c'est nécessaire, voici le prochain problème que nous devons également corriger. Et voici la dernière, comme des images. Et si on y regarde attentivement, ces quatre images sont différentes. Ce sont des individus. Mais si je verrouille maintenant, si je veux juste corriger le problème, ce seront une image que je ne veux généralement pas parce que ce je ne veux généralement pas parce sont quatre images différentes, et plus tard, si je dois créer diapositive ou un carrousel, je peux le faire Mais si je le verrouille maintenant , ce ne sera plus possible plus tard. Parce que cette couche de verrouillage, c'est comme ça que fonctionne le centre commercial. Donc, si vous avez plusieurs couches à cette époque, disons que si vous passez à celle-ci, elles en ont plusieurs maintenant. Et si vous voulez simplement le verrouiller, ils seront regroupés dans un seul fichier, n'est-ce pas ? Et ils vont le faire dans un seul fichier. C'est pourquoi nous créons simplement un journal. Donc pour l'instant, je vais le poser ASR. Alors maintenant, allez au Nix, donc je vais traverser le Widen et maintenant ils vérifient autre chose Ensuite, il y a une carte des accès, et Hippams, un peu comme si vous l' étiquetez, vous pouvez voir où se trouvent des éléments tels que HVDimges Donc oui, c'est du HVZ ou aussi il y a aussi des images Donc oui, c'est à peu près correct. Cliquons donc sur Marquer comme terminé. Et ils en vérifient d' autres. Et une chose intéressante à chaque fois, que vous remarquerez qu'ils ajoutent une vidéo Supposons donc que vous ne comprenez pas quelque chose en particulier, que vous aimeriez voir plus de détails, puis il vous suffit de cliquer sur cette vidéo pour voir plus de détails. D'accord, nous parlons maintenant d'activer le contenu des clips. OK. Voyons maintenant de laquelle ils parlent. Pour celui-ci, ils aiment activer le contenu des clips ou les images débordantes Alors, d'accord, réparons. Et si vous ne comprenez pas ce que c'est, il vous suffit de cliquer sur une vidéo pour en savoir plus. OK ? OK. Maintenant, faites défiler l'écran vers le bas, et ils en prennent encore un peu. OK, donc supprimez les propriétés de l'ordinateur central, passons au héros, et ils parlent de les supprimer, mais si nous le faisons, alors peut-être qu'elles seront cassées OK, que pouvons-nous faire ? Nous ne pouvons faire qu'une chose. Nous pouvons maintenant effectuer une sauvegarde. Passons donc simplement à Alta. Ouais. Si ce n'est pas le cas, alors juste pour le moment, nous pouvons le laisser, ou que pouvez-vous faire ? Nous pouvons, disons, le réparer. Donc, comme vous pouvez le voir, je peux le réparer en pouces. Ça a l'air bien, mais si vous regardez ça, par exemple, le rembourrage du côté gauche ou du côté droit, il est presque retiré Donc c'est bon. Je pense que ce n'est pas quelque chose. C'est bon. Mais si vous voulez ajouter le rembourrage, vous pouvez le faire à partir d'ici, d'accord ? C'est bon. Voyons maintenant si et revenons en arrière. Et puis vous avez une balise de bloc, un titre, un bouton, une vidéo, blocage, des images avancées, une boîte d'information et un autre widget là ou bloquez là. Revenons en arrière et passons au gestionnaire réactif. Et je pense que nous parlons de détails, non ? Nous devons donc expliquer à nouveau. Et voici un paramètre de conversion. Passons à l'option Convertir, puis vous obtenez deux options, l'une étant comme les modes de copie en direct, qu' ils recommandent principalement. Mais j'aime bien utiliser ce mode de copie car c'est beaucoup plus facile. OK, alors optez pour ce mode de copie. Je clique juste ici sur la copie. Et comme vous pouvez le voir, j'en ai une copie ici, il suffit de la copier. Retournons en arrière. Et maintenant, nous devons installer un plug-in. Passons donc à ce nouveau bouton ici. Il ne nous reste plus qu' à ajouter Nextureblock. C'est un peu comme après, puis les urgences. C'est juste ça. Alors bloquez. Ensuite, vous devez installer ici ce plug au Mali, nextorblog what Presquenburg, plug with Thousand Star Templo At, il suffit donc d'installer et Il suffit de cliquer ici. Installez maintenant, puis cliquez sur Activer c'est tout. Ensuite, il va l'activer. Vous pouvez également installer ici cette prochaine extension, celle-ci. Vous pouvez également installer ici le plus grand nombre d'éléments, celui-ci également. Je vais le réinstaller. Vous pouvez l'installer ou le laisser, mais je vois qu'ils ont un widget. OK. C'est bon. Nous les installons donc tous. De plus, si vous allez ici sur le thème, nous devons installer leur thème. Sinon, vous verrez que le design est un peu cassé. Alors allez ici le thème, et maintenant vous devez cliquer sur ici en haut, ajouter un nouveau thème en haut. Ensuite, vous devez rechercher la même chose ensuite. Donc, tout d'abord, tapez suivant, puis ER, rechercher. Et puis vous obtiendrez ce thème comme celui-ci, avec des détails et un aperçu. Alors c'est le thème dont je parle, et ce thème vient de posy met like celui-ci, POSI MY TH, celui-ci J'ai déjà installé et activé ce thème. OK, maintenant c'est fait. a aussi une chose, laissez-moi partager avec vous lors de la dernière conférence précédente, je pense que je vais partager avec vous. Passons à l' option de personnalisation en haut de la page. Et puis vous devez accéder à cette option générale. Passons ensuite au récipient , puis retirons simplement cette tête dans toute sa largeur, toute la largeur, sur toute la largeur, le liquide corporel, tout, remplissez-la avec, puis nous la mettrons à zéro Ensuite, vous pouvez littéralement importer ce que vous voulez, et le poids sera complet, d' accord, pour que vous puissiez facilement, je veux dire, le design sera identique à celui de votre Figma Donc, si tu le fais peser à plein poids. OK. Maintenant, revenons au design. OK. Alors maintenant, revenons en arrière car vous avez déjà installé tout ce thème et associez-le. Tout cela va s' installer. Et maintenant, nous devons cliquer sur cette nouvelle page ici, le côté gauche, cliquez sur ce bouton. Et maintenant, dans le texte, il suffit d'appuyer sur Ctrl V, appuyer sur Ctrl V. Et comme vous pouvez le voir, nous arrivons à tout cela, tout ce que nous trouvons en ce moment. Donc, si vous voulez simplement le mettre sous le nom de cette page, vous pouvez dire que c'est notre maison. Disons Home 5. Je peux simplement cliquer ici sur ce bouton publié pour voir le design ou nous pouvons voir le PV. Nous n'avons cependant pas besoin de publier. Et si vous regardez bien que ces dessins ont exactement le même aspect, mais que seules ces deux images air recadrées à cause du design, et que nous pouvons les importer manuellement, pas de problème. Celui-ci a exactement la même apparence, mais ce n'est pas le cas parce que si vous regardez cette mauvaise herbe, elle y est mise dans une mauvaise herbe. Mais dans notre design, nous n'avons pas mis de mauvaises herbes. Donc, ce que vous pouvez faire, vous pouvez littéralement aimer ce truc, et nous pouvons simplement y mettre une mauvaise herbe. Alors ce sera pareil, comme nous le voulons, c' est-à-dire comme nous le voulons, ou comme c'était avant. Donc, si vous regardez attentivement, ce bouton n'a pas le même aspect. Je pense que cela ressemble à un problème de mauvaises herbes. Nous pouvons donc corriger cela en large parce que dans l'élément précédent, nous obtenons la même chose, non ? Alors cliquez sur un bouton et changez simplement cette herbe pour dire à quel point cela semblait parfait 48, 47, 45. Cliquons ici sur cette option de prévisualisation et partons sur ce bouton de prévisualisation. OK, maintenant il rejoint la version préliminaire. Je sais que, comme vous pouvez le voir, ça a l'air très beau, non ? Maintenant c'est bon. Alors maintenant, nous pouvons simplement faire la mise à jour. C'est un peu comme si vous n'aviez pas besoin de publier le design, si vous ne pensez pas que c'est une bonne chose, n'est-ce pas ? Vous pouvez voir l'aperçu. Ensuite, si vous vous sentez bien, c'est bien, vous pouvez simplement saisir le design enregistrer le design ou publier le design. Et puis allez sur cette tablette et cette tablette, vous pouvez certainement la mettre à jour. Tu peux le modifier. Disons ici qu'il y a une largeur. Vous pouvez simplement augmenter la largeur ici. Nous pouvons également augmenter la largeur de ce motif. Vous pouvez également accéder à cette version mobile. Vous pouvez également mettre à jour virtuellement le bouton. Si vous allez sur ce blog, vous pouvez certainement le faire. Cliquez simplement dessus et augmentez simplement la largeur du bouton comme ceci. Tu peux le faire. De plus, si vous cliquez ici sur cette option de couche, vous pouvez voir les automobiles. C'est le conteneur, c' est le paragraphe sur le conteneur, où vous pouvez littéralement faire le Madison personnalisé de votre mieux comme vous le souhaitez. Comme vous pouvez le voir, c'est tellement sécurisé. Voici le conteneur. Nous devons le rendre léger et mobile, pour qu'il soit beau. Voici les images ci-dessous, vous devez donc ajouter votre carrousel Ce n'est donc pas quelque chose de très sexy, je pense, et c'est facile de faire de la magie personnalisée avec Gutenberg Si vous voulez supprimer les blocs, ce qui, je pense, cliquez simplement sur cette icône en forme de plus, vous y trouverez tout ce bloc, et vous pourrez simplement l'utiliser pour créer votre site Web. Et c'est tout pour Freak Pay Gutenberg. Et si vous avez des questions, faites-le moi savoir dans notre groupe ici, comme facebook.com slash Voici celui-ci. Voici le groupe. Alors rejoignez-nous et posez la question. De plus, si vous souhaitez voir une vidéo détaillée, exemple une page complète, je vais convertir en utilisant Gutenberg, il suffit de me le faire savoir et de regrouper, et je vais ajouter une vidéo différente à ce sujet et ajouter le même cours ici OK, préviens-moi juste. Merci beaucoup. 23. Figma à Bricks Builder: Nous allons maintenant voir comment importer notre design Figma pour déchiffrer les orthographes Donc, pour ceux-ci, tout d'abord, nous devons aller sur ce lien m.com slash UI CeMei ici, puis faire défiler la page ci-dessous vers le bas Vous trouverez alors cette option ici. Comme vous pouvez le voir, il y a un Elementor, ne pouvait pas monter à bord, puis quelques briques Alors cliquez ici sur celui-ci de Bicks, et cliquons sur ce début gratuitement, ce patron Ensuite, vous devez créer un compte ici. J'ai donc déjà un compte et je m'y connecte déjà. C'est pourquoi je peux voir mon e-mail et mon prénom. Cliquons donc sur télécharger gratuitement ce bouton. D'accord, comme vous pouvez le voir, j'ai ici la clé de licence, et cela sera nécessaire pour optimiser mon design sur Figma Alors copions-le. Tout d'abord, revenons à notre design Figma Et dans Figma Design, vous pouvez littéralement importer un design complet à partir d'ici ou vous pouvez simplement l'importer dans une section spécifique Dans mon cas, pour le moment, j'aime utiliser une section spécifique, mais dans votre cas, vous pouvez importer un design complet. Nous allons donc sélectionner le design. On peut voir ici cette option, ce bouton comme une action. Ensuite, allez ici sur ces plugins et recherchez maintenant votre UIki. Ainsi, lorsque vous recherchez I Cai, vous obtenez quelques plugins supplémentaires de la part de l'entreprise L'une est comme Figma pour Greenberg, Figma Elementor. Enfin, ayez un Figma to Breakpage Builder. Il suffit de cliquer dessus, puis nous devons cliquer ici sur ce bouton Exécuter. Et tout d'abord, ils demandent d'activer ce plugin. Cliquons donc sur pset activate. Et maintenant, nous devons coller ici la clé de série que nous avons récemment reçue d'ici. Il suffit donc de coller et de cliquer sur cette option Activer. Et maintenant, cliquons sur Ignorer. Ignorez-le également. Et c'est comme le plugin précédent, non ? C'est un peu la même chose. OK, alors allons-y avec cette section. Comme vous pouvez le voir, j'ai actuellement 50 conversions. OK, alors cliquons ici sur ce Optimiser et confions ce bouton. Et là, nous devons optimiser notre conception, afin que vous puissiez littéralement l'optimiser. Ce design est donc déjà optimisé car dans la vidéo précédente, j'utilise la même section. Ce design est donc déjà optimisé, il suffit de le marquer comme un. Ce qui est intéressant, c'est que chaque fois que vous recevrez une vidéo. Donc, si vous ne comprenez pas ce que c'est et pourquoi nous devons le faire, cliquez simplement sur la vidéo, puis vous pourrez voir la vidéo. Maintenant, cliquez sur C et revenez en arrière, puis sur les éléments ou le tag. Comme vous pouvez le voir, il contient de nombreux éléments de widget, de tag ou de blog, quoi que vous disiez. Tout y est. Vous pouvez donc l'utiliser spécifiquement, comme si vous faisiez dans Element ou je ne vais pas entrer dans les détails. Si vous souhaitez voir plus de détails, faites-moi part de notre groupe. Dernière vidéo, je partage avec vous le groupe ERL Passons au groupe et demandez-moi juste une chose précise, qu' est-ce que vous aimez apprendre Ensuite, j'ajouterai ce module à ce cours. OK ? Maintenant, cliquons sur ce type d'adaptation. Et comme vous pouvez le voir, il y a deux options, comme télécharger Jasen et cette entrée en direct Il est donc généralement recommandé d'utiliser une entrée. Donc, si vous optez simplement pour le spécifique, je pense que nous pouvons opter pour le JSON. Je pense que ça va être beaucoup plus facile. Cliquons donc sur cette option de téléchargement. Et si vous exportez simplement un pitch spécifique, optez pour cette entrée en direct. Ainsi, lorsque vous utilisez Live info, vous devez sélectionner et ajouter votre site. Ajoutons donc le bouton latéral, puis nous devons ajouter ici l'URL et le jeton. Donc, pour cela, nous devons accéder à notre site Web What press, et nous devons installer le plugin. UIC, il suffit de brancher Satn et de rechercher ici, UIKemi, rechercher simplement la même chose que FICMA et Et après l'activation, vous obtiendrez un bouton latéral gauche, comme EY CME, il suffit de cliquer dessus Ensuite, vous devez sélectionner votre créateur de page comme il le souhaite. Dans mon cas, j'aime bien utiliser Bricks Builder. Sélectionnez donc les briques, cliquez sur Suivant, Suivant, Suivant, Suivant. Ensuite, nous devons activer celui-ci, le télécharger, ensuite, puis cliquer ici sur cette option de finition. Ainsi, chaque fois que vous définissez un bit, vous devez définir le générateur de page que vous souhaitez utiliser. Fais-le, c'est tout. Mais si vous ne le faites pas, si vous l'ignorez ou si vous utilisez simplement plusieurs pages Builder, ce n'est pas un problème. C'est bon. C'est bon. Alors maintenant, faites défiler la page un peu vers le bas. D'accord, passons à l'option de réglage ici. Ayez le réglage. De plus, si vous allez ici sur cet IKE, j'y trouverai un EO, mais ce n' est pas pour Brick Spiller Si vous cliquez sur cette brique Spiller, c'est que tout va bien Elementor, si vous voulez simplement utiliser Elementor, alors vous devez installer Activate Thing avec ce même outil. Mais pour l'instant, nous allons utiliser uniquement un déversoir en brique. Passons donc au réglage. Et nous devons copier ici l'ERA annexe, revenons à Fick Margin, payer ici l'ERAP Maintenant, repartons à l'emballage et copions simplement le site, comme pour parler de sécurité, collez-le ici et connectez-le Et puis c'est la même chose que l'élément ou la moitié. Nous devons sélectionner ce que vous voulez. Allons-y avec une page ou un modèle, vous pouvez choisir ce que vous voulez. Donc pour l'instant, je vais utiliser cette page. Passons au portail suivant. Cliquez sur la flèche ici sur ce bouton. Ensuite, comme vous pouvez le voir, le camion sur cette page. Cliquons dessus avec des briques, sur ce bouton. Et ça a exactement le même look. Mais ces deux images semblent cassées parce que, lors de leur conception, elles ont été cassées. Passons à cette option, et maintenant nous pouvons littéralement faire cette chose. Nous pouvons simplement changer cette mauvaise herbe, puis elle sera réparatrice. Et voici la structure. Et si vous utilisez cette vignette, vous pouvez modifier cette largeur parce que pour l'instant, que s' est-il passé, si vous voyez cet aperçu dans le front-end, je peux dire regardez le long de la largeur, n'est-ce pas ? Pour l'instant, nous partons simplement à 100 %. Mais si vous le réduisez un peu, disons 90, 80 % ou 85 %, cela devrait ressembler à la même chose. Donc c'est totalement lié à la mauvaise herbe. Donc, si vous voulez obtenir un design exactement à 100 %, vous devez jouer avec ce pourcentage comme de l'herbe, alors le design sera exactement le même qu'il est. Et une chose, si vous regardez ce design en ce moment, cette image semble totalement statique, est-ce pas ? Cela a l'air totalement irréel. Donc, parce que nous n'avons sélectionné aucun type de bloc sans design ou aucun type de type get attach no design. C'est pourquoi cela ressemble à une image fantastique. Mais si vous avez besoin de quelque chose de dynamique, vous devez absolument optimiser le design ici. Passons donc à l'optimisation des éléments et des balises. Ici, c'est vraiment à vous de le sélectionner. Par exemple, j'aime bien utiliser ce carrousel. Je peux donc littéralement sélectionner ce carrousel ici. Voyons donc ce carrousel. J'allais dire que je pouvais sélectionner un carrousel et combien de carrousels j'aimerais montrer Disons que j'aime choisir ces quatre ou cinq, je peux littéralement les sauver. Alors maintenant, chaque fois que je peux importer ce design, ces images ne ressembleront pas à une image statique normale. Ça va être un carrousel. C'est réagir comme un carrousel, et nous avons d'autres options supplémentaires, comme element ou half Tout tourne autour de la mauvaise herbe, il suffit donc de jouer avec la mauvaise herbe. Ça y est, alors ça va être arrangé. Et c'est un mode tablette, pareil, et il y a aussi un mobile et le mobile ont la même chose. Il suffit donc de changer cette mauvaise herbe, puis je pense qu' elle sera corrigée. Comme vous pouvez le voir, vous voulez simplement augmenter la largeur, et ça a l'air plutôt bien, comme vous pouvez le voir. C'est donc totalement un problème de largeur, suffit donc de redimensionner le Wide notre design soit prêt Donc oui, encore une fois, si vous avez des questions, faites-moi simplement part à un groupe. Je vais certainement vous répondre. De plus, si vous avez besoin de plus de vidéos sur Brick Builder ou Gottenberg Mentor, un moment précis, si vous souhaitez en savoir plus, faites-le moi savoir Je vais faire plus de vidéos et ajouter ce cours. Merci d'avoir regardé. 24. Réflexions finales: Merci beaucoup d'avoir regardé ce cours dans son intégralité. Il est maintenant temps de faire part de vos commentaires ou de rédiger des idées. Faites simplement un commentaire, peu importe ce que vous pensez de ce cours. Si tu n'aimes pas, c'est bon. Fais juste un commentaire. J'en suis content, si vous n'aimez pas, et si vous l'aimez , alors faites simplement un commentaire. De plus, si vous souhaitez avoir plus de détails sur un sujet en particulier, disons à propos de Guttenberg, Biggs ou Elementary, si vous souhaitez voir une conception de page spécifique ou un design de site Web spécifique, faites-le moi savoir dans les commentaires d'un article de groupe, ou vous pouvez même m'envoyer un ou vous pouvez même Fais-moi juste savoir. Je vais certainement créer la vidéo l'ajouter au même cours et vous en informer afin que vous puissiez la regarder et qu'elle puisse résoudre le problème ou que vous puissiez même apprendre les choses. De plus, si vous rencontrez le moindre problème, disons que vous essayez de le faire, mais que cela ne se résout pas, juste pour publier dans un groupe, je serai là pour vous aider. 25. Évaluation: Félicitations. Vous avez terminé le cours avec succès. Il est maintenant temps de soumettre votre projet. Pour le projet, vous pouvez choisir n'importe quel type de design, mais vous devez le convertir dans WordPress, et vous pouvez utiliser n'importe quel constructeur de page pour convertir le design Figma en Wordpress, cela peut être Elementor, Gutenberg, Bricks Builder, tout ce que vous Mais assurez-vous que le design est 100% réactif pour tous les appareils. Ainsi, lorsque vous concevez dans WordPress, il vous suffit de cliquer ici sur ce projet de soumission, sur ce bouton. Appuyez ensuite ici sur le titre de votre projet. De plus, écrivez simplement la description du projet, comme ce que vous avez fait ici, comment vous le faites, écrivez un peu. Ensuite, il suffit de choisir ici d'autres liens, puis d'ajouter ici le lien du site WordPress ici, l' ajouter, puis de le publier. Et si vous voyez ici cette instruction de projet, vous obtiendrez ce lien. Si vous voulez simplement cliquer ici la communauté Figma tit DVI, mettez tous ces liens là, choisissez simplement l'un d'entre eux qui vous convient le mieux suffit d'y aller, de choisir le design et de le convertir dans Wt Press. Si vous avez des questions ou des confusions, allez simplement à cette discussion et écrivez simplement votre commentaire ou