Conception web avec WordPress : Tout ce que vous devez savoir, du début à la fin

1. Choisir votre plateforme : La différence entre WordPress.com et WordPress.org: de ParlonsdeWordPress maintenant. Il y a de bonnes chances que vous ayez fait un peu de recherche par vous-même, mais je veux partir de zéro juste pour vous aider. Vous comprenez la différence, en particulier entre wordpress dot com, que nous voyons sur la gauche ici, et wordpress dot org, que nous avons sur la droite. Quelle est la différence ? Eh bien, parlons. Parlons de WordPress. C' est un morceau de code. C' est un tas de fichiers qui composent cette base sur laquelle construire des sites Web. Donc, avec wordpress dot com, ils hébergent ce morceau de codes et de fichiers pour vous. Ils prennent soin de tout, et c'est tout cadeau enveloppé dans joli et bien rangé sur wordpress dot org. Vous obtenez tous ces fichiers vous-même, mais vous êtes responsable de les installer sur un serveur. Maintenant, beaucoup d'entre vous savent ce qu'est un serveur. Mais pour ceux d'entre vous qui ne le font pas, tout le serveur est un ordinateur de fantaisie. C' est juste ça. Pensez-y comme un ordinateur qui est toujours sur un endroit qui sert vos fichiers. Votre site Web Pensez à un fichier est comme un mot doc ou quelque chose. Mais dans ce cas, il s'agit d'un fichier HTML que votre navigateur Web peut afficher. Donc vous avez le serveur, cet ordinateur qui est toujours allumé. Alors quand quelqu'un va sur ton site, ça dit : Oh, voilà. Voici le fichier que vous cherchez. Donc, ce que nous faisons avec wordpress dot org est ici sur la droite, c'est que nous prenons cette base ce paquet de fichiers et les mettons sur votre propre ordinateur. En gros, vous louez de l'espace à un hôte comme Go Daddy ou Blue Host. Il y en a tout un tas. Nous en parlerons dans une seconde avec wordpress dot com. Pensez-y plus comme Facebook ou tout autre site. Vous pourriez vous connecter à l'endroit où ils gèrent tout. Vous créez votre propre compte, mais ils s'occupent de tout le reste. Parlons des avantages et des inconvénients. L' une des plus grandes prose est que vous pouvez créer un compte et être en cours d'exécution presque instantanément avec wordpress dot com. C' est exceptionnel. Si vous essayez juste de botter les pneus et que vous voulez voir si c'est le bon pour vous. Cependant, vous remarquerez très rapidement qu'il y a quelques limitations avec wordpress dot com. Allons jeter un coup d'oeil sur cette route, je vais cliquer sur cet onglet de prix. Et plus que probable, si vous deviez sauter avec le plan gratuit, voici quelques-unes des limitations que je veux attirer votre attention tout de suite. Le premier est que vous allez avoir un nom de domaine Wordpress dot com. Disons que vous avez nommé votre site. Ce serait quel que soit votre nom est dot wordpress dot com dans votre fenêtre de navigateur. C' est bien pour jouer en tant qu'entreprise ou professionnel. Ça ne marchera pas si immédiatement. Vous allez vouloir faire le nom de domaine personnalisé, ce qui vous met dans le plan annuel de construction de 4$ par mois. Ce n'est pas une grosse affaire qui est assez bon marché, surtout pour commencer. Vous allez également gagner un peu plus de stockage ici, ce qui est encore une fois génial. Mais six concerts, c'est pas beaucoup. Si vous allez faire quoi que ce soit avec de la vidéo ou des photos ou autre chose de plus que juste, vous savez, blogs de texte, il va également supprimer les annonces de dot com wordpress, ce qui est génial parce que sur le plan gratuit, il sera de nouveau affiché sur votre site Web. Pas si génial si cela va être quelque chose que vous utilisez pour votre portefeuille ou d'une manière professionnelle du tout. Alors, nous allons sauter un peu plus loin vers le plan premium. C' est génial. Cela nous ajoute plus d'espace. Il supprime ces annonces. Vous pouvez également monétiser votre site, et il donne le support de la presse vidéo. Pour être totalement honnête, je n'ai jamais utilisé ça, donc je ne peux pas parler de ce que ça veut dire. Sautons un peu plus loin, cependant, cependant, donc pour 25$ par mois, nous obtenons beaucoup plus. Nous pouvons installer des plug-ins et télécharger des thèmes, et je tiens à souligner cela pour les extrémités inférieures et les plug-ins Salling et les thèmes de téléchargement. Donc, un plug in est un paquet de code qui vous permet de doom ou avec votre site. Il y a beaucoup de branchements. Par exemple. Peut-être que vous voulez une galerie pour montrer vos images. Vous pouvez installer un plug in et ensuite avoir immédiatement la fonctionnalité pour créer une galerie ou peut-être créer un magasin ou un certain nombre de choses que vous allez vouloir faire. Vous allez comprendre très vite au fur et à mesure que vous allez, vous allez vouloir ajouter plus à votre site web, aussi avec des thèmes. Maintenant, si vous payez pour la prime, c'est nouveau. Vous pouvez télécharger des équipes avant de ne pas pouvoir faire pour correspondre, vous avez dû choisir parmi leurs thèmes et il y a environ 320 qui semblerait génial. Mais vous allez probablement y entrer et vouloir modifier les choses ici et là. Et à moins que vous ne payiez pour ce plan plus avancé, vous ne pouvez rien personnaliser. Donc, si vous êtes quelqu'un qui aime avoir, quelqu'un aime savoir que vous êtes en sécurité, que vos sites disent si vous avez des gens pour vous aider. Si vous rencontrez des problèmes, wordpress dot com pourrait être une excellente option pour vous, surtout que vous vous levez et en cours d'exécution. Cependant, si vous allez faire n'importe quelle sorte de personnalisation ou ajouter plus à votre site que de simples pages pour un blawg, je vous recommande fortement de plonger avec wordpress dot org, qui est exactement ce que nous allons pour vous montrer dans ce cours. C' est la raison pour laquelle tu t'es inscrit ici. L' autre chose est, disons que vous faites cela pour un ami ou vos affaires de parents ou votre entreprise, ou que vous voulez commencer une carrière en tant que développeur Web et concepteur Web. Vous pourriez aussi bien plonger dans l'écosystème de wordpress dot org parce que vous pouvez faire tout ce que vous voulez. Vous téléchargez le morceau de fichiers que le dossier Zip avec tous les fichiers qui font WordPress et c'est à vous de faire avec ce que vous voulez. Vous pouvez le mettre à jour. Vous pouvez le modifier. Vous avez accès à chaque ligne de code. Alors que vous progressez comme vous voulez ajouter plus ou le personnaliser, ou que vous continuez à apprendre, vous avez un contrôle complet, ce qui est un énorme bonus. L' autre chose, c'est que si tu travailles pour quelqu'un d'autre et qu'ils ont une idée. Si vous êtes sur wordpress dot com, votre capacité à changer les choses va être très limitée, et je peux vous garantir que si vous travaillez pour quelqu'un d'autre, ils sont toujours dans avoir des idées ou ils vont vouloir faire des choses qui sont sur wordpress point ou Dieu vous donnera la liberté de le faire. J' espère que j'ai répondu à toutes les questions que vous auriez pu avoir entre wordpress dot com et wordpress dot org. Cela vous donne une vue d'ensemble de base, et vous continuerez à en apprendre davantage au fur et à mesure que nous progresserons dans ce cours, mais nous espérons que cela vous indiquera clairement où vous devez aller. Dans la prochaine vidéo, nous allons parler de la façon de se lever et de courir rapidement pour que vous puissiez commencer à frapper les pneus . 2. Développement local et sites Web statique et dynamique: d' accord. Avant de passer à autre chose, je voulais vous trouver deux termes. Le premier est statique, puis dynamique. Et ce qui est lié à ce que nous sommes sur le point de faire, c'est que nous construisons un site Web dynamique. Ce que cela signifie, c'est que nous avons la base étant WordPress, mais chaque fois que vous chargez une page, il parle dynamiquement au serveur. Rappelez-vous, ce serveur est juste un ordinateur à qui vous louez de l'espace, comme Go papa, votre hôte bleu ou quelqu'un. Ainsi, votre site Web demande des informations du serveur pour construire le site. Donc, disons que vous ajoutez un magasin ou un blawg. Votre site est dynamique en ce sens que vous pourriez écrire votre post de bloc et il est sur le site Web. Et puis en fonction de ce que vous lui avez dit de faire, que ce morceau de code va se construire lui-même. Il va aller sur le serveur et dire, Hey, j'ai besoin de ce post. J' ai besoin de cette image et tout cela se passe en une fraction de seconde. Mais c'est ce que nous appelons dynamique contre, disons, un site statique. Si vous êtes graphiste, vous avez peut-être joué avec Adobe Muse. Il y a une poignée d'autres, ou peut-être de retour dans le jour où je Web si vous êtes ah utilisateur Mac. Mais ce sont tous des sites HTML statiques qui, fondamentalement, sont ce qu'ils sont comme. n'y a rien qui se passe entre votre site Web ne parle pas à la base de données. Donc, quand nous avons WordPress, nous avons nos principaux fichiers de base. Mais alors nous avons aussi ce qu'on appelle la base de données et pensez à cela comme une feuille de calcul Excel est juste plein de données qu'il se branche dans vos fichiers WordPress comme le site Web est demandé. Donc, ce que nous devons faire pour faire ce travail est soit mettre les fichiers WordPress sur un serveur. Nous en parlerons dans les vidéos ultérieures, mais juste pour commencer dès maintenant, rapidement, nous allons télécharger des logiciels qui prétendront que c'est un hôte. C' est un serveur virtuel fonctionnant sur votre propre ordinateur, donc c'est quelque chose qui est vraiment bénéfique pour quelques raisons. La première est que c'est rapide parce que nous n'attendons pas une connexion Internet pour construire votre site Web au fur et à mesure que vous construisez votre site. Les changements se produiront immédiatement. C' est vraiment important pour les développeurs car vous travaillez à travers les choses, mais l'inconvénient est que ce n'est pas sur un vrai serveur. Personne en dehors de votre réseau, votre ordinateur devant vous, nous pourrons le voir. Donc, si vous avez un client qui veut voir votre travail, il ne peut pas le voir avant de lui envoyer des captures d'écran ou de le partager avec lui d'une autre façon , ou peut-être obtenir en personne pour le voir. Le deuxième avantage à construire de cette façon est qu'il est en fait plus sécurisé parce que WordPress est dynamique et qu'il fait des requêtes au serveur. Il peut être piraté, et cela arrive un peu, en fait. Nous allons donc également couvrir la sécurité et comment vous protéger. Mais pendant que vous construisez votre site Web maintenant parce qu'il est uniquement sur votre ordinateur et qu'il n'est pas disponible 24 heures sur 7 pour les hackers pour essayer d'entrer et faire des choses, il est plus sûr de construire de cette façon. Maintenant que vous connaissez le jour entre statique et dynamique, nous allons entrer dans la prochaine conférence et télécharger une application pour aider à mettre votre site Web en service 3. Configuration, Connectez-vous, up, créez ! (WordPress WordPress avec Flywheel): Ok, C'est la meilleure partie de tout ce cours. On va faire un site WordPress et on va le faire fou vite. Donc, quand on aura tous dit et fini, voilà ce qui va pouvoir se passer. Vous pouvez ouvrir cette application qui hébergera vos sites Web. Localement, vous cliquez sur. Créez un nouveau site et vous lui donnerez un nom. Continuez Continuer. Nous allons y aller et ajouter le site. Et comme ça s'est ouvert, Mettez mon mot de passe admin très rapidement. Cette application va construire votre site Web local et maintenant cliquez sur Afficher le site. Et Boehm, il y a mon nouveau site WordPress littéralement aussi vite. Je peux revenir dans cette application et cliquer sur le bouton d'administration ici et ça va m'emmener directement dans ce site que nous venons de faire Ok. Et maintenant, je suis à l'intérieur de mon site WordPress pleinement fonctionnel et c'était en quelques secondes. Vous pouvez voir que c'est mon site point Dev est le nom de domaine. On en parlera plus dans une seconde. Mais encore une fois, ce que je veux souligner ici, c'est que littéralement a pris quelques secondes. Donc je te montre ça maintenant parce que je veux que tu comprennes quand on saute à travers certains de ces cerceaux pour que ça arrive. Pourquoi on fait ça. Donc maintenant que tu sais qu'on peut faire, laisse-moi revenir juste quelques choses ici très vite. Je veux te montrer. Ok, Donc quand j'ai commencé à construire mes sites WordPress, j'ai utilisé madame. Madame est une application gratuite qui fait essentiellement ce que nous venons de faire. C' est un peu plus impliqué, mais c'est gratuit et ça marche très bien. C' est ce que j'utilisais jusqu'à, comme, littéralement, il y a une semaine quand j'ai découvert cette autre application. Man Pro est la version professionnelle. En fait, c'est ce que j'ai utilisé parce que je pouvais héberger plusieurs sites et avoir beaucoup plus de cloches et sifflets sous le capot. Si vous êtes sur Windows ou Mac, vous pouvez utiliser l'un ou l'autre de ceux-ci et ils sont géniaux. Ok, alors la prochaine chose que j'ai commencé à utiliser était le serveur de bureau à partir de la presse du serveur. Vous téléchargez l'application et il ne fait pas beaucoup la même chose à nouveau. Grande application. Encore plus vite que madame pour moi. J' ai vraiment aimé certaines choses à ce sujet. Et maintenant, je viens de découvrir local par volant en fait découvrir que c'était la recherche pour ce cours, je voulais vous montrer quelque chose qui était simple et facile à utiliser. Et j'adore ça. Donc ce que je veux que vous fassiez, c'est aller au point local get flywheel dot com et ce qu'on va faire est cliquer sur ce gros bouton de téléchargement gratuit. Maintenant, le téléchargement est d'environ 500 megs. Alors venez ici, cliquez sur le bouton, choisissez si vous êtes sur un Mac ou Windows, donnez-leur votre nom et envoyez toutes les informations par e-mail et cliquez. Prends-le. Maintenant, le reste est assez simple. Si vous en avez déjà installé, disposez d'une application. suffit donc de passer à travers cela, de le monter et de courir orteil où vous avez maintenant la possibilité de faire fonctionner ce local par volant d'inertie. Alors allez-y et faites ça maintenant. Mettez tout en place, et puis dans la leçon suivante, nous allons faire ce que je viens de faire ont été en fait traversé et créé un site WordPress. Mais je vais vous montrer plus d'options et Maurer des préférences auxquelles vous allez vouloir faire attention. Alors d'accord, allez-y et téléchargez-le maintenant, et nous verrons dans la prochaine leçon 4. Revoir les préférences pour accélérer votre flux de travail dans « Local par Flywheel ».: d' accord. J' espère que vous avez installé un volant d'inertie local et prêt à partir. En fait, si vous êtes comme moi, vous avez probablement déjà créé un site web et vous avez déjà commencé à cliquer sur des boutons et faire vos propres affaires, et vous n'avez même plus besoin de moi. Mais allons de l'avant et jetons un coup d'oeil rapide à certaines des préférences. Je veux juste vous en montrer un peu plus sur ce programme pour vous aider à accélérer votre flux de travail Donc la première chose que je veux vous montrer, c'est vos préférences. . Alors venez ici pour le titre. Local par volant. Cliquez sur Préférences. C' est si tu es sur un Mac. Si vous êtes sur un PC, je pense que c'est à modifier vers les préférences. Je ne sais pas. Je suis désolé. Vous êtes un peu seul si vous êtes sur un PC. Cela a été pour toujours, puisque j'ai utilisé un PC de toute façon, Donc, dans mes préférences, nous avons nos nouveaux paramètres de site par défaut. Donc, chaque fois que vous créez un nouveau site Web, c'est l'information qu'il va utiliser et où il va l'enregistrer. Donc, à partir de cet environnement, ce que cela signifie est quel type de codage, langage et de versions de base de données utilisez-vous ? Ne vous inquiétez même pas pour ça. Il s'agit d'un sujet avancé. On va juste le laisser comme on le préfère. Et ce que cela va faire, c'est, tant que votre application est à jour, elle va simplement tout configurer pour vous par défaut. Donc, en ce moment, nous avons les valeurs par défaut de cet environnement. Nous utilisons cette version de PHP et cette version de ma suite. Et encore une fois, je voudrais juste nous laisser tranquilles. Ne vous inquiétez même pas à ce sujet maintenant que vous obtenez mieux que vous obtenez l'esprit du développeur mawr. Et peut-être que ce ne sera jamais pour vous, mais vous serez en mesure de choisir ce à quoi cela ressemble. OK, à côté de votre nom d'utilisateur administrateur, assurez-vous que ce n'est pas admin. C' est la pire chose que tu aies pu faire. Il est très facile de se faire pirater si vous mettez cela sur votre site Web. Alors allez-y et prenez le temps de rendre votre nom d'utilisateur quelque chose d'unique. Peut-être même ajouter des chiffres, des symboles et d'autres choses. Même chose avec votre mot de passe. Prenez le temps de vous assurer d'avoir un mot de passe sécurisé. Allez-y et inscrivez l'adresse e-mail que vous souhaitez utiliser. Cela est utile si vous oubliez votre mot de passe. Quand elle migre ceci, vous pouvez demander à WordPress d'envoyer le lien de réinitialisation de mot de passe à votre e-mail. Alors allez-y et mettez votre e-mail d'administrateur, puis le chemin des sites par défaut. C' est là que vivent les fichiers. Donc, si les sourcils en ce moment, il met tous les fichiers du site, en fait, ils vont être sous mon dossier racine sous les sites locaux, et puis chaque nouveau site aura son propre dossier qui aura tous les Fichiers WordPress à l'intérieur de celui-ci. Donc, c'est juste lui dire où enregistrer ces fichiers. Vous pouvez le mettre où vous voulez, mais où que vous le mettiez, assurez-vous de ne pas le déplacer après coup parce qu'il peut briser les liens et causer beaucoup d' autres problèmes. Donc ça va être bon pour l'instant. Allez et laissez le mode de développement activé. J' ai Comme je l'ai dit, je suis assez nouveau dans cette application, donc je n'ai même pas été capable d'utiliser cela assez pour savoir si on ou off va faire beaucoup de différence. Les formulaires que j'ai lus simplement dit, laissez-le allumé et oubliez-le. Donc c'est ce que je vais faire. Nous avons d'autres options ici pour exporter des Blueprints avancés et ajouter des ons. Honnêtement, tout ce qui est fait pour le moment. C' est le cadre principal que je voulais vous montrer. Ces nouveaux sites sont-ils par défaut ? Donc je vais cliquer sur ce X ici en haut, à droite pour fermer mes préférences. Et maintenant, je suis de retour dans la fenêtre principale de mes sites locaux. Je peux cliquer sur le site que nous avons déjà créé, et nous pouvons passer à travers et regarder Atmore de ces options. Ce sont des choses qui reprendront à une date ultérieure. Sachez juste que sous la base de données, rappelez-vous cette diapositive que je vous ai montré où nous avons la première diapositive qui a montré le cours ces fichiers de base. Et puis j'ai montré la base de données et la base de données est fondamentalement les tripes de votre site Web. C' est la feuille de calcul Excel qui contient toutes les données à l'intérieur de celui-ci pour construire votre site Web. Eh bien, en cliquant ici, je peux cliquer sur ajouter mineur, et ce sont mes fichiers de base de données. Donc, ici en haut à gauche, je peux cliquer sur exporter, et je peux exporter toutes les informations de ma base de données. Super simple à faire. Ça sera utile plus tard quand on ira bouger ça et faire d'autres choses. Nous avons également des utilitaires RSS l et R. Ensuite, cliquez sur le site d'administration ou nous pouvons réellement voir le site. Ok, donc c'est que je sais que je fouille ça, mais la raison pour laquelle c'est parce qu'on n'a pas encore besoin de s'inquiéter à ce sujet. Je veux juste vous montrer que vous pouvez cliquer ici pour voir ce plus de fonctionnalités de votre site Web. On peut aussi cliquer sur cette petite flèche juste ici, et ça va nous pousser dans notre dossier racine pour le site. Ok, c'est bien qu'on arrive à se lever et à courir. On se prépare à y aller. La dernière chose que je veux vous montrer avant de passer à autre chose, c'est ce bouton de lien en direct. C' est aussi un énorme parce que dans cette vidéo précédente où j'ai mentionné les avantages et les inconvénients d'une construction WordPress locale, c'est l'un des inconvénients énormes est de ne pas pouvoir montrer les clients surtout si vos clients ne sont pas dans la même ville, C' est toi ? Il est difficile de télécharger le fichier. abord, vous devez exporter toute votre base de données et vous devez télécharger les fichiers de base et télécharger la base de données et mettre à jour les liens et faire beaucoup de travail juste pour les laisser voir. Et puis s'il y a des changements que vous ne voulez pas travailler sur le site distant, vous devez le retirer vers le bas et simplement faire beaucoup de travail. Donc, ce que nous pouvons faire ici avec ce bouton de lien en direct si je clique sur activer il me donne un lien. Donc c'est allumé en ce moment sur mon ordinateur. Si vous deviez accéder à ce lien, vous pouvez voir ce site Web en direct dès maintenant. Maintenant, si vous essayez, cela ne fonctionnera pas, parce que chaque fois que vous allez probablement à ce lien, je suis mon ordinateur pourrait ne pas être allumé, et cette application pourrait ne pas être ouverte. Donc, pour que cela fonctionne, votre application doit être activée et en cours d'exécution. Donc ici, c'est un site en cours d'exécution. Il y a le petit vert à côté. Cela signifie que le serveur virtuel est en cours d'exécution. Je peux l'arrêter en cliquant sur ce signe d'arrêt, et il va éteindre le serveur et tout le reste dont il a besoin pour fonctionner. Et que va-t-il se passer si je viens ici à ce lien et que je le rafraîchisse. Cela ne fonctionne pas, donc c'est plus probable, très probablement ce que vous allez voir si vous visitez ce lien. Cependant, si vous l'étiez, disons que vous étiez mon client et que je voulais vous montrer Hey, voici le site sur lequel je travaille et voici à quoi il ressemble. J' activerais ce lien, je m'assurerais que mon site fonctionne. Alors cliquez sur ce petit bouton juste ici, un peu de jeu. Mais maintenant mon site a un cercle vert à côté, me disant que c'est sur les pouvoirs sur son fonctionnement. Et si je rafraîchis cette page maintenant, cela fonctionne. Donc maintenant, je pourrais appeler mon client et nous pourrions avoir ou si c'est un Google ou un appel Skype , un appel téléphonique ou autre chose, et nous pourrions parcourir le site Web ensemble et regarder les progrès. Donc, c'est une nouvelle fonctionnalité impressionnante et super facile à faire. Vous pourriez le faire avec Mam, et vous auriez pu le faire avec cette version de presse de serveur aussi. Pour être honnête, je n'ai jamais vraiment fait ça avec ça, donc je me souviens que Mam était un peu plus difficile. Tu ne pouvais pas l'allumer comme ça. C' est donc un énorme changement de jeu pour pouvoir travailler localement, avoir cette vitesse pendant que vous êtes en train de développer, mais aussi avoir la flexibilité de le partager ainsi que d'une sécurité. Donc, quand je désactive cela maintenant, je devrais m'inquiéter de mon site être piraté ou quelque chose de bizarre qui lui arrive avant que je sois prêt à l'allumer et à aller en direct si très, très cool fonctionnalités ici. Ce que je veux faire maintenant, c'est juste te montrer rapidement. Maintenant, si vous voulez faire un autre site, nous avons celui-ci en cours d'exécution. Je peux cliquer sur ce bouton plus ici en bas à gauche et juste ajouter un autre site. Peu importe ce que tu veux. Je pourrais continuer et encore une fois je pourrais continuer parce que je ne suis pas inquiet de faire des configurations personnalisées. Et puis cela va tirer les options par défaut que j'ai définies dans ces préférences. Cliquez sur Ajouter un site. Maintenant, j'ai un autre côté ici, et c'est aussi facile que ça. C' est super cool. Allez prendre le temps de jouer avec un peu, et ce que nous allons faire dans la prochaine vidéo est en fait commencer à explorer WordPress 5. Se connecter à un site web WordPress: Jetons un coup d'oeil à la façon de se connecter à votre site WordPress. Maintenant, je suis déjà connecté à partir de la leçon précédente. Donc ce que je vais faire est de venir en haut à droite au-dessus de mon nom, puis descendre et cliquer sur Se déconnecter. Maintenant que je suis déconnecté, il y a plusieurs façons de rentrer. Si vous utilisez l'application locale à la volée sera. En fait, c'est très simple. Il suffit de cliquer sur le site sur lequel vous voulez vous connecter, puis ici vers la droite. Nous avons ce grand bouton d'administration et je vais cliquer dessus et ça va m'emmener directement à ma page de connexion pour les safaris WordPress, en souvenant de mon mot de passe. Donc, je vais cliquer dessus et il se connecte et je suis de retour dans le tableau de bord. Ça ne pourrait pas être beaucoup plus simple que ça. Maintenant, si vous essayez de vous connecter à un site distant, disons, disons, sur Go Daddy ou Blue host ou une autre plate-forme d'hébergement, tout ce que vous avez à faire est d'aller à l'adresse du site, donc dans ce cas, c'est mon site dot dev. Je peux frapper, retourner et voir le site en direct maintenant parce que je me suis déjà connecté sur cette fenêtre, il se souvient que et a cette tête haute barre d'options d'affichage à travers le haut. Maintenant, si j'étais vraiment bien déconnecté, longtemps encore et nous retournerons à mon point de site Dev, nous verrions juste le site sans cette barre d'options en haut. Donc ce qu'on va faire est de cliquer sur l'adresse Web et à la toute fin d'elle dans une barre oblique de type , c'est celle qui a le point d'interrogation dessus. Connectez-vous et appuyez sur Retour. Maintenant, ça marche. Cela fonctionne la plupart du temps, mais il y aura des cas où pour des raisons de sécurité ou une autre raison de payer et la version de WordPress ou le logiciel fonctionnant sur votre serveur, cela peut ne pas toujours fonctionner. Donc, quand j'appuie sur Se connecter et sur Return, il m'a redirigé vers ce lien PHP dans le tableau de bord WP. C' est juste un peu plus difficile à retenir, mais si vous allez à ça pour commencer, vous allez au même endroit et ensuite dernier. Si nous sommes allés à mon site point Deb avant slash Debbie P Dash retour de lumière admin, et cela nous mènera là aussi bien. Comme vous pouvez le voir, il y a beaucoup de façons différentes d'accéder à votre page de connexion. Mon préféré, bien sûr, comme je l'ai dit, est juste de taper cette barre oblique Ford puis de se connecter à la fin. Donc, juste pour récapituler, nous pouvons cliquer sur le bouton admin en local par volant. Nous pouvons aller à l'adresse Web et à la fin, tapez Ford slash se connecter. Nous pourrions taper avant slash WP dash admin ou nous pourrions taper en avant slash WP dash log in dot PHP. 6. Configurer les paramètres WordPress: il est temps de retrousser nos manches et de commencer à travailler avec WordPress. Donc, je vais sauter dans ma vue. Nous retournerons au lodge en cours que nous venons d'apprendre dans la vidéo précédente, et je vais juste vous montrer un bref aperçu du tableau de bord WordPress et ensuite quelques-uns des principaux paramètres que je fais à chaque fois. Donc on est à Wordpress. Félicitations pour l'avoir fait aussi loin. J' espère que tu es excité par ce que tu as appris jusqu'à présent, et que ça s'est bien passé pour toi. Ce qu'on va faire, c'est juste passer par quelques choses rapides en haut à gauche. Nous avons quel que soit le titre du site, vous avez nommé votre site. Donc maintenant, parce que j'appelle ça ma vue. Ce lien dit ma vue. Mais si tu l'appelais mon portefeuille génial, ça dirait mon portefeuille génial. Cela sera toujours là lorsque vous serez connecté afin que nous puissions cliquer sur la maison ou le texte, et il parlera. Va et vient entre votre site en direct et votre tableau de bord, donc c'est un endroit sûr pour juste pouvoir sauter d'avant en arrière. Je pourrais également cliquer sur ce bouton de visite du site. Mais ça fait exactement la même chose . D' accord. Donc, dans notre tableau de bord en bas de ce côté gauche, nous avons beaucoup de choses différentes que vous devriez vérifier. Maintenant, gardez à l'esprit si vous cassez quoi que ce soit. Eh bien, pour commencer, ça va être difficile de casser quoi que ce soit aussi tôt. Mais si vous le faites, ne vous inquiétez pas du tout. Parce que, comme vous l'avez appris, mise en place d'un nouveau site est très, très facile. Si vous êtes inquiet à ce sujet, vous venez ici et faites un clic droit sur votre site et cliquez sur le bouton clone et il fera une copie de votre site Web afin que vous n'ayez pas à vous soucier de casser quoi que ce soit en ce moment. En fait, pendant que je suis ici, je vais faire du nettoyage de la maison et cliquer sur Supprimer supprimera cela. Un autre site que j'ai fait comme un échantillon. Je vais aussi le faire déplacer ces fichiers du site à la poubelle. De cette façon, je n'ai pas d'encombrement sur mon ordinateur. Quand tout cela est dit et fait Maintenant de retour dans le tableau de bord, je veux juste courir à travers quelques paramètres que vous devriez être conscient. Que je change avec tous les sites que je construis, alors ce que je vais faire est en bas du côté gauche vers le bas. Nous avons ce lien pour les paramètres. Je peux cliquer dessus. Et maintenant, je vois tous les sous-onglets de paramètres répertoriés ci-dessous. Nous allons commencer à l'onglet Général et nous pouvons voir le titre de notre site. Vous pouvez modifier tout ce que vous voulez. Et quand vous faites cela, il sera mis à jour sur cet onglet de menu en haut ici, ainsi que selon le thème que vous utilisez, il mettra à jour le thème également. Donc, par exemple, quand je vais commander cliquer sur cette icône d'accueil sur un clic de contrôle PC, ce que cela va faire est d'ouvrir un nouvel onglet. Et de cette façon, je peux cliquer ici et voir ce qui se passe sans perdre ma place dans le tableau de bord. Donc, je suis sur cet onglet et vous verrez ce titre. Ça dit ma vue. Juste un autre site WordPress. Donc, certains thèmes prendront en charge cet autre cela peut être caché, et il peut être réservé pour une image pour votre logo. Cela dépend juste du thème qui saute dans mes paramètres. Ce slogan est quelque chose que je prendrais le temps de créer quelque chose de significatif pour votre site Web. La raison est que, même si le thème n'affiche pas ce texte ou si vous l'avez désactivé dans le backend de votre site Web, ce texte sera toujours là, et Google et tout autre moteur de recherche le verra. Cela aide donc à l'optimisation de votre moteur de recherche. Ce n'est pas une grosse affaire, mais c'est quelque chose qui aide. Donc le reste de ça a l'air assez bien. Ce que je vais faire maintenant est de m'assurer que cette adresse e-mail est celle que je voudrais obtenir des notifications à des fins d'administration. Donc, chaque fois qu'il y a un nouvel utilisateur, ou peut-être qu'il y a une mise à jour disponible pour le logiciel ou quelque chose du genre qui est lié au site Web, cela sera envoyé à n'importe quelle adresse e-mail que vous avez indiquée ici. L' autre chose que je change, c'est le fuseau horaire. Donc en ce moment, nous sommes à UTC plus zéro. Je vais changer UTC moins sept parce que je suis dans le fuseau horaire standard de la montagne. Et de cette façon, si j'ai des messages blawg ou des mises à jour qui passent en direct ou des messages programmés, ils seront publiés en fonction de mon fuseau horaire. Si vous voulez savoir quelles heures sur votre à, il suffit d'ouvrir une nouvelle fenêtre de navigateur et Google quel fuseau horaire UTC m I dans. Et puis à partir de là, vous devriez être capable de voir. Par exemple, je suis dans le fuseau horaire standard de la montagne et il dit UTC moins sept. C' est comme ça que j'ai compris. Lorsque j'ai fini avec ces modifications ici en bas, nous avons le bouton bleu enregistrer les modifications, alors assurez-vous de cliquer dessus avant de naviguer loin de cette page ou vous perdrez vos paramètres. Je vais passer à l'onglet d'écriture, et tout va bien ici. D' habitude, je ne change rien ici. Maintenant, cliquez sur l'onglet lecture, et c'est quelque chose que nous en apprendrons plus dans les leçons à venir. Mais je veux que vous sachiez que c'est là que vous pouvez définir votre page d'accueil. Donc actuellement sont les pages d'accueil dynamiquement définies pour être nos derniers messages. Donc, si je reviens sur le site et un défilement vers le bas, vous verrez cela sur la page d'accueil. Ce post bonjour World est ce qui apparaît ici, donc quel que soit le post le plus récent sera présenté sur le site et sautera vers le haut. Nous pouvons changer cela et en faire une page statique. Je pourrais cliquer dessus, et si j'avais des pages créées, je cliquerais dessus et puis sélectionnez quelle page est ma page d'accueil ? Ça va être très utile quand on installera notre site web plus loin. L' autre chose que vous pourriez considérer que je fais souvent est découragé les moteurs de recherche d' indexer ce site. Donc, en ce moment, nous construisons localement. Ça n'a pas trop d'importance. Mais si je travaillais sur un serveur et publié ceci, je ne veux pas que Google prenne un instantané d'un travail en cours. Et puis peut-être en bas de la route, une fois que j'ai mon site riel en place, il pourrait être d'afficher des gens de contenu obsolètes dans les résultats de recherche. Donc j'essaie de laisser ça allumé jusqu'à ce que je sache que tout est exactement comme je le veux. Je vais aller de l'avant et cliquer, enregistrer les modifications ici puis en discussion. Parce que WordPress a été développé pour être un constructeur de site Web de blogs, il a de grands paramètres de discussion et de grandes options de commentaires, ce qui est génial si vous avez un site Web que vous voulez que cela se produise. Cependant, si vous avez un site qui est un site statique ou votre site de portefeuille, et que vous ne voulez pas vraiment un tas de commentaires de spam. Ce que vous pouvez faire est de venir ici et de désactiver l'option pour permettre aux gens de poster des commentaires sur nouveaux articles, donc je vais l'éteindre et en fait je vais désactiver ces deux options est bien, et puis je descends ici juste au cas où j'arriverais pour avoir des pages qui sont déjà en place que je ne connais peut-être pas qui ont déjà été activées. Peut-être que c'est arrivé. Avant de désactiver ces paramètres, j'active le commentaire. Doit être prouvé manuellement. Au moins, rien ne passe sans que je le voie pour être posté sur le site. Je vais faire défiler vers le bas et cliquer, enregistrer les modifications à nouveau. Je vais dans cet onglet média juste pour que vous puissiez le voir. Je n'ai jamais apporté de modifications à cela tant que cela est configuré pour organiser mes téléchargements dans dossiers basés sur le mois et l'année. Pour moi, il garde les choses propres et organisées sur le serveur. Mais encore une fois, tout cela devrait être exactement comme vous en avez besoin. Je ne m'inquiéterais pas encore trop et puis le dernier est Perma liens. Les liens Perma sont essentiellement la structure des liens. Donc c'est ton site web ? Vous êtes de mon côté, Doc Dev. Par défaut, cela ressemblera probablement à ceci. Ce serait cette question grossière. Mark p égale 123 Et ce que c'est, Est-ce que c' est dire charger quoi que ce soit ces pages et chaque page que vous faites dans wordpress a en fait un nombre, mais pour les humains est difficile de se rappeler ce que c'est. J' aime donc utiliser l'option de nom de poste. Donc, si je clique dessus, quel que soit le nom de ma page, c'est ce qui apparaîtra. Donc, par exemple, ma page à propos dirait mon site dot dev ford slash sur Donc c'est ce que je vais faire ici est de le laisser comme nom de poste fera défiler vers le bas et appuyez sur enregistrer les modifications. Et maintenant mes liens de permis ont été mis à jour. Ce sont les plus grands changements que je fais pour chaque site WordPress que je fais quand j'ai créé pour la première fois . Donc ce que je vais faire maintenant est aller de l'avant et met en pause la vidéo, et puis la prochaine leçon, nous allons en apprendre un peu plus sur la façon de créer des pages et plus de contenu dans votre site WordPress. 7. Pages dans WordPress: dans cette vidéo, nous allons jeter un oeil à la création de pages et WordPress avant de le faire. Je veux juste signaler quelque chose très vite. Dans la dernière vidéo, je vous ai fait définir vos liens Perma vers Post Name, mais j'ai remarqué que cela à travers ce point d'index PHP là aussi. Mais on ne veut pas ça. Je vais cliquer sur la structure personnalisée et juste supprimer cette partie ici, ce point d'index PHP et dans la barre oblique que je supprime. Et maintenant, il a juste une barre oblique pourcentage de nom de poste pour cent barre oblique. Allez-y et faites cela, puis appuyez sur Enregistrer les modifications. De cette façon, nos liens vers l'avant seront beaucoup plus propres et simples. Ok, avec ça fait, allons sauter et jeter un oeil aux pages et WordPress. Je vais venir ici dans la barre latérale et cliquer sur les pages, et vous verrez que nous avons un exemple de page par défaut. Ah, cliquez sur le titre, qui équivaut à cliquer sur ce lien d'édition nous mènera au même endroit. Et vous pouvez voir que nous avons notre titre de page. Nous pouvons voir ce que sera notre lien Perma. Et c'est cette structure. Nous avons littéralement juste changé Donc maintenant, au lieu de dire mon site dot dev ford slash index point dernier exemple page de PHP Ford Il a juste cette page exemple de barre oblique. Je peux changer ce lien à tout moment. Et là où cela est vraiment utile, c'est si vous faites une promotion. J' ai donc beaucoup de clients qui vont faire des choses différentes, comme le même courrier de carte postale qui pourrait dire quelque chose comme la vente d'octobre ou la vente flash ou une sorte d'événement ou tout ce que vous pouvez penser. Donc, ce que vous pouvez faire est de mettre en évidence ce texte, quelle que soit cette page, et vous pouvez faire le lien ce que vous voulez. Donc, dans ce cas, peut-être qu'on veut dire vendre. Ok, Et maintenant, quand j'ai fini, tout appuie sur ce bouton de mise à jour, et ce que ça fera est de mettre à jour cette page sur le site Web. Donc, si je clique sur ce lien, je peux voir le lien réel serait mon site dot dep ford vente slash. C' est donc très utile lorsque vous faites une promotion d'impression ou une sorte de publicité en ligne. Vous pouvez contrôler ce que ce lien est, et cela est vraiment utile pour une image de marque cohérente. Je vais revenir à cette page. Je vais laisser ça tranquille. Je veux juste souligner quelques autres choses. Donc en ce moment nous avons cet éditeur visuel ici, donc notre texte est mieux. C' est un style que vous pouvez voir. Le style de paragraphe est appliqué. On peut le rendre audacieux. Je pourrais ajouter le cap en haut de ceci. Peut-être que, euh, ma rubrique ici, cliquez sur la liste déroulante et donnez-lui un titre approprié pour ce style et commencez à me former à mon impôt. Je peux ajouter des listes à puces. J' ai des citations, une ligne, à des liens que nous pouvons lire Mawr. Je peux même aller ta option de la barre d'outils, ce qui me donne plus d'options comme les couleurs et les choses comme ça. C' est génial de pouvoir taper tout ce que vous voulez et voir exactement ce que c'est . Nous pouvons également ajouter des médias ici. Donc, si je voulais ajouter une image sur cette page, je pourrais simplement appuyer sur retour, cliquer sur Ajouter un média, puis sélectionner un fichier pour mon ordinateur et nous allons commencer à ajouter des médias plus tard. Donc on va revenir à ça. Si je suis sur l'option texte de vous ici, vous pouvez voir cette glace. Je peux voir le balisage HTML. Donc, si vous êtes familier avec HTML, alors c'est génial. Vous pouvez plonger, retrousser vos manches et vraiment lutter au bras le code pour être exactement ce que vous voulez. Mais les chances sont que si vous êtes graphiste, cela vous semble assez étranger. Donc tu vas vouloir t'assurer que tu traînes sur cet onglet visuel. Pour l'instant, c'est tout ce que je veux vraiment me concentrer sur quelqu'un mise à jour. Je vais revenir ici et ce que je veux vous montrer, c'est qu'il y a plusieurs façons d'ajouter de nouvelles pages à la presse. Donc on va essayer le centre commercial. Donc maintenant je vais ajouter une nouvelle page en cliquant sur ce bouton en haut. Je vais appeler celui-là à la maison. Je dirai ma page d'accueil. Maintenant, ici à droite, je vais cliquer sur Publier une autre façon de créer de nouvelles pages en haut. Nous avons ce nouveau venu à la page et cliquez sur la page, et c'est une autre façon d'ajouter une nouvelle page. On appellera celui-là, et je pourrais garder ça en tant que brouillon si je voulais y revenir plus tard. De cette façon, il ne publie pas réellement sur le site en direct. Disons que vous faites quelque chose et que vous n'étiez pas prêt à l'envoyer en direct. Tu pourrais juste l'enregistrer comme brouillon. Quand je reviendrai dans mes pages, vous pouviez voir que c'est son brouillon. Juste à côté. Je peux cliquer sur Modifier rapidement. Et plutôt que d'ouvrir toute la page, il va ouvrir ce menu d'édition rapide où je peux changer le statut du brouillon Toe publié sur une mise à jour de clic. Et maintenant cette page sera aussi en direct. Une autre façon d'ajouter une nouvelle page est sous cet onglet de pages vers le bas pour ajouter de nouvelles afin que vous puissiez voir qu'il y a plusieurs façons d'atteindre la même chose. Je vais appeler cette page contact, et cette fois je vais frapper l'aperçu. Ce que cela va faire est de me montrer un aperçu de ce à quoi ressemblera le site sans vraiment apporter de changement au site. Ceci est utile si vous apportez des modifications de texte ou que vous apportez des modifications à votre page, mais vous ne voulez pas que tout le monde la voie encore. Je vais frapper Publier. Je vais revenir sur toutes mes pages et vous pouvez voir que j'ai à propos de la maison de contact et un exemple de page. Maintenant, si je vais sur mon site, je vais cliquer ici sur le titre. Vous remarquerez quand je fais défiler vers le bas. Je ne vois rien de tout ça. n'y a pas de menus. n'y a rien qui me montrerait ces pages que je viens de faire. Donc, dans la prochaine vidéo, nous allons jeter un oeil sur la façon de créer un menu personnalisé pour votre site Web. 8. Créer un menu de navigation personnalisé: Maintenant que nous avons créé quelques exemples de pages et que nous avons nos paramètres numérotés, jetons un coup d'oeil à la création d'un menu personnalisé dans cette conférence. Nous allons ajouter un menu à cela afin que nous puissions réellement naviguer entre toutes les pages que nous venons de créer. Commençons par revenir à mon tableau de bord et nous allons passer à l'apparence et aux menus Maintenant que vous êtes là, continuons et créons un nouveau menu. Donc, en haut, il est dit, créer un nouveau menu va cliquer sur cela, et nous avons ce nom de menu. J' appelle le mien May Knave ou le menu principal n'a pas vraiment d'importance. C' est juste pour vous de savoir sur quel menu il est sur lequel vous travaillez. Une fois que j'ai ce nom ici, je vais cliquer sur Créer le menu. Maintenant, nous pouvons dire à WordPress où mettre ce menu. La raison pour laquelle cela peut être utile dépend du thème que vous utilisez. Vous pouvez avoir différents emplacements pour ce menu,Par exemple, vous Par exemple, pouvez avoir un menu de pied de page où vous placez des choses comme un F a Q ou des choses différentes que vous verrez sur un site Web de commerce électronique comme vos termes et politique et des choses comme que pour peut-être les retours d'expédition, etcetera. Nous pouvons également le mettre dans notre menu principal du haut. Ces titres ici. Cet emplacement d'affichage va contrôler où cela apparaît. Tous les thèmes n'ont pas les mêmes emplacements et pas Ember. Chaque thème l'appelle les mêmes choses. Tu vas devoir utiliser ton meilleur jugement en ce moment. Nous voulons que ce soit notre menu haut de gamme. Cela va le mettre comme notre menu principal sur tout le site. Vous verrez également avec ce thème que nous avons le menu des liens sociaux et qui va mettre le menu dans un endroit différent. Ce serait si vous essayiez de mettre, disons, Instagram Twitter lié ou des choses comme ça comme vos liens sociaux afin que vous puissiez créer un menu juste pour cela. Donc maintenant que j'ai l'emplacement sélectionné, j'allais frapper le menu Enregistrer très rapidement, et jusqu'à présent nous n'avons pas encore d'éléments de menu ajoutés. Eh bien, ici à gauche, vous pouvez voir les choses les plus récentes que nous avons créées, et le site n'est pas encore très grand, donc cela montre à peu près toutes les pages que nous avons créées. Vous pouvez également cliquer sur Afficher tout pour voir toutes les pages qui se trouvent dans notre site. Et s'il s'agissait d'un grand site, vous devrez peut-être effectuer une recherche afin de cliquer sur la zone de recherche et de taper la page que vous recherchez. J' ai trouvé que le laisser généralement sur l'onglet le plus récent fonctionne. Super, parce que tout ce que je viens de créer est ce que j'essaie probablement d'ajouter au menu et il apparaîtra ici. Maintenant, je peux le faire un à la fois, ou dans ce cas, je veux tout ajouter à ce menu. Je vais cliquer sur Ajouter au menu. Et maintenant j'ai mes liens de menu. Si je sauvegarde ceci et maintenant sauter sur mon site et actualiser la page. Vous pouvez voir que ces liens apparaissent en haut. C' est génial. On a un bon départ maintenant. J' ai remarqué que la page d'échantillon est ici en haut à gauche. Je ne veux pas montrer l'exemple de page tout et mes pages d'accueil ici sur la droite, et je préfère qu'il soit ici dans sa première position. Je vais revenir à mon onglet de menu ou faire quelques choses. Donc je vais cliquer sur cette petite flèche tournante vers le bas sur le côté de la page échantillon et je vais cliquer. Supprimer qui va le supprimer pour mon menu. Mais il ne supprimera pas la page de WordPress, sorte que cette page existe toujours. Si vous avez un lien vers elle quelque part à vos yeux, cela fonctionnerait toujours. Mais pour l'instant, il n'apparaîtra tout simplement pas dans notre menu. Maintenant, je vais faire est de cliquer et de faire glisser ce lien à la maison jusqu'à la position supérieure. Et la dernière. Ce que je veux vous montrer, c'est que vous pouvez réellement imbriquer des éléments de menu. Donc, disons que j'avais le sujet Tab et que je voulais, disons contact et tout un tas d'autres choses répertoriées en dessous. Je peux faire glisser ceci vers la droite et maintenant pour être un sous-élément. Parfois, il est difficile de l'obtenir là où vous le voulez afin que vous puissiez cliquer à nouveau sur ce tourbillon vers le bas , et vous pouvez physiquement cliquer celui-ci vers le haut ou hors du lien sous qui le fera manuellement sans essayer de le glisser dans le bon position. L' autre chose que vous pouvez faire est, disons, plutôt que de simplement dire contact. Peut-être que tu veux quelque chose de plus créatif comme dire bonjour. Vous pouvez créer l'étiquette de navigation. Et c'est juste le titre du lien. Quoi que vous vouliez, ça ne changera pas vraiment la page. Nommez le lien que nous avons défini sur la page ou le titre de la page. Cela va juste changer l'étiquette sur la navigation. Une fois ces changements faits, je vais cliquer sur le menu Enregistrer. Je vais passer à mon autre onglet et appuyer sur Rafraîchir. Et maintenant, vous pouvez voir que ces modifications ont été appliquées. On est rentré dans la première position. Exemple de page a été supprimé et l'onglet à propos a maintenant notre page à propos. Si je clique sur cela ainsi que notre dire bonjour, page de contact imbriquée en dessous. Je vais aller de l'avant et un nid qui pour l'instant et une autre chose que je veux vous montrer, c'est qu'on a d'autres options aussi. Donc, disons que lorsque votre site devient plus robuste, vous pouvez ajouter différents messages dans votre navigation. Vous pouvez ajouter des liens personnalisés. Donc, disons que vous avez un site web spécifique. Tu veux un lien, Teoh ou on peut mettre ce texte ici aussi. Ajoutez cela au menu. Nous pouvons également ajouter différentes catégories. Donc, disons que vous avez différents messages blawg ou messages de portefeuille. Ou peut-être leurs produits comme des T-shirts, etcetera. Vous pouvez également ajouter toute la catégorie au menu. Je frappe, enregistrer le menu et une fois de plus viendra ici et regarder cela va rafraîchir la page. Et ces liens apparaissent maintenant. Nous avons notre post bonjour mondial. Nous avons notre lien externe qui remplace actuellement ce que nous venons de cliquer. Si vous voulez envoyer quelqu'un à un site externe, ce que vous pourriez vouloir considérer reviendra à ce lien de flux de travail rapide que nous avons mis là et nous ne voyons pas les options en ce moment. Donc, je vais faire défiler vers le haut et voir ce petit onglet options d'écran. Je vais cliquer sur le menu déroulant. Je vais ajouter une cible de lien et vous pouvez également ajouter d'autres choses ici aussi. Ainsi, mesure que vous devenez plus avancé, vous pouvez ajouter des classes CSS pour peut-être changer certains liens qui, disons, un lien. Tu veux être vraiment odieux ? Peut-être que c'est un fond rouge ou quelque chose comme ça. Vous pouvez ajouter des classes CSS à cela pour aider à styliser des liens individuels. Donc encore. C' est dans cet onglet des options de l'écran. Cliquez dessus et j'ai activé la cible Lien. Donc maintenant, je peux revenir à mon lien et je peux cliquer sur ouvrir le lien dans un nouvel onglet, enregistrer mon menu va revenir à cet autre sur notre site principal. Je vais rafraîchir cette page. Et maintenant, quand je clique sur ce lien, il l'ouvre réellement dans un nouveau navigateur. D' accord, revenons à mon menu. Je vais aller de l'avant et supprimer ce lien. Je vais retirer mon bonjour World post, et je vais laisser ces trois tels quels. Je vais enregistrer le menu. Et la dernière chose que je veux vous montrer est que si vous vouliez avoir votre lien à travers le haut et le bas, je pourrais mettre cela dans les deux endroits juste en vous demandant à tous les deux de choisir le menu d'enregistrement de la lumière. Et maintenant, voyons où ce thème le met. Je vais rafraîchir la page et je vais faire défiler vers le bas juste pour voir et vous pouvez voir que nous avons ces liens sociaux dans chacun de ceux-ci. Je parie. Laisse-moi juste cliquer sur ça, corréler à la chose avec les trois en haut. Nous allons donc voir comment les styliser plus tard avec les logos réels et les plateformes de médias sociaux auxquels ils pourraient être liés. Mais au moins, vous pouvez voir comment vous pouvez affecter votre menu à différents endroits de votre thème. , Dans la prochaine vidéo, nous allons jeter un coup d'œil aux plug-ins et comment vous pouvez ajouter encore plus de fonctionnalités personnalisées à votre site Web. 9. Introduction aux plugins: Très bien, il est temps de s'amuser avec des branchements comme je l'ai mentionné dans les vidéos précédentes. Plug-ins aident à étendre la fonctionnalité de votre site Web Donc, hors de la porte WordPress peut faire beaucoup de grandes choses et vous avez déjà vu certaines de cela, comme créer des pages. Faites des menus personnalisés rapidement obtenir un site Web opérationnel sans avoir à coder quoi que ce soit qui est tout génial. Mais que se passe-t-il quand vous êtes prêt pour plus ? Allons de l'avant et passons à notre page de branchements ici. Donc, dans notre barre latérale ira à brancher, et c'est là que tous vos plug-ins vivront une fois que nous les avons installés. Actuellement, vous verrez que nous n'en avons pas. Alors allons-y et allons chercher un peu. Je vais cliquer dessus. Ajouter un nouveau bouton en haut, et ce sont tous les plug-ins en vedette, donc je ne suis pas sûr qui fait ça. Mais ce sont tous les plug-ins que WordPress veut mettre en vedette et pour vous de voir, donc c'est un excellent endroit pour commencer. Un meilleur endroit pour commencer serait de cliquer sur cet onglet populaire, et la raison pour laquelle est basé sur ce que les plug-ins sont populaires au moment où vous regardez cette vidéo, cela pourrait changer. Donc maintenant, nous avons le formulaire de contact 7. C' est un super plug in pour créer un formulaire de contact sur votre site Web. Vraiment ? Basic fait le travail. Yost s PDG est un grand plug WordPress qui aidera votre optimisation de moteur de recherche. Il vous dira si vos sites fonctionnent bien et comment vous pouvez ajouter plus de mots clés à trouver mieux. Jetpack est un autre grand plug in. Cela ajoute beaucoup de fonctionnalités à votre site Web. Vous créez fondamentalement un nom d'utilisateur wordpress dot com pour sombrer cela avec votre site Web, et il fait toutes sortes de choses liées aux messages, optimisation des moteurs de recherche, partage social. Il protégera votre site web. Il pourrait faire des sauvegardes et bien d'autres choses. Ça vaut vraiment la peine de vérifier. Il y a beaucoup plus ici que le commerce est un grand. Si vous voulez construire quelque chose qui a à voir avec le commerce électronique, que ce soit la vente de biens numériques ou de produits physiques comme des T-shirts, etc., c'est la prise et vous voulez certainement utiliser, et il y a beaucoup plus. L' autre que je veux souligner est la sécurité des évents de mot. Je l'utilise sur tous mes sites, et cela aide vraiment à vous protéger contre les pirates informatiques ou de différentes choses qui peuvent arriver à votre site Web. Donc il y a beaucoup de Maurin ici. En fait, il y a plus de 1000 pages de plus de 43 000 fiches différentes que vous pouvez choisir. Alors, dans un étang aussi grand, comment choisir ce qui est bon pour votre site ? Comment commencez-vous même à savoir où chercher ? Eh bien, ce que j'ai trouvé, c'est que vous pouvez avoir une bonne idée pour si c'est un bon plug in, en fonction de sa note, fonction de sa note, nombre de notes qu'il a et de la date à laquelle il a été mis à jour. Certains plug-ins comme ce plug in Yost ont été mis à jour il y a seulement six jours. Au moment de cet enregistrement, certains d'entre eux pourraient être des semaines, et certains d'entre eux pourraient être il y a des années. Donc, indiquez certainement vers les plug-ins qui ont été mis à jour récemment et ont des notes plus élevées . Donc ce qu'on va faire maintenant, c'est commencer à ajouter quelques branchements. Nous nous soucierons de les mettre en forme et de les configurer plus tard. Mais pour l'instant, ce que je veux faire est juste d'installer, si vous allez installer ce formulaire de contact installera le Yost. Si vous êtes curieux d'un Web Ah, branchez et que vous voulez savoir ce qu'il fait, tout ce que vous avez à faire est de cliquer sur ce lien plus de détails, et une petite fenêtre pop-up vous montrera la description de la fiche dans la façon de l'installer. Toute question fréquemment posée à ce sujet. Le journal des modifications pour ce qui a été fait, ce qui a été mis à jour au fil du temps avec chaque révision, captures d'écran et avis. C' est donc un très bon moyen d'avoir une bonne sensation, car si c'est un plug in, que vous voulez utiliser ou non, nous y sommes. Installez ce mot sécurité des évents et allons de l'avant et faites défiler vers le bas et juste voir s'il y a quelque chose d'autre que nous voulons mettre ici pour le moment. Je pense que c'est bon pour l'instant. Alors quoi, on va te montrer une chose de plus que tu peux faire quand tu seras prêt à ajouter d'autres branchements ici en haut, non ? Affaiblir la recherche. Donc, disons que vous êtes prêt à ajouter une galerie de photos ou peut-être même le flux Instagram à votre site Web affaiblir type dans tout ce que vous pouvez imaginer, et il y aura probablement un plug in pour cela. Alors maintenant ce que je pourrais faire un défilement et juste obtenir une compréhension de ce plug in pourrait répondre à mes besoins. Donc, si je voulais afficher mon flux instagram sur une page, je pourrais regarder à travers et trouver le bon gin de jeu et mon choix va être basé à nouveau sur la note la plus élevée, tout le monde a le plus d'installations et celui qui a été mis à jour le plus récente. Alors que je fais défiler, je vois qu'il y a beaucoup d'options. Donc maintenant, c'est un peu plus que ce que je veux vous montrer dans cette conférence, mais je voulais vous aider à comprendre où trouver des branchements. De cette façon, si vous voulez sauter dans l'étang par vous-même et installer quelques branchements, vous pouvez y avoir. Donc maintenant ce que je vais faire est de cliquer sur ce lien de plug ins installé sur ma barre latérale. Si vous ne voyez pas cela, cliquez sur l'onglet Plug-ins, puis il sera par défaut sur cette page de plug-ins installés . Donc maintenant, nous pouvons voir quels plug-ins ont été installés sur son site lesquels sont actifs, et s'il y a des mises à jour, vous verrez un lien pour mettre à jour le plug in. Si jamais vous découvrez que vous voulez vous débarrasser d'un branchement, c'est un simple que de le supprimer. Ou vous pouvez en bloc, supprimer ou modifier. Donc, je peux cliquer sur plusieurs à la fois, venir apparaître à des actions en vrac et qu'ils voulaient les garder autour, mais juste le désactiver . Donc, ils ne sont pas en cours d'exécution sur mon site Web. Je pourrais cliquer, désactiver, puis appuyer sur Appliquer. Pour l'instant. On va aller de l'avant et cliquer. Activez juste sur ce mot clôture plug in de sécurité parce que je ne suis pas prêt à faire quoi que ce soit avec les autres encore. Et dès que je le fais, vous verrez que j'ai cette mise à niveau vers l'option Premium et je peux voir les détails. Mais l'option premium. Vous obtenez plus de cloches et de sifflets, tels que l'authentification à deux facteurs, Donc ce que cela fera est lorsque vous allez vous connecter à votre site WordPress, il enverra un code toe spécial. Quel que soit le téléphone cellulaire ou l'appareil mobile que vous spécifiez avec un code secondaire pour vous connecter. C' est un excellent moyen d'empêcher votre site d'être piraté est de mettre à niveau ce service premium . Je crois que c'est environ 40$ par an. Ne me cite pas là-dessus. Ça fait un moment. Personnellement, je n'utilise pas de prime. J' utilise juste la version de base et cela fait un excellent travail. D' accord. Maintenant, quand vous allumez ou activez une prise à nouveau, ces air pas actif encore leurs fichiers air assis sur mon serveur dans un dossier. Mais pour qu'ils s'allument et travaillent avec le site Web et s'intègrent dans ce code, vous l'activez. Donc, nous venons d'activer la clôture de mot, et souvent, lorsque vous activez la fiche, il mettra un menu dans la barre latérale. Donc, par exemple, nous avons ce mot menu de clôture dans ma barre latérale maintenant, et je peux voir qu'il y a beaucoup de choses différentes Weaken Setup ici est Eh bien, je vais juste cliquer sur ce mot titre de clôture, et vous pouvez faire la tournée et cela me guidera à travers toutes les fonctionnalités. Je vous recommande de le faire ou juste cliqué et la visite, et vous pouvez passer par et vérifier tout sur votre propre. Donc, nous activons mot clôture, certainement passer par et jeter un oeil à tout ce qui se passe ici pour l'instant, Les paramètres par défaut air grand. On est bien d'y aller. L' autre chose à faire attention est parfois lorsque vous configurez un connecteur, ses paramètres peuvent aller à l'intérieur de ce menu de paramètres. Donc maintenant, si je survole les paramètres, vous verrez que nous avons des liens de conduite générale, lecture, de lecture,de médias et de permis. Parfois, ces paramètres peuvent être ajoutés à ce menu. Parfois, ils sont jetés dans le menu des outils, et parfois on le colle partout où tu dois creuser et voir où ça va. Chaque développeur de branchement le gère différemment. Tu vas devoir essayer de lire la documentation, en fonction des prises que tu utilises. Et alors que nous suivons ce cours et que je vous montre ce que j'utilise pour mes clients, vous aurez une meilleure compréhension de l'endroit où chercher. C' est à peu près pour les branchements. À ce stade, alors que nous continuons à construire MAWR, sites Web avancés tout au long de ce cours vont parcourir différents paramètres de prise en charge et comment les utiliser en détail 10. Introduction aux widgets: Bon, apprenons un peu sur les widgets dans cette conférence. Alors allez-y, allez dans le tableau de bord, puis revenez à l'apparence, puis aux widgets dans votre barre latérale. Ici, nous allons cliquer sur cela, et vous pouvez voir que nous avons la barre latérale d'un blog. On a un pied ou un pied ou deux. C' est les widgets par défaut que je vois avec le thème actuel que nous utilisons. Et ici, sur le côté gauche, nous pouvons voir les widgets disponibles, donc il y a tout un tas de choses avec lesquelles nous pouvons travailler maintenant. Cette option peut sembler différente pour vous, en fonction du thème que vous utilisez. Et si vous avez installé d'autres plug-ins qui pourraient avoir ajouté des widgets supplémentaires à cela , par exemple, avons-nous installé ce widget instagram ? Je suis désolé. Instagram plug dans le widget pourrait avoir montré ici où nous pourrions glisser et déposer cela dans nos zones de barre latérale ou de pied de page. Alors regardons comment cela fonctionne vraiment. Si je vais sur mon site Web principal et que je suis sur la page d'accueil, je peux le voir. Mes messages sont toujours en cours de chargement, et c'est donc techniquement une page blawg et chaque page blawg sur ce site. La barre latérale aura ces éléments de sorte que la recherche des messages récents, des commentaires récents et etcetera. Regardons ici et vous pouvez voir tous ceux en format de travail. Par exemple, cela fait à la zone où nous pouvons nous connecter, déconnecter et vérifier d'autres choses. Retournons ici. Si je clique sur le tourbillon vers le bas sur Mehta et le supprime, il apparaîtra immédiatement ici quand je rafraîchis la page. Donc maintenant que fait une zone est complètement disparu. Où les widgets sont grands est que vous pouvez faire un changement à un endroit ici dans cette page de widgets, et cela mettra à jour dynamiquement chaque page de votre site Web. Donc, plutôt que d'avoir à parcourir chaque page actuellement sur le site pour changer la zone de pied de page, vous pouvez le faire à un endroit ici, et cela fera ce changement sur l'ensemble du site. Donc, par exemple, disons que je voulais ajouter mon logo à la zone de la barre latérale du blog. Je pourrais faire glisser et déposer le widget d'image. Je peux ajouter une image en cliquant sur ce bouton d'image d'annonce, et j'ai mon logo ici. Vous pouvez sélectionner un fichier à partir de votre ordinateur ou simplement Dragon Drop survolez cette fenêtre. Lâchez, et il téléchargera le logo dans votre médiathèque. Je vais cliquer sur Ajouter un widget toe ici et je vais cliquer, enregistrer. Et maintenant, quand je rafraîchis cette page et toutes les autres pages blawg que je visite, mon logo se trouve maintenant en haut. Un autre grand endroit est le pied de page. Vous pouvez ajouter un menu personnalisé. Cliquez et faites glisser ce widget de menu personnalisé. Je peux ajouter un titre comme mon menu Pied de page personnalisé, puis sélectionner le menu. Maintenant. Nous avons fait un menu personnalisé quelques vidéos de retour, mais vous pouvez ajouter un autre menu personnalisé juste pour ce pied de page. Peut-être que ce n'est pas pour vos liens sociaux. Peut-être que celui-ci est quelque chose d'un peu différent. Vous choisiriez ce menu. C' est sauver. Et puis au moment où vous enregistrez ceci, il sera en direct sur votre site Web afin que vous n'ayez pas à aimer, dans notre cas, avoir déjà cette fenêtre ouverte, donc je dois la rafraîchir pour voir le changement. Mais toute personne venant sur votre site après avoir cliqué sur ce bouton d'enregistrement verra immédiatement ces modifications. Voici donc mon pied ou menu personnalisé avec ce menu que nous avons créé pour la navigation principale. Donc, revenant à notre menu widgets, je vais supprimer cela aussi et juste vous montrer, si jamais vous avez voulu dire, enregistrer quelque chose, mais changer temporairement comme, disons que je ne veux pas ce logo dans ici Pour l'instant, je pourrais tourner fermé, cliquer et faire glisser, et Aiken le planquer ici dans la zone des widgets inactifs, sorte que cela va garder hors de votre site Web. Mais il restera configuré de la même manière, conservant ces paramètres. De cette façon, si jamais vous voulez le ramener sur votre site, vous pouvez. Si vous avez un tas de ces empilés et que vous êtes prêt à nettoyer la maison, vous pouvez cliquer sur effacer les widgets inactifs, et il les supprimera de cette liste et supprimera tous les paramètres. Et c'est à peu près tout pour les widgets. ce moment. Encore une fois, je veux vous dire que cela changera en fonction de l'utilisation du fémur et des prises que vous avez installées. Ce qu'ils veulent souligner de plus, c'est que si vous installez le mot clôture, vous pouvez obtenir cette notification pour cliquer ici, pour configurer ou rejeter. Si vous n'avez pas traversé et prendre le temps de passer par tous ces paramètres, allez-y et configurez que sinon il suffit de s'asseoir, rejeter pour l'instant, et cela disparaîtra pour cette session. Très bien, c'est à peu près pour les widgets. Donc, dans la leçon suivante, jetons un coup d'oeil aux thèmes. 11. Introduction aux thèmes: dans cette vidéo. Je voudrais jeter un coup d'œil sur les thèmes et vous donner une brève introduction. Alors allez-y et allez dans votre barre latérale et sous apparence. Cliquez sur les thèmes, et si vous avez suivi le long jusqu'à présent, selon le moment où vous regardez ceci, votre thème par défaut est probablement 2017. Je peux cliquer, personnaliser et personnaliser les options de ce thème, telles que What ? Mes images d'en-tête. S' il a un arrière-plan vidéo, je peux cliquer sur cette flèche arrière et sélectionner le menu qu'il utilise. Je peux également changer si les pages d'une page d'accueil statique ou, dans ce cas, mes derniers messages, mes derniers messages, et vous remarquerez une certaine redondance ces paramètres d'air que nous avons initialement mis en place dans la zone principale des paramètres WORDPRESS . Selon le thème que vous avez installé, toutes ces options pour personnaliser votre thème changeront avec le thème 2017. Je peux faire défiler vers le bas et cliquer sur l'outil crayon, ce qui me mènera directement à cet élément de menu dans ma barre latérale. Pour l'instant, je vais x de ce personnalisateur et je reviendrai sur ma page Thèmes. Donc, nous avons quelques autres thèmes qui ont été installés sur mon installation de WordPress , mais ils ne sont pas réellement actifs. Donc, si je le voulais, je pourrais cliquer sur Aperçu de la vie pour voir comment cela changerait l'apparence de mon site Web. Si je l'aime, je peux cliquer, enregistrer, inactiver Et ils ont remarqué que quand je viendrai sur mon site principal en direct et rafraîchir la page, ça aura changé. Je vais revenir dans ma page Thèmes et disons juste que tu ne voulais pas de ça là-dedans et encore. J' aime garder les choses aussi propres que possible afin que vous puissiez cliquer sur cette page de détails et ici en bas, droite, vous cliquez sur supprimer, et il va effectivement supprimer et supprimer tous ces fichiers de thème de votre site Web. Donc maintenant je n'ai que ce thème 2017, mais disons que vous voulez passer à quelque chose qui ressemble plus à vous et à votre marque. Ce que tu peux faire, c'est là-haut. Nous avons la possibilité d'ajouter un nouveau thème, cliquez sur cela, et il y a beaucoup de thèmes en vedette que vous pouvez passer par et vérifier ainsi que thèmes populaires. C' est un autre excellent moyen, tout comme nous avons cherché des plug-ins pour voir ce qui est populaire, ce qui est tendance, ce que d'autres personnes ont utilisé ou la dernière version de différents thèmes. La belle partie de la dernière zone est que vous allez probablement trouver les styles de design les plus tendance et actuels dans les dernières fonctionnalités. Maintenant, une chose sur laquelle je vous conseille avec l'un de ces thèmes, c'est qu'il y a de bonnes chances qu'ils soient plutôt bons. Cependant, étant donné qu'ils sont gratuits, vous pourriez ne pas avoir le support pour les mises à jour que vous souhaitez avoir. Donc, si vous vous engagez à l'un de ces thèmes au fil du temps, ils peuvent devenir datés, et ils peuvent ne pas avoir autant de mises à jour de sécurité qu'un thème premium. Donc ce que je vais faire est de revenir à la zone populaire Thèmes et juste faire défiler un peu vers le bas . Et juste pour vous montrer comment vous pouvez installer l'un de ceux-ci par vous-même, je vais juste faire défiler et je vois ce thème principal. Je vais aller de l'avant et cliquer sur installer, donc c'est installer tous les fichiers sur mon serveur, essentiellement dans un dossier. Toutes les images et les morceaux de code dont il a besoin pour construire ce thème comme les plug-ins, bien qu'il ne l'ait pas encore allumé. Donc, je peux cliquer en direct, prévisualiser et voir à quoi ressemblerait ce thème sur mon site. Mais ce n'est pas encore actif. À partir de là, je peux modifier différents paramètres avant de l'activer pour m'assurer qu'il y a un nombre limité de temps d'arrêt sur mon site est possible. Ou je pourrais simplement cliquer, enregistrer inactiver et le thème sera activé tout de suite. Cela a donc été une brève introduction de base aux thèmes, principalement pour que vous puissiez voir où ils sont et comment changer l'apparence de votre site Web. D' accord. De là, vous avez une assez bonne compréhension de la façon de configurer WordPress comment ajouter des pages, plug-ins, widgets, thèmes et toutes sortes de choses pour vous amener assez loin sur la route sur votre site WordPress. Ce qu'on va faire, c'est un peu changer de vitesse. Je veux vous montrer comment j'utiliserais tous ces outils et éléments différents que je vous ai montrés pour créer des sites Web pour mes clients dans la section suivante. Nous allons jeter un regard plus avancé sur la conception des thèmes et la mise en page. 12. Thèmes WordPress recommandés : Où les trouver et comment choisir ce qui vous est le meilleur: J' ai beaucoup de terrain à couvrir dans cette conférence. Nous allons parler de thèmes, mais il y a beaucoup à savoir et beaucoup à considérer lors du choix de votre thème WordPress. Comme vous l'avez vu dans la conférence précédente, vous pouvez télécharger beaucoup d'options différentes qui sont gratuites. J' ai trouvé, cependant, que vous aurez un meilleur soutien et généralement une meilleure expérience avec plus de thèmes premium et acheter premium. Je veux dire que vous devez payer pour eux, donc je ne m'attends pas à ce que vous ayez à acheter quoi que ce soit pour ce cours. Mais je veux vous montrer exactement ce que j'utilise dans mon flux de travail avec lequel je construis des projets riel pour de vrais clients avec. Donc, si c'est quelque chose que vous voulez faire plus que simplement comme un passe-temps ou à partir de plus que votre propre site Web personnel, voici quelques choses à considérer. Tout d'abord, je magasine habituellement des thèmes frire sur le thème de la forêt dot net. J' ai essayé beaucoup de thèmes différents. J' ai essayé beaucoup de marchés différents, mais ceux que j'utilise actuellement sont tous venus d'ici. Donc, si vous allez au thème force dot net, vous avez cet onglet ici pour WordPress Et si vous cliquez sur les éléments populaires, cette page est constamment mis à jour et trie typiquement par ce qui est le thème WordPress le plus populaire et le plus vendu pour la semaine. Donc vous pouvez voir en ce moment le numéro un est Avada. Cela a traîné au numéro un depuis longtemps. Pendant des années, il y a probablement le thème X, puis ici est saillant. Ce sont les trois que j'ai utilisés et qui ont une vaste expérience avec. Et je veux juste souligner que ce n'est pas parce que je les utilise que ça veut dire qu'ils seront bons pour toi. Ce ne sont que ceux que j'ai beaucoup utilisés, et parce que je les utilise beaucoup, je suis rapide avec eux. Je sais où les développeurs ont mis tous leurs paramètres. Rappelez-vous comment j'ai mentionné que tout le monde n'utilise pas le même type de paramètres et que les choses peuvent être enterrées. J' essaie donc de trouver les mêmes thèmes pour la plupart de mes sites Web car cela accélère mon flux de travail parce que je n'ai pas à essayer de deviner comment apporter des modifications. Alors n'hésitez pas à jeter un coup d'oeil. Il y a beaucoup de grands thèmes qui sont à venir. Ce que je vais faire très vite, c'est maintenir ma touche de commande sur le PC à nouveau. Vous pouvez maintenir la touche de contrôle enfoncée, et je vais cliquer sur ces trois thèmes Nevada X et sur Salient Juste pour qu'on puisse jeter un oeil à ces options, vous remarquerez tout de suite le prix de 0,60$. Il y a des avantages et des inconvénients auxquels vous pourriez penser. C' est comme, Oh, mon Dieu, 60$. Pourquoi je dépenserais 60$ ? Ou vous pourriez penser à si vous ou moi deviez essayer de développer tout ce que ce thème fait à partir de zéro. Tu devrais probablement dépenser 100 000 dollars, peut-être 20 000 dollars. Je ne sais pas. Un couple 100 pourrait être un peu raide, mais ce serait beaucoup d'argent juste pour essayer de développer toutes les fonctionnalités que ces choses emballent. Nous avons donc le thème Avada, et si vous voulez voir à quoi il ressemble, nous pouvons cliquer sur ce bouton de prévisualisation de la vie. Il va ouvrir une nouvelle fenêtre de navigateur et vous pouvez faire défiler et vérifier certains des différents paramètres. Vous pouvez vérifier toutes les différentes mises en page qu'il a et la seule chose que vous remarquerez tout de suite . Lorsque vous entrez dans ces thèmes plus robustes, haut de gamme il presque exagéré. Il y a beaucoup de code. Les sites peuvent être plus lents avec l'animation, et ils ont essayé de rendre compte de tout ce que vous pourriez vouloir utiliser sous le soleil. Donc, à cause de cela, les thèmes ont tendance à être plus gonflés. Donc, c'est quelque chose à considérer si vous essayez de construire un site Web maigre qui se charge rapidement, ou si vous essayez d'avoir quelque chose qui a toutes sortes d'options pour vous dès la porte. Donc, je vais sauter sur le thème X et je vais cliquer sur Aperçu en direct. Maintenant, une chose que je veux dire sur les développeurs du thème X. En fait, je suis allé à une conférence à Las Vegas et j'ai rencontré les gens derrière ce thème, et ce sont des gens formidables. J' aime travailler avec eux, et j'aime soutenir une entreprise quand je crois en ce qu'ils font. Donc, ces gars sont super. Ils ont un très bon service à la clientèle, et c'est encore une chose que vous ne trouverez pas avec le thème gratuit. Donc, si vous avez une question ou que vous êtes perplexe, il y a un marché membre où vous pouvez poser des questions, et pour la plupart, quelqu'un a probablement déjà posé la même question. Et vous pouvez trouver des solutions sous la forme. Donc, cela étant dit, l' une de mes deux choses préférées sur le thème X est ce constructeur de page Cornerstone. Donc, un générateur de page est quelque chose où vous pouvez littéralement glisser et déposer les éléments sur une page . Donc, au lieu d'essayer de le coder, vous pouvez réellement regarder la page et glisser-déposer et déplacer les choses autour, et nous en parlerons un peu plus à l'avenir. Mais c'est un énorme avantage pour ce thème ainsi que des démos, donc vous pouvez cliquer ici sur les démos, et ils ont une tonne d'échantillons pour ce thème. Ce qui est encore plus cool est une fois que nous l'avons chargé, vous pouvez l'installer automatiquement une démo de travail entièrement fonctionnelle. Et donc votre site Web peut être construit incroyablement rapidement. Donc, nous reviendrons et regarderons certains d'entre eux dans un petit peu. Mais certaines de ces démos, par exemple, si je voulais construire un site de gym, je peux cliquer sur Demo, et ceci est un exemple de site Web qu'ils ont construit, et quand vous êtes à l'intérieur de WordPress. Avec votre site, vous avez un thème installé. Vous pouvez cliquer sur installer, et il répliquera essentiellement ce site Web exact sur votre serveur. Alors, à partir de là, vous pourriez arborer les images de la route à votre propre texte, et vous seriez un long chemin sur la route et avoir un beau site la prochaine fois que je veux chercher montrer que vous êtes saillant. Nous allons cliquer sur Aperçu de la vie. J' aime vraiment ce thème. Je pense que c'est vraiment lisse. Ça a l'air bien. Il y a quelques grands éléments d'animation, et c'est en fait ce que j'utilise sur mon site Web personnel. Donc si je vais au garage de Mitchell, c' était le site qu'on a utilisé pour notre agence, et c'est assez basique. Je veux dire, pas beaucoup de choses, mais j'ai vraiment aimé travailler avec celui-ci parce que c'était simple à utiliser. J' aime comment il est lisse, et c'était juste assez fondamentalement, je veux dire, je veux dire, tant que graphiste, j'aime choisir des choses qui ont l'air bien. Donc c'est comme ça que j'ai fini avec saillant. Maintenant, une chose que je veux souligner, c'est avec saillant. Il est livré avec un autre type de mise en page à un compositeur visuel appelé Ce n'est pas tout à fait comme je ne dirais pas convivial, mais avec la pierre angulaire avec X, vous pouvez littéralement voir exactement ce que vous travaillez avec Visual Composer. Ce n'est pas aussi intuitif, mais j'aime son style. Donc, pour vous aider à mieux comprendre ce qu'un plug de mise en page me permet de vous montrer ceci. J' ai récemment vu une publicité pour la divvy. C' est un autre thème, et je n'ai pas encore d'expérience avec, mais cela semble incroyable, et je veux vous montrer quelques choses ici. abord, laissez-moi jouer cette vidéo pour que vous puissiez en apprendre un peu plus à ce sujet. Construire un site Web est un peu comme peindre un chef-d'œuvre, sauf que ce n'est rien comme peindre un chef-d'œuvre. vois, quand tu peins quelque chose, tu peux voir ce que tu fais. Quand tu dessines une petite maison, regarde, il y a une petite maison. Mais lorsque vous construisez un site Web dans WordPress, vous travaillez sur le back-end avec une interface conçue pour la création de contenu, pas pour la conception. De plus, vous n'avez aucune idée de ce que tout va réellement ressembler sur ce site. Difficile de créer un chef-d'œuvre loin. Dernier morceau. Maintenant, il y a Devi, avec Devi vous pouvez créer votre site WORDPRESS sur le site en temps réel, donc si vous voulez ajouter un widget ou du texte, allez-y. Tout est goutte de dragon et totalement personnalisable forme, taille, couleur de police. Et avec plus de 40 éléments de contenu différents, il n'y a rien que vous ne pouvez pas ajouter. Donc, maintenant construire un site Web est vraiment comme peindre un chef-d'œuvre, seulement beaucoup plus facile. Divvy le moyen le plus rapide et le plus facile de construire de beaux sites Web. D' accord, donc il semble que la divvy soit définitivement un concurrent pour quelque chose qui aiderait à accélérer notre flux de travail, et surtout pour ceux d'entre vous qui n'ont aucune expérience de codage. Donc, si vous êtes intéressé à jouer un peu plus avec elle, vous pouvez cliquer. Essayez-le gratuitement. Et quand vous le faites, il va ouvrir une page de démonstration où vous pouvez littéralement botter les pneus et voir exactement comment cela fonctionne. Ainsi, lorsque vous survolez différents éléments, vous avez différentes options pour redimensionner les choses et cliquer et faire glisser. C' est vraiment facile. Je peux cliquer sur Rouge ici et mettre mon nom ou tout ce que je veux faire mettre à jour et voir comment cela va fonctionner pour moi. Donc, c'est une plate-forme génial. Je suis vraiment impressionné par ça. Mais encore une fois, je n'ai aucune expérience avec cela dans le monde réel, travaillant pour un client pour savoir si cela va répondre à tous mes besoins. Mais encore une fois, en regardant ça, on dirait que ça va être génial. Je peux ajouter des remplissages d'arrière-plan vraiment facile clic sur n'importe quel coup de vouloir clair. OK, Et juste comme ça, la section d'arrière-plan a changé, donc vraiment la peine de frapper les pneus. Maintenant, l'inconvénient à cela. Je ne sais pas où vous êtes en argent, mais ils facturent 89$ par an, donc c'est plus de 60 et c'est évidemment plus que gratuit. Mais je pense que tu as une énorme valeur. Une chose que je tiens à souligner pour $90. Fondamentalement, vous pouvez avoir accès à tous les thèmes élégants, thèmes. Il a accès à tous leurs plug-ins ainsi qu'à des mises à jour de thème. Ainsi, lorsque les changements de code ou les correctifs de sécurité arrivent, vous avez accès à tout cela ainsi qu'à un support premium. J' ai l'air d'être un vendeur pour eux. Honnêtement, je ne les connais pas. Je ne sais pas. Vous savez que je n'ai aucune expérience de première main pour le savoir. Je ne suis pas payé pour te dire ça. Je regarde juste ce que ça pourrait faire pour toi. Et une chose que je tiens à souligner est la raison pour laquelle je pense même que cela est parce que je pense qu'il est vraiment important de prendre du recul en tant que développeur ou designer et de continuer à apprendre et à vous éduquer sur les dernières technologies. Les tendances vont changer, et je vous parie dans un an que je recommanderais quelque chose de différent que le divvy. Mais le fait est, a toujours un peu appris et essayer de comprendre ce qui va être un bon ajustement pour votre flux de travail. Donc encore une fois, pour 90$, disons que j'utilise ce thème deux fois. J' aurais dû dépenser 120$ si j'ai utilisé le thème X, parce que vous devez acheter une licence pour chaque u. R L qui utilise le thème dès que vous avez à des sites où il y a fondamentalement 120$ ici. Ou comme avec Devi, je pourrais acheter le thème ou l'abonnement pour un an, et je pourrais l'utiliser sur 100 sites Web et ne dépenser que 90$ donc c'est une bonne affaire Maintenant. Si vous décidez de ne pas vouloir renouveler, vous pouvez garder tous les thèmes installés en actif sur tous vos anciens sites. Ils ne recevront plus de support premium, et ils n'obtiendront pas de correctifs mis à jour au fur et à mesure qu'ils sortent. Donc, honnêtement, je pense que c'est beaucoup, et si vous pouvez vous le permettre, alors ça vaudrait vraiment la peine d'examiner et de vérifier ça. Maintenant, l'autre chose que je veux souligner avec ex et même avec Avada et je pense avec saillant, je sais que le X semble avoir le plus d'extensions de toute façon. Vous pouvez obtenir une extension, donc une extension. Pensez-y comme un plug in qui est fourni avec le logiciel avec le thème. Ainsi, par exemple, comme cette extension de pierre angulaire, la fiche de conversion. Ce que cela fait est que vous avez une petite boîte pop-up pour un opt informer. Vous pouvez faire le contenu, Doc, qui fait quelque chose de similaire. Vous pouvez faire des galeries et des grilles et à Google Analytics et la révolution Slider et beaucoup de choses différentes qui viennent avec le thème. C' est donc une grande valeur. Maintenant, cette dernière évolution. Laisse-moi en parler très vite. Une chose que je veux souligner Comme vous regardez, quel thème choisir, quel thème choisir, Considérez le fait qu'il est fondamentalement une base pour vos graphismes et votre texte. Donc, cette révolution de lettres est fondamentalement une énorme galerie d'images ou un curseur d'image qui pourrait aller sur votre page d'accueil. Voici donc un exemple. Cette grande toile ici est l'évolution de Slatter. Alors imaginez si j'ai utilisé le thème X ou la voile entré Devi ou quoi que ce soit d'autre. Vraiment ? Tout ce que je vois en ce moment sur la page d'accueil quand je suis ici, c'est juste la navigation. Le reste de tout ça, c'est l'évolution de Slatter. J' ai donc ces nuages animés, les montagnes superposées et le texte, ainsi qu'un bouton assis sur le dessus. Donc c'est quelque chose à considérer. Maintenant, je vais entrer dans le fichier de thème réel dans ce style dans la mise en page, alors gardez à l'esprit que juste parce que vous aimez l'apparence de quelque chose, nous allons sauter ici à nouveau dans Devi. Disons que je fais défiler ce site et que vous aimeriez tout, mais quand j'arrive à cette section ici et dire, Oh, mec, j'aime vraiment ça. Si on le décompose et qu'on le regarde honnêtement, tout ce que Dragon a laissé tomber cette image ici. C' est juste une image. Alors que je regarde à travers ces différentes images qui viennent de ce site, c'est une belle image. Il y a une autre belle image. Disons que j'ai pris ces trois photos et les ai mises sur n'importe quelle autre plateforme. Tout d'un coup, ça va ressembler exactement à la même chose. Donc, lorsque vous choisissez votre thème, pensez à ce qui se passe dans le backend de celui-ci, quel genre d'extensions vous obtenez et peut-être à quoi ressemble la navigation par défaut, sorte que vous n'avez pas à faire beaucoup de style avec elle. Donc, en revenant ici à la révolution du curseur, voici un autre échantillon à nouveau. Celui-ci prend à peu près le plein écran quand vous y arrivez et il y a beaucoup d'autres exemples d' utilisation que vous pouvez voir. Donc cette vidéo devient assez longue, et je ne veux pas vous accabler, mais je suppose que ce que j'essaie de vous montrer, c'est qu'il y a beaucoup de choses que vous pouvez utiliser et aller de l'avant. Devi est peut-être un bon choix pour vous. Je vais travailler avec les thèmes X et saillants juste parce que j'ai beaucoup d'échantillons à vous montrer et que nous serons en mesure de se lever et de courir. Et puis à partir de là, je serai en mesure de vous montrer que la différence est que vous pouvez choisir ce qui fonctionne pour vous. 13. Introduction aux constructeurs de page: Ok, Maintenant que vous avez une meilleure compréhension de trouver des thèmes sur le marché et en quelque sorte de jeter un coup d'oeil pour cela, je veux aller de l'avant et vous montrer le back-end des thèmes que j'utilise. Juste vous pourriez avoir une meilleure idée de ce que ce serait si vous achetez ces. Donc nous allons commencer par X avec saillant, et ensuite je vais les comparer à la divvy. Maintenant, j'ai trouvé que de tous les thèmes que j'ai utilisés, le thème X semble être le plus facile à utiliser pour mes clients. Donc ça a été une bonne chose à utiliser quand je sais que je vais remettre les clés à quelqu'un d'autre. Donc, s'ils doivent faire des modifications eux-mêmes, laisse-moi aller de l'avant et te montrer pourquoi. C' est donc le thème X, et quand vous allez modifier une page, vous verrez quelque chose qui ressemble à ceci. C' est ce qu'on appelle Cornerstone dans son ex themes page builder. Ce que je veux dire par là, c'est que vous survolez chaque élément, vous pouvez littéralement cliquer et glisser-déposer pour réorganiser ou cliquer dedans pour modifier le texte que vous verrez sur le côté gauche. Nous avons tous les paramètres différents pour chaque élément. Je peux cliquer sur une section ici, et je peux contrôler différentes choses comme l'alignement du texte ou ajouter des images d'arrière-plan. Je pourrais même cliquer sur gérer la mise en page et vraiment facilement cliquer pour changer la façon dont les lignes sont divisées en colonnes avec la mise en page des colonnes. On dirait que je pourrais revenir à la principalement ici et voir ces sections principales, et Dragon les a laissés tomber ou appuyer sur le bouton de clone si je veux ajouter une copie de quelque chose pour le changer. Donc, pour un client qui ne sait pas comment construire quoi que ce soit avec la conception Web, cela pourrait être vraiment facile, familier et convivial pour eux. C' est donc une excellente option. Je pense que les modèles qu'il a sont un peu limités, et je pense que dans l'ensemble, cependant, cela aidera un client à se lancer et à fonctionner parce qu'il n'y aura pas une quantité écrasante de choix. Passons maintenant au thème principal. Salient utilise un générateur de page appelé Visual Composer, et si vous allez modifier une page, c'est un peu à quoi il ressemble ici. Si je clique sur le mode classique, vous pouvez voir qu'il utilise un tas de codes courts, et ce n'est pas super intuitif. Revenez donc à la vue du générateur de page, et c'est au moins un peu mieux. Je peux cliquer et faire glisser pour réorganiser les choses, mais je n'ai vraiment aucune idée de ce que ça va ressembler sur une page ? Si j'appuie sur les changements d'aperçu, vous pouvez voir que c'est en fait une belle page. Et c'est une chose qui me plaît vraiment. C' est le principal ? C' est un thème vraiment pointu à la recherche, mais voici un peu caché Jim qui en fait probablement mon préféré est ce petit bouton de modèle . Quand je clique sur cela, Voile a un tas de pré-construit, vraiment belles sections à la recherche que vous pouvez travailler avec. Donc, par exemple, disons que je voulais ajouter une section de héros. Je peux cliquer ici, et il y a un tas de plein écran ce qu'on appelle un bloc de héros. Donc, disons que je veux ajouter cette section minimale appelée action cliquera là, et il l'a jeté vers le bas sur le bas de la page afin que je puisse cliquer et faire glisser pour nous ramener à l'aperçu supérieur. Allons à cette page. Et maintenant, j'ai un plein avec pleine hauteur image de héros, et c'était vraiment facile à Dio. Revenons en arrière et ajoutons une autre section. Venez à mon modèle ici et ajoutons juste une sorte de défilement en Syrie. Vite, ce qu'on a là. Que diriez-vous d'une section de biographie en plein écran cliquera sur cela et l'aperçu blanc à nouveau sauterait à cette page. Comme je fais défiler vers le bas, vous pouvez le voir ajouté toutes ces images pleine taille de cette grille et encore une fois, juste super lisse, belles animations vraiment facile à travailler avec. Donc, je suis certainement, comme saillant beaucoup si vous alliez travailler sur votre propre site Web comme un portfolio, quelque chose où vous vouliez avoir l'air vraiment pointu et ça ne vous dérange pas genre de rouler vos manches un peu pour comprendre quelques-uns des C'est fou ici. Laisse-moi sauter à nouveau au divvy. Je n'ai pas de site web pour vous montrer que j'ai construit avec Davey. C' est assez nouveau pour moi, mais il semble avoir le meilleur des deux mondes. Ce que je veux dire par là, c'est que tu peux voir exactement à quoi ça va ressembler. Mais je peux aussi cliquer ici. Ce serait fermé. Habituellement, cliquez sur ce petit bouton violet en bas ici et puis cliquez partout dans ce petit bouton gauche et je peux montrer la vue squelettique de ceci si je voulais glisser et déposer en sorte de réorganiser les choses. Donc j'ai l'impression que ça fait du bon travail. Um, je ne pense pas nécessairement qu'il a les meilleurs modèles, a de bons modèles, mais pas comme Celean le fait. Nous cliquons simplement dessus et il tire dans tous ces beaux modèles pré-construits, qui je pense sont super utiles car vous apprenez à construire une meilleure conception Web. Donc c'est une sorte de ce que nous arrivons vers. Donc, ce que nous allons faire dans les prochaines vidéos, je veux vous montrer comment j'installerais X, parce que encore une fois, c'est une excellente solution pour les clients à cause de tous ces plug-ins et extensions intégrés qu'il vient avec, ainsi que vraiment facile pour les clients à comprendre. Alors ce qu'on va faire, c'est sauter par-dessus deux saillants et jeter un oeil à la façon de construire à nouveau un portefeuille stellaire . Je pense que saillant a de meilleures options de portefeuille dans tous les thèmes que j'ai vus jusqu'à présent. Et puis à partir de là, nous allons continuer à en apprendre plus sur la construction de sites en général avec WordPress. 14. Installation et activation des thèmes: dans cette conférence, je vais vous montrer exactement comment j'achèterais un thème de forêt Theme. Je ne m'attends pas à ce que vous suiviez ou achetez quoi que ce soit aujourd'hui. Je vous montre juste cela parce que c'est exactement ce que je ferais si j'allais construire un site Web pour un client. Donc, d'abord et avant tout, vous devez créer un compte avec le thème forcé si vous ne l'avez pas déjà. Puisque j'ai déjà un des plus qu'il s'est connecté, je vais juste plonger. Donc thème forêt dot net. Je vais venir ici le WordPress et vers le bas aux articles populaires parce que le thème que je veux est presque toujours dans cette rangée supérieure. C' est juste rapide et facile. Si vous ne voyez pas le thème X, vous pourriez le chercher ici j'étais X et frapper retour et en théorie, il est là, juste en haut. C' est donc le thème que je veux acheter aujourd'hui. Je vais aller de l'avant et cliquez sur ce lien et je peux cliquer. Achetez une licence. Tu vois, c'est 59$ que je clique. Ajouter au panier. Maintenant, allons vérifier et avec le marché dans Votto ou forêt à thème et comment nous voulons Regarder. C' est un peu différent si vous venez de vérifier avec le pouvoir payant. Ils vous facturent des frais de manutention de 2$, donc le total serait de 61$. Maintenant, vous pouvez utiliser une carte visa, et la même chose s'applique qui vous donnera des frais de traitement de 2$. Ou tu pourrais faire quelque chose appelé dans le crédit Votto. moment, il me reste 3$ d'achat de cette façon dans le passé, mais ce que vous feriez est de venir à votre compte et descendre pour ajouter du crédit, puis vous pouvez ajouter un montant exact. Maintenant, pour une raison quelconque, c'est à partir de 20$ augmente par incréments de 10$ afin que vous puissiez ajouter 60 ou 70$ à votre compte. Et puis de cette façon, vous ne serez pas facturé ces frais de manutention supplémentaires de 2$. Mais tu finiras comme moi avec des dollars supplémentaires sur ton compte que tu n' utiliseras peut-être pas . Donc, quoi qu'il en soit, cependant, cependant, vous voulez vérifier tout de suite, vous pouvez soit ajouter du crédit ou vous pouvez vérifier avec ces frais de gestion de 2$. Je vais revenir à mon panier et je cliquerai. Vérifiez maintenant, Une fois que je suis prêt à partir, je vais cliquer. Vérifiez avec mon compte PayPal et la transaction sera terminée. Donc j'ai déjà traversé ça. Je vais aller à ma section de téléchargement. Donc, une fois que vous avez acheté un thème, vous verrez tout ce que vous avez acheté et vous pouvez voir avoir acheté plusieurs copies multiples du thème X dans ma journée. Et ce que vous pouvez faire, c'est, une fois que vous avez cela, cela sera toujours dans votre compte. Donc, quand vous êtes prêt à installer ce thème sur votre site, venez ici à ce gros bouton vert de téléchargement et je vais cliquer dessus. Et j'ai le choix de télécharger tous les fichiers et la documentation. Et si tu fais ça, ça ressemblera à ça. Vous obtenez un dossier zip et je vais ouvrir ça et vous verrez les extensions. Et ce sont tous l'abside sur Désolé, tous les plug-ins qui sont fournis avec ce thème. Vous voyez le contrat de licence, vous obtiendrez un fichier XML avec le contenu de démonstration. C' est ainsi que nous pouvons importer tous ces sites entièrement finis et entièrement fonctionnels. Vous obtiendrez ce fichier de documentation, qui vous montre exactement comment l'installer, comment l'activer. Tous les ajouts, essentiellement votre manuel d'utilisation. Si vous avez envie de tout lire orteil, apprenez à utiliser X. Et puis, bien sûr, ce zip supplémentaire est le fichier de thème réel. Donc, si vous le vouliez juste et que vous êtes déjà prêt à partir une fois que vous allez savoir comment faire à l'avenir, vous pouvez simplement télécharger l'installation d'un fichier Bill WordPress uniquement, et qui va télécharger juste ce thème régulier Zip dossier. D' accord, c'est à peu près tout. Alors faisons ça. Ce qu'on va faire, c'est sauter dans notre local en volant. J' ai mon site. Cliquez sur admin pour entrer dans ma zone d'administration sites sur deux apparence et je vais cliquer sur les thèmes. Maintenant, je peux soit cliquer ajouter nouveau ici ou j'ai ce grand ajout nouveau signe plus. Je vais juste cliquer dessus. L' un ou l'autre fonctionnera très bien. Et parce que nous avons acheté ce thème, nous allons en fait télécharger le dossier zip. Donc, ici dans le haut, j'ai téléchargement thème et je vais cliquer là et puis je peux soit cliquer pour choisir le fichier ou au moins sur un Mac. Je peux cliquer et faire glisser et déposer juste là et je vais cliquer sur Installer maintenant. Une fois que le thème est terminé l'installation, je peux soit faire un aperçu de la vie. Je peux l'activer ou je ne peux rien faire en retour à la page Thèmes. Et c'est ce qu'on va faire en ce moment. Et regarde ça. Nous avons toujours ce thème de démo avec Active, et maintenant nous avons le thème X prêt à être activé. Donc, ce que nous allons faire maintenant, c'est aller de l'avant et cliquer. Activer, d'accord. Une fois que vous avez activé le thème, il va ajouter cet élément de menu dans votre barre latérale et très probablement vous rediriger vers cette page . Et ça va dire, Hey, tu as presque fini. Vous avez juste besoin de mettre dans votre code votre code d'achat pour prouver que vous l'avez acheté, mais vous pouvez le faire est de passer à la forêt thématique, et partout où vous avez téléchargé ce thème, vous pouvez cliquer sur le certificat de licence et le code d'achat. Téléchargez cela, puis ouvrez ce fichier texte, et il va vous montrer qui est autorisé à qui est l'auteur du thème ce qui a été acheté et, surtout, ce code d'achat d'article. Donc, je peux copier ce code, puis revenir dans mon thème et le coller ici. Maintenant, vous devrez peut-être gérer vos licences directement dans le compte de code thème afin que vous puissiez cliquer sur apprendre mawr pour réellement effectuer un processus de validation de produit. Mais une fois que tout sera fait, tu n'auras plus à t'en soucier. Et puis votre site Web sera automatiquement mis à jour et vous avez accès à toutes ces autres extensions. Donc ce que je vais faire maintenant, c'est aller de l'avant et accélérer ce code ici et appuyer sur retour. Ça va vérifier la licence. Félicitations. Mon site est maintenant validé et tous les verrous rouges deviennent maintenant verts et j'ai beaucoup de bonus. J' ai donc toutes mes mises à jour automatiques prêtes à l'emploi. J' ai accès à la base de connaissances. Si je suis coincé, je peux poser des questions, avoir son contenu démo. Donc, je peux rapidement passer par ici et ajouter n'importe lequel de ces sites à mon site Web ainsi que toutes ces extensions. Maintenant que vous avez installé le thème X, vous seriez prêt à partir. Ce qu'on va faire dans la prochaine vidéo, c'est parler de thèmes enfants. Donc je sais que nous venons d'installer cette chose, mais nous allons faire une autre chose qui nous aidera à nous donner la plus grande flexibilité à mesure que nous avançons. 15. Thèmes enfant: Très bien, je vais essayer d'expliquer les thèmes des enfants Si je fais un travail terrible, je suis désolé, mais en gros, voici ce que nous essayons de réaliser. Nous avons l'extrême principal que nous venons d'installer sur notre site Web, et maintenant nous voulons mettre un thème enfant. C' est essentiellement un conteneur vide où on va mettre tout ce qu'on veut remplacer sur le thème. Par exemple, disons que nous avons changé la disposition de navigation ou que nous changeons les couleurs dans le thème. Si les développeurs de thème X vont jamais déployer une nouvelle version du site, ce qu'ils font, il remplacerait tout notre style. Donc, ce que nous allons faire est de créer notre propre thème essentiellement beaucoup qui remplacera leur style. De cette façon, nous pouvons toujours mettre à jour les fichiers X Corps, garder tout à jour mais ne pas perdre de ce style. J' espère que ça a du sens. C' est beaucoup plus facile que je le fais paraître, j'en suis sûr. Allons-y et plongons, donc je vais au thème Dot Co. C' est là que vous auriez votre compte membre une fois que vous avez acheté le thème et que vous avez validé la licence et créé votre compte ici, en haut de la page cliquez sur Apex. Et comme je me suis déjà connecté, cela devrait m'amener directement à mon tableau de bord. Donc, une fois que vous avez créé votre compte avec le thème Co, je peux télécharger les versions les plus récentes du thème X. Je peux acheter une autre licence ou je peux faire défiler un peu vers le bas et je vois cette boîte de thèmes enfant . Je vais cliquer dessus et cliquer sur télécharger le thème enfant afin qu'ils le rendent vraiment facile à faire à nouveau. Cela semble probablement effrayant car j'essaie de vous expliquer cela, mais c'est assez simple. Donc, je vais retourner à l'administration de mon site. Je vais descendre à l'apparence et les thèmes Cliquez dessus et vous pouvez voir que nous avons encore l' extrême actif et jeter un oeil à cela. Nous avons une version mise à jour. Donc, si j'avais stylé tout cela et j'ai cliqué sur mise à jour, j'aurais perdu ce style. Donc c'est exactement pour ça qu'on fait ça. Donc je vais cliquer, ajouter un nouveau Je vais aller à télécharger le thème et puis je vais faire glisser et déposer cet ex dossier zip enfant que nous venons de télécharger et cliquez sur Installer maintenant, une fois que c'est fait, cliquez sur Amenah, Activer et je vais revenir en arrière et vous pouvez voir maintenant tout cela ressemble le même. Tout le reste fonctionnera exactement de la même manière. Je vais revenir à l'apparition sous les thèmes et vous pouvez voir maintenant que le thème actif est ce thème ex enfant et puis j'ai l'extrême principal ici. Maintenant, vous ne pouvez pas supprimer cela. Ce thème enfant n'a que des parties et des pièces de ce cadre X. Donc, cela doit toujours être dans le dossier de votre thème pour que cela fonctionne. Si nous avons terminé avec ces autres thèmes, par exemple, ce thème principal, je peux cliquer dessus et appuyer sur supprimer et je vais cliquer sur OK, et ce serait très bien. Mais si je devais supprimer ce thème ex, j'aurais un gros message d'air effrayant disant que cela ne fonctionne plus. Maintenant que nous avons fait le thème de notre enfant dans la prochaine vidéo, ce sera un endroit idéal pour retourner dans notre région par les réglages du volant d'inertie. Et je veux vous montrer quelque chose qui vous fera gagner du temps dans le futur 16. Créer un plan local : accélérer votre flux de travail et éliminer le travail: jusqu' à maintenant, nous avons presque fait beaucoup d'entretien ménager. Nous avons installé le thème. Nous avons créé nos paramètres généraux, ajouté quelques pages mineures et créé un menu. Il n'y a pas encore eu trop de choses qui se sont produites. Toutes les choses que nous avons faites jusqu'à présent vont à peu près être universelles, peu importe ce que vous dio pour n'importe quel site Web. C' est donc un endroit idéal pour créer un plan en local par des volants d'inertie. Donc, ce que nous allons faire est essentiellement de créer un modèle. Ainsi, chaque fois que vous créez un nouveau site, tout ce que nous venons de faire est déjà fait pour vous. Donc, pour ce faire, c'est vraiment simple. Tout ce que nous allons faire est un clic droit sur votre site et cliquez sur Enregistrer en tant que Blueprint. Une fois cela fait, vous pouvez créer un nom de Blueprint. Donc celui-ci s'appelle ma vue. J' appellerai ça Derricks Main blue print. Très bien, assez créatif. Bon, sauvegardez le plan. Et maintenant, ce qu'il fait est de créer un plan pour que je puisse utiliser chaque fois que je lance un tout nouveau site Web. Maintenant, je veux aller à faire de nouveaux sites Web. Tout ce que j'ai à faire est de cliquer. Le grand bouton géant plus fera cliquer sur mon nouveau site Web sur les options avancées, et c'est la clé juste ici. Lorsque nous en faisons un nouveau pour le Blueprint et ici créer un site à partir de Blueprint, je vais cliquer sur cette liste déroulante et choisir le nom du Blueprint que je viens de créer et un clic créer un site à partir de Blueprint. Maintenant, ce qu'il va faire est de copier tous les plug-ins, toutes les pages, tous les thèmes. Tout ce que j'ai fait sur ce site sera un clone exact jusqu'à ce point. De cette façon, je peux plonger directement dans et commencer à personnaliser le site pour chaque client. Allons jeter un oeil à ce nouveau site. Nous allons cliquer voir le site maintenant Il est dans un nouveau site Web point Dev, et vous pouvez voir l'extrême est actif. Tout ce que nous avons fait jusqu'à maintenant, laissez-moi vous connecter et vous verrez que nous avons le mot « plug in », installé et en cours d'exécution. Nous avons toutes nos pages que nous avons créées les thèmes X déjà installés, et ce Blueprint est prêt à être lancé. D' accord, alors assurez-vous de prendre le temps de créer un Blueprint. Cela vous aidera à accélérer votre flux de travail à mesure que vous continuez à créer d'autres sites Web. 17. Comment réinitier un mot de passe Blueprint dans local: ce sera une vidéo de mise à jour pour vous montrer comment récupérer votre nom d'utilisateur et votre mot de passe . Si vous avez créé un Blueprint à l'intérieur de local, et que vous ne pouvez pas vous souvenir de ce que c'est. Ainsi, par exemple, dans une vidéo précédente de ce cours, nous avons créé un plan et ouvert une capture d'écran ici pour que je puisse voir vos paramètres. Donc le nom d'utilisateur administrateur était Derek. Mais que se passe-t-il si vous ne vous souvenez pas du mot de passe ? Et si ça faisait un peu de temps et que vous voulez définir une réinitialisation ? Eh bien, l'autre chose que nous avons fait est que nous avons configuré notre email d'administrateur en tant que Dev Dash email au point d'inertie local . Alors comment ne pas entrer dans cette adresse e-mail si je voulais réinitialiser le mot de passe, donc je vais vous montrer comment faire ça très rapidement. On va juste se rafraîchir rapidement. On va faire un site de réinitialisation de mot de passe ici. Nous allons juste utiliser le plan pour le saillant que j'ai mis en place plus tôt. Je vais cliquer sur créer parce que ce qui va se passer, c'est qu'il va créer tout va appeler dans tout ce que nous avons mis en place, y compris le nom d'utilisateur et le mot de passe, donc je n'ai pas d'option pour mettre quelque chose de nouveau là-dedans. Et ce qui se passe, c'est que vous pourriez être, Vous savez, vous avez peut-être configuré plusieurs Blueprints avec des mots de passe différents ou des noms d'utilisateur différents et ne pas être en mesure de vous souvenir de ce que vous utilisez. Allons de l'avant et cliquez. Créez un site à partir de Blueprint et il va tout extraire et nous mettre tous en place ici . Et maintenant, nous voyons et notre tableau de bord pour ce site. Nous voyons tous les paramètres et cliquez sur le site de vue, et il a certainement tout cloné. J' ai le thème saillant et je suis prêt à commencer à construire. Mais si je devais cliquer sur l'administrateur du site et que cela me donne à nouveau l'option de la loi, si vous ne vous souvenez pas de quoi que ce soit ? Je vais aller de l'avant et cliquer sur le mot de passe perdu. Il va demander le nom d'utilisateur ou l'adresse e-mail. Donc, dans ce cas, je me souviens de ce que c'est. Mais on va taper ça et je cliquerai pour obtenir un nouveau mot de passe. Eh bien, le prochain problème est Eh bien, où est passé cet email ? Comment y accéder ? Si ce n'était pas, vous savez, mon email actuel auquel j'ai accès. Donc ce qu'on va faire, c'est revenir ici dans le tableau de bord et faire un clic droit sur les utilitaires. On va ouvrir le porc mâle, et là on voit l'email qui vient de notre réinitialisation. Donc, c'est ah, fondamentalement un excellent moyen d'accéder à votre site si vous avez oublié comment ou si vous développez votre site Web et que vous voulez être en mesure de tester les formulaires de contact dans différentes choses e-mail de cette façon aussi bien. Donc nous allons cliquer dessus, et maintenant je peux voir que j'ai mon nom d'utilisateur et je peux cliquer ici pour réinitialiser mon nom d'utilisateur et mon mot de passe. Alors allons-y et faisons-le. Je vais juste utiliser ce qu'il recommande. Cliquez sur réinitialiser le mot de passe, allez-y et enregistrez-le. Ou peut-être pas quoi que ce soit. On va aller de l'avant et on se connecte. Non, non, c'est Derek. Et j'aurais dû enregistrer le mot de passe parce que maintenant je ne me souviens plus de ce que c'était, mais apprenez de mon erreur, et c'est comme ça que vous le faites. On va aller de l'avant et essayer ça encore une fois. Nous retournerons ici et cliquez sur Lost Your Mot de passe. Turner, reprenant le nom. Cliquez sur fait nouveau mot de passe et nous retournerons à mâle porc. Retournez à notre boîte de réception et nous en avons une nouvelle d'il y a quelques secondes. Ou réinitialisez-le. Et cette fois, je vais faire les mots de passe. De cette façon. Ne l'oublie pas. N' utilisez jamais ce mot de passe. Vous le savez. Très bien, connectons-nous rapidement et voyons si ça a fonctionné. Parfait. Ok, Maintenant, nous sommes dans notre plan que nous venons de créer, et nous pouvons maintenant commencer à apporter des modifications à notre site. D' accord, les gars, j'espère que ça a aidé à éclaircir certaines choses. Certaines des questions que nous avions sur la façon d'accéder à vos sites Web de plan directeur. Et si vous pouviez faire des changements. Une autre chose, je tiens à souligner que vous ne pouvez pas créer ou modifier vos plans Ce que vous devez faire. Si nous venons ici aux préférences jusqu'aux Blueprints, je peux supprimer un Blueprint, mais je ne peux pas faire de changements. Donc, ce que vous avez à faire est en fait d'apporter les modifications à votre site que vous voulez dio. Et puis une fois que vous avez terminé et satisfait avec elle, puis retournez vous asseoir dans l'application locale. et créez un nouveau Blueprint basé sur ces modifications. J' espère que cela a du sens. Les gars, merci d'avoir regardé, et nous le verrons dans la prochaine leçon. 18. Installation de contenu démo: Alors allons de l'avant et utilisez le thème X pour installer un de ces sites de démonstration. Je vais aller de l'avant et créer un nouveau site, et on appellera ça une démo. Nous allons aller à mes options avancées et nous allons utiliser ce plan principal. Je vais aller dans la zone d'administration du site, et maintenant ce que je peux faire est d'aller à la zone de configuration principale X, revenir au contenu de démonstration et d'aller de l'avant et de jouer avec ce site Jim. Je vais cliquer sur Configurer le contenu de la démo. Oui, continuez. Cela va prendre tout ici, et il va télécharger toutes les images et les placer dans votre dossier multimédia et tout configurer pour vous afin que toutes les images puissent prendre un peu de temps pour le téléchargement de toutes les images . Mais une fois qu'ils le feront, nous pouvons aller de l'avant et cliquer sur mon site, et vous pouvez voir que nous avons ce site de gym tout mis en place. Les navigations ont été configurées. Il y a même un logo. Tout le texte fonctionne. Tous les liens fonctionnent, et il y a même des messages personnalisés. Toutes sortes de choses ont déjà été mises en place pour vous, donc cela a une façon incroyable de se lever et de courir et de pouvoir frapper les pneus et tout vérifier bien. Et soyons honnêtes, nous venons de construire un site web entièrement fonctionnel et très dynamique en moins de deux minutes. C' est fou. Je sais qu'il nous a fallu du temps pour arriver à ce point. Mais disons que vous avez pu transformer cela en une carrière et vendre des sites Web à d'autres clients . Ces sites Web qui créaient ont une valeur de 2000 à 10 000$ ou plus. J' ai facturé personnellement autant d'argent. Quand je construis des sites Web. Je ne promets pas que tu puisses gagner ce genre d'argent. Mais ce que je dis c'est qu'il y a de la valeur ici, Riel, une valeur tangible que vous pouvez vendre à vos clients. C' est donc un moment incroyable pour créer des sites Web et faire partie de cet écosystème en ligne . Donc je suis vraiment excité. Et je voulais juste vous faire remarquer que nous venons de créer un site Web entièrement fonctionnel en un rien de temps, sorte qu'il remonte à la discussion que nous avons eue sur le paiement des thèmes premium. Maintenant, je sais que beaucoup de travail de jambe que nous venons de faire était essentiellement fait en utilisant local par volant d'inertie. Je comprends ça. Mais aussi importer ce contenu de démo à partir de X, et je pense que divvy fait quelque chose de très similaire. Bien sûr, vous pourriez devoir dépenser 60$ ou même 90$ pour entrer sur ce marché. Mais la barrière à l'entrée est si peu quand vous pensez que si vous deviez coder tout cela à partir de zéro ou créé vous-même, vous pourriez dépenser 20 000$ ou plus juste pour arriver là où nous en sommes et ce que nous avons pu faire dans un quelques minutes. Donc, je voulais juste souligner cela et porter cela à votre attention, parce que c'est une occasion incroyable. 19. Introduction: dans cette section, nous allons nous concentrer exclusivement sur la construction de votre portfolio, si tout ce cours était juste pour que vous puissiez apprendre à faire WordPress pour votre propre site Web. Ou si vous voulez apprendre comment transformer cela en un concert payant où vous créez sites Web pour d'autres clients. Quoi qu'il en soit, un portfolio sera la prochaine étape pour montrer votre travail. Donc, ce que nous allons faire est de télécharger le principal thème WordPress parce que je crois que ce sera le thème le plus fort pour afficher un portfolio que j'ai actuellement vu. Vous êtes donc invités à dévier et à faire autre chose. Mais voici comment je construirais mon site de portefeuille. Je vais commencer en sautant dans la forêt thématique, alors allez sur le thème forcé Dot net, puis dans le box-office de recherche. Tapez le saillant, et ce devrait être la première chose qui apparaît. Nous allons cliquer sur ce thème, et si vous n'avez pas déjà suivi avec quand nous avons reçu le thème X à nouveau, si vous voulez le faire, j' aime que vous suiviez. Vous n'avez pas à le faire par aucun moyen, mais encore une fois, c'est comme ça que j'ai fait mon portefeuille. Je veux juste te montrer exactement ce que j'ai fait. Alors allez-y et achetez ce thème si vous êtes prêt à le faire. Je l'ai déjà fait. Et donc, dans ma section de téléchargements de mon profil, j'ai le thème principal WordPress, et je l'ai déjà téléchargé. Donc, ce que j'ai ici sont tous les fichiers de documentation et d'installation dans ce dossier zip . Donc, double-cliquez dessus et ouvrez ceci. J' ai ma licence sur mes informations de données. J' ai le thème de mon enfant, dont nous avons appris dans la dernière section. J' ai mon guide de l'utilisateur, qui est super utile pour vous montrer comment tout installer. Et puis j'ai aussi le thème principal. Alors maintenant que nous avons toutes les pièces, allons de l'avant et lançons un autre site. Donc je vais sauter dans le local. Je vais cliquer sur le bouton plus ici pour ajouter un nouveau site, et j'appellerai ce plan saillant. Je vais utiliser le plan que j'ai fait dans la dernière section juste pour nous faire démarrer. Mais si vous vous souvenez, nous avons sauvé ça avec l'extrême. Donc ça va avoir toutes ces pages que j'ai faites, mais il va aussi avoir tous les paramètres configurés comme ils doivent être, et ça va avoir l'extrême. Donc, nous allons faire un peu de ménage ici dans la mise à jour ou le plan. De cette façon, nous avons des options pour les deux thèmes. Je vais cliquer sur admin et je vais sauter sur l'apparence et ensuite aller sur les thèmes et vous pouvez voir que nous avons le thème X installé. Allons de l'avant et donnons à cela le thème principal. Donc, cliquez sur ajouter un nouveau téléchargement semblent, et je vais commencer par la voile principale ian dot zip. La raison pour laquelle je commence par celui-là est parce que c'est le thème principal des parents. Donc ça va avoir tout ce dont nous avons besoin pour que le thème fonctionne. Et puis nous ferons le thème de l'enfant en dernier. De cette façon, quand tout est fait et que cela me donne la possibilité d'activer, je peux simplement cliquer, activer, et ce thème enfant sera prêt à partir. Donc, au lieu de cliquer, activer cette fois, nous allons cliquer sur revenir aux thèmes. Nous allons cliquer, ajouter un nouveau thème de téléchargement et supprimer ce thème enfant là maintenant cliquez sur Installer, Tout droit, et une fois que cela est fait, nous allons cliquer, Activer. Et maintenant, mon principal thème enfant est le thème actif. Alors faisons un peu de ménage ici. On a quelques choses à regarder. Ce thème a quelques plug-ins qui viennent avec elle et qu'il a besoin pour fonctionner. Donc, vous devez les installer. Et pendant que nous sommes sur cette page de thèmes, allons de l'avant et nettoyons ces thèmes qui n'utilisaient pas. Donc je vais cliquer sur 2017 1er supprimer cliquez sur OK, cliquez sur le thème X. Il va frapper, supprimer, puis cliquer sur OK, et je veux vous montrer quelque chose de très rapide. Note de côté. Si j'essaie d'activer ce thème enfant sans thème parent, vous remarquerez que nous obtenons ce message de thèmes cassés ici, car encore une fois, le thème enfant ne fonctionnera pas sans les thèmes parents déposés. Bref, je voulais juste vous le signaler très vite pour vous montrer pourquoi on doit avoir les deux. On va réactiver le thème principal de l'enfant et je vais supprimer ces fichiers X ici. Bon, maintenant les principaux thèmes sont prêts à partir. Allons de l'avant et sauter par-dessus et nous allons cliquer dessus et commencer à installer le bouton plug ins. Et bien qu'il veuille que j'installe woo commerce, je ne vais pas l'utiliser pour le site du portefeuille. Donc c'est supplémentaire et je n'ai pas besoin de l'installer. Vous verrez ici qu'il dit nécessaire pour ce compositeur visuel saillant et il dit, recommandé pour la rue commerce. Encore une fois, je suis un grand fan de ne pas mettre plus que ce dont vous avez besoin, donc nous ne voulons pas encombrer nos fichiers ou avoir d'autres problèmes qui pourraient survenir. Donc on n'a pas de commerce de chaume en ce moment. Nous allons cliquer juste ici et cliquer sur Installer pour le compositeur visuel saillant. Et quand tout sera fait, nous devrions être en bonne forme. On va faire encore quelques choses. Je vais passer à l'apparence et ensuite deux menus. Et parce que nous avons installé une nouvelle couture, je dois lui dire quel menu utiliser. Nous avions déjà mis en place ce menu, mais nous devons lui dire où nous le voulons. Dans ce thème spécifique. Je vais cliquer sur le menu de navigation supérieur et appuyer sur le menu Enregistrer. Maintenant, quand je saute sur mon site. Nous devrions voir que nous avons notre menu en haut. Et actuellement, tout le reste est en bonne forme. Nous avons évidemment beaucoup de travail à faire, mais c'est une bonne base et un bon endroit pour sauver notre plan. Donc ce que je vais faire, c'est revenir au local. Je vais faire un clic droit sur le plan principal et je vais cliquer sur Enregistrer en tant que plan. Donc cette fois pour le nom du plan, je vais juste appeler ce qui a sauvé le plan. Et maintenant, si je veux dépenser un nouveau site avec un thème saillant, on peut cliquer sur le nouveau bouton plus et ensuite ajouter le plan saillant pour cela ou j'ai ce plan de derricks qui a eu l'extrême Si je veux aller comme ça. c' est un endroit idéal pour s'arrêter. On a mis en place des éléments saillants. Nous avons créé un nouveau plan directeur pour le moment où nous allons aller de l'avant et où nous allons le faire. La leçon suivante est de regarder comment importer une partie du contenu de démonstration de saillant afin que vous puissiez voir comment rendre votre portfolio rapidement 20. Comment accélérer votre flux de travail avec du contenu démo: d' accord. De toute évidence, en regardant où nous en sommes jusqu'à présent, ce n'est pas si impressionnant. Alors passons au tableau de bord et je vais vous montrer comment tirer du contenu de démonstration avec saillant. Donc avec l'extrême. Si vous vous souvenez qu'il y avait un peu de X ici et vous remarquerez avec saillant. Il jette son propre menu à mi-chemin vers le bas de la barre latérale. Donc, un autre indicateur de la façon dont les différents développeurs pensent différemment lorsqu'ils créent leurs thèmes. Vous pouvez donc cliquer ici ou plonger directement dans l'un des éléments du sous-menu. Si tu veux, on va aller chez Demo Importer. Alors cliquez sur ça. Et maintenant, vous pouvez voir que nous avons beaucoup de contenu de démonstration que nous pouvons apporter sur notre site. Il y a en fait beaucoup d'excellentes options, donc certainement prendre le temps de les vérifier. Ce qu'on va faire en ce moment, , c'est importer ce portefeuille minimal. Alors allez-y et cliquez sur Importer la démo et cliquez sur OK, et ce qu'il fait maintenant c'est qu'il télécharge les images et tous les fichiers de contenu dont il a besoin pour créer cette démo afin qu'elle puisse extraire des images d'arrière-plan. Mais j'ai remarqué certaines des images air juste espace réservé gris. Donc, encore une fois, en fonction de votre vitesse Internet et de celle sur laquelle vous cliquez sur Demel, cela pourrait prendre un certain temps. Ça pourrait aller assez vite, alors on laissera ce genre de faire son truc très vite, accord. Et une fois cela fait, nous pouvons revenir sur le site principal et nous verrons que la navigation que nous avions initialement configurée fonctionne. Vous remarquerez, bien que la page d'accueil ne semble pas correcte, et rien ne fait encore d'autre. Alors allons jeter un oeil à pourquoi je vais retourner à mon tableau de bord. Et d'abord, passons à l'apparence, puis aux menus. Et maintenant, vous remarquerez que j'ai sélectionné un menu à modifier. Si je clique dessus, il y a un autre menu ici maintenant. Donc, il a apporté son propre menu pour le thème, donc je vais cliquer sur ce menu de portefeuille minimal. Ah, cliquez sur sélectionner, et maintenant ce sera le menu Ici dans ma structure de menu, je vais faire défiler vers le bas et je vais choisir ce menu de navigation en haut et appuyer sur le menu Enregistrer. Maintenant, il a rebondi sur le site principal, et vous avez remarqué que nos pages sont correctes maintenant. Donc, si je clique sur la page à propos est la page réelle à propos de notre thème, mais avis. On a tous ces codes courts et tout ce charabia, alors regardons ça. Revenons à notre tableau de bord et ce sont les plug-ins. Allons voir ce qui se passe là-bas. Donc ce qu'il faut faire, c'est que j'ai encore quelques restes de l'autre plan. On a encore ce branchement de pierre angulaire. Désactivons que c'était un truc de thème ex. Je vais aller de l'avant et frapper. Supprimer Cliquez sur OK dans. Le compositeur visuel saillant est installé, mais il n'est pas encore actif. Donc, nous allons cliquer, Activer Et maintenant, allons jeter un oeil à notre site. Cliquez sur la page à propos qui semble beaucoup mieux. Cliquez sur notre page de contact, et cela semble beaucoup mieux aussi. Alors maintenant, revenons en arrière et revenons à nos paramètres, puis descendons à la lecture et désactivons votre dernier message sur la page d'accueil et faites-en une page statique. Cliquez dessus et allons choisir notre portefeuille Home Dash Minimal et nous allons cliquer sur enregistrer les modifications. Remontons ici et jetons un coup d'oeil et cela semble beaucoup mieux, accord, pour que vous puissiez voir tout de suite que c'est un portefeuille assez impressionnant. Il y a des animations vraiment subtiles qui semblent si je fais glisser ma fenêtre plus petite, vous pouvez voir qu'elle est réactive, ce qui est génial. D' accord, nous sommes un pas de plus près de notre portefeuille. Maintenant, allons de l'avant et explorons comment personnaliser notre site dans la prochaine vidéo. 21. Mettez le nom site Web et supprimez le logo par défaut: Maintenant que nous avons ce beau site Web et le contenu de démonstration installé, commençons à le faire nôtre. Je vais commencer avec le logo juste parce que c'est une simple victoire. Si vous n'avez pas de logo, c'est bon. Dans la vidéo suivante, je vais vous montrer un conseil rapide sur la façon de créer quelque chose qui répondra à vos besoins au fur et à mesure que vous allez . Mais pour l'instant, allons de l'avant et passons au tableau de bord de notre site une fois que nous sommes là à mi-chemin . Puisque nous utilisons le thème principal pour cette démo, toutes les options principales sous cet onglet personnalisé ici. Donc nous avons nos réglages généraux et toutes sortes de choses, et c'est là que la plupart de votre style va arriver. Si vous utilisez ce thème, en fonction du thème que vous utilisez, vous verrez probablement quelque chose comme celui-ci ou en apparence. Vous pouvez voir personnaliser, et vous pouvez y aller aussi. Donc c'est quelque chose où vous allez devoir faire un peu de recherche et de découverte vous-même. Mais encore une fois, lorsque vous achetez un thème ou que nous téléchargeons un thème, ils ont généralement de la documentation. Encore une fois, c'est là que je commencerais. Je vais venir ici et vous pouvez commencer à cliquer autour et juste explorer toutes les différentes options et littéralement juste commencer à cliquer sur des trucs et frapper. Enregistrez les modifications, rebondissez sur votre site Web et voyez ce qu'elles changent. C' est là que vous allez devoir passer du temps à vous familiariser avec thème que vous choisissez. Pour l'instant, passons au logo, et je sais que c'est sous l'onglet de navigation d'en-tête. Donc, je vais cliquer là et vous verrez à propos de cet onglet pour le logo et le style général. Donc, si vous avez un logo, tout ce que vous avez à faire est de cliquer sur ce bouton de téléchargement et de le jeter là-haut et cliquez sur Sélectionner ici et puis il sera là. Ensuite, vous pouvez ajouter une version rétine où c'est exactement deux fois la taille de votre logo. Pour les écrans haute densité, vous pouvez lui dire exactement quelles seront les hauteurs. Il y a quelques autres paramètres que vous devriez connaître ici, mais encore une fois, juste une sorte de défiler et voir ce qu'il fait quand vous êtes prêt appuyez sur enregistrer les modifications et votre logo sera en ligne. Maintenant, si vous n'avez pas de logo. Il suffit de cliquer sur le bouton Off. Ici, nous allons cliquer, enregistrer les modifications. Et maintenant, je veux garder ma place ici. Je ne veux pas perdre ce sur quoi je travaille, alors je vais maintenir la touche de commande sur un Mac. Vous pouvez maintenir la touche de contrôle enfoncée sur le PC, puis cliquez sur qui ouvrira un nouvel onglet pour vous. C' est vraiment utile parce que je peux voir les changements que j'ai faits dans ce cas. J' ai mon site comme titre au lieu d'un logo. Mais je peux aussi rebondir les orteils là où j'ai ces changements qui se produisent. Donc, de cette façon, je peux rapidement activer et désactiver les choses enregistrer les modifications, rebondir à l'autre onglet. Rafraîchir. Dans ce cas, je voudrais généralement juste frapper la commande sont sur un Mac. Je crois que le raccourci est F 5 sur un PC, mais peu importe, il suffit de rafraîchir la page et vous pouvez voir ces changements au fur et à mesure qu'ils se produisent. C' est ainsi que vous changeriez le logo. Vraiment simple de le faire, allez de l'avant et commencez par cela. Maintenant, si tu l'as dit, allons-y et éteignons ça, gardons ça revenir ici. commandement pourrait-il être maintenant ? Ça dit « Ma vue ». Disons que vous vouliez que ça dise autre chose. C' est un changement rapide. Retournons vers le tableau de bord. Passons à Paramètres généraux et au titre du site. Changeons-le à n'importe quel nom et faisons du slogan ma coutume. En fait, faisons-le comme ça. Portefeuille de design graphique viendra ici et frappez les modifications de sauvegarde. Rebondissez sur le site de vie quand vous voyez que maintenant il a mon nom en haut à gauche. Donc vraiment simple de le faire Allez de l'avant et faites ce changement maintenant dans votre site. Si vous suivez et dans la leçon suivante, je vais vous montrer un conseil rapide sur la façon de créer votre propre logo personnalisé à déposer ici si vous n'en avez pas encore 22. Comment créer un logo simple et personnalisé: Si vous avez déjà un logo fichier orteil travailler avec n'hésitez pas à sauter cette vidéo. Cependant, je vais vous montrer quelques conseils qui pourraient être utiles sur la route, peu importe ce que vous travaillez . Donc ce que je vais faire, c'est juste que j'ai pris une photo d'une fausse signature sur un morceau de papier blanc . Je l'ai dessiné avec un marqueur Sharpie. J' utilise mon iPhone pour prendre la photo, et c'est la photo que j'ai obtenue de ça. Assez basique. Assez simple. Alors n'hésitez pas à dessiner votre logo ou à esquisser votre nom ou tout ce que vous voulez faire, mais faites-le simplement simple. Faites vite. Donc ce que je vais faire avec ça, c'est aller de l'avant et prendre la photo que je viens de prendre et de partager . Mais vous pouvez l'envoyer par e-mail à vous-même ou vous envoyer un texto à vous-même Quoi ? Si tu veux le faire, je vais faire glisser ce fichier photo sur l'icône de mon magasin de photos. Je suppose qu'en tant que graphiste, vous avez probablement accès à la boutique photo. Si vous ne le faites pas, vous pouvez probablement faire quelque chose de similaire dans n'importe quel logiciel de conception que vous utilisez. Mais voici ce que je vais faire, j'ai ma couche ici. Je vais frapper la commande J pour sauter couper ça en un deuxième calque ici, je vais cliquer sur ce calque d'arrière-plan et je vais le remplir avec un vert vif Ault Delete pour le remplir avec cette couleur de premier plan que j'avais déjà. Alors maintenant, quand je fais ces changements, je peux voir ce qui se passe. La première chose que je vais faire est d'élever mes niveaux. Donc, le raccourci pour cela est la commande l à partir des niveaux. Je vais faire monter mes blancs un peu, et je vais faire tomber mes noirs pour vraiment reculer ça. Et, tu sais, je pourrais laisser ça un peu, parce que j'aime ça. Je peux voir une partie de la texture du marketing ici. En fait, ça a l'air cool. Alors peut-être que je reviendrai un peu et rappellerai encore plus les Blancs et je vous montrerai comment ça peut marcher pour vous dans un instant. Donc, une fois que vous aurez ce que vous êtes un peu heureux clic, OK ? Et maintenant ce que je vais faire est de double-cliquer sur le calque Maintenant, ne cliquez pas sur le nom et ne cliquez pas sur la vignette sorte de clic sur le côté ici , et cela va ouvrir votre style de calque et ce petit curseur ce mélange si toute la magie va arriver. Donc on prend cette couche actuelle, celle qui a ma fausse signature dessus, et on va la frotter un peu, et ça va cacher les tons plus clairs. Et je pourrais faire la même chose avec les noirs si je le voulais. Dans ce cas, je pourrais effacer les tons sombres et maintenant les peaux noires. Mais ce que je veux, c'est cette signature noire sur le dessus. Donc je vais le faire glisser et vous pouvez voir si je zoome ici que j'ai encore un peu de blanc sur les bords. Ça n'a pas trop d'importance pour ce que nous allons faire ensuite. Mais si vous vouliez mélanger ce Mawr, je peux maintenir la touche d'autel enfoncée et cliquer et glisser sur ce curseur blanc, et ça commencera à sortir les blancs. Mais laissez certains des gris derrière vous pour que vous puissiez voir une sorte de obtenir que lavé. Regarde où vient ce vert. Donc ça vous plaira peut-être pour votre signature. Ça dépend de ce que tu cherches. Je vais cliquer. OK ? Et maintenant, techniquement, ce n'est qu'un style de calque. Il n'a pas coupé le blanc. Donc, la façon dont je sais que c'est, si je devais appliquer, comme une ombre portée ou quelque chose, cliquez sur OK, en se déplaçant sur le côté. Il applique une ombre portée à toute cette image. Quoi ? On ne veut pas qu'il fasse ça. Ce que je veux faire, c'est à un autre calque juste au-dessus de ça, cette fausse couche de signature, je vais tenir la touche de commande pour les sélectionner les deux. C' est la touche de contrôle du PC. Et maintenant, ce que je vais faire est de mettre en couche des couches fusionnées. C' est la commande E. Et maintenant ce qu'on fait, c'est qu'on a écrasé ces deux couches ensemble. Mais tout ce qui était transparent, il a en fait coupé. Donc maintenant, si j'applique une ombre portée, vous verrez qu'elle suit réellement la signature, ce qui est génial. Je ne veux pas ajouter une ombre portée, cependant, mais ce que je veux faire C'est là que c'est vraiment cool car je peux maintenant changer la couleur de cette chose. Laissez-moi vous montrer comment. Si je clique sur ce petit bouton de transparence de verrouillage, je vais cliquer dessus. Maintenant, je ne pourrai affecter que les pixels réels qui contiennent du contenu, mais cela ne touchera rien de transparent. Alors voici comment cela est utile. Disons que vous voulez changer la couleur pour autre chose. Tout ce que je vais cliquer sur n'importe quel type de couleur. Prenez mon premier plan comme ça et je vais frapper Ault. Supprimer, et il remplit le premier plan, et il ne remplit que les pixels qui ont des données de pixel. C' est donc ce que fait cette serrure, sorte que vous pouvez facilement changer la couleur. Ou peut-être que tu l'as écrit en bleu parce que c'est tout ce que tu pouvais trouver. Eh bien, tu pourrais cliquer et faire glisser ici, faire ça oh, Arfield. Remplissez votre couleur de premier plan avec du noir et maintenant appuyez sur Supprimer à nouveau pour remplir mon premier plan avec noir. Donc la seule chose que je dois faire maintenant est de redresser ça, donc j'ai mes dirigeants dessus. Commande sont si vous ne les voyez pas ou allez voir et activer vos règles afin que je puisse faire glisser un guide vers le bas. Je vais cliquer sur cette couche et l'obtenir près de la commande T ou t contrôlé sur PC, et je vais faire glisser ce petit point d'ancrage juste ici. Alors maintenant, quand je tourne ou courbe ça, je peux le mettre sur une ligne droite. Donc voilà votre signature. On est prêts à partir maintenant. Je dois maintenant faire est juste d'exporter ceci. Donc, ce que je vais faire maintenant est de désactiver ce calque d'arrière-plan et venir ici pour l'image vers le bas pour couper et réellement créé ces raccourcis personnalisés. Donc, vous ne verrez probablement pas cela parce que j'utilise ce raccourci tout le temps, mais cliquez sur trim. Et maintenant, ce que je peux faire est de couper les pixels en haut en bas à gauche et à droite en fonction des pixels transparents . Donc tout ce qui est transparent, ça va le couper à ça. Donc, si je clique sur OK, il va le couper jusqu'ici. Il doit y avoir quelque chose ici que je ne peux pas voir de mon propre œil. Donc je vais faire est juste de frapper la lettre m pour obtenir ma sélection de chapiteau et je vais cliquer et faire glisser comme ça va frapper la touche de suppression. Je vais cliquer et faire glisser je juste une commande faire. Vous avez été rapide de sélectionner cliquez et faites glisser ici et appuyez sur la touche Supprimer une fois de plus, en vous assurant que je le fais sur ce calque. Commande D. Essayons cette image. Garniture. Encore un raccourci. On y va. Et maintenant, il l'a coupé vers le bas. Alors maintenant, ce que nous devons faire, c'est juste exporter ceci pour que nous puissions réellement l'utiliser maintenant ? Si je regarde cela, cependant, cependant, et nous avons regardé par ma règle, je peux voir que cette image est d'environ 1200 pixels de largeur. Ça va être énorme. Revenons rapidement à notre site Web. Et si je voulais être à ce sujet, je vais juste prendre un changement de commande de capture d'écran dans le numéro quatre ou cliquer et faire glisser. Donc mon logo était à peu près cette taille. Je vois qu'il fait environ 166 pixels de large sur 55 pixels de haut, donc je vais juste en avoir l'autre dans ce parc de balles. Alors faisons-le. Environ 150 pixels de large, j'ai frappé la clé maritime pour faire venir mon outil de culture ici et le changer, Teoh. 100 et 50 pixels par. Je vais supprimer parce que je me fiche de sa taille. Je veux juste être aussi grand que le logo, et je vais rattraper ça un peu. Crunch ça un peu et je vais appuyer sur la clé de retour. Et jetons un coup d'oeil à ce qui se passe ici. D' accord ? Donc j'ai toujours ces données de pixel apparaissent. Je vais supprimer ça. Je vais mettre 72 pour 72 pixels par pouce retour une fois de plus. On y va. Et je vais commander la clé numéro un. Il semble aller voir, et puis 100% juste pour que je puisse voir à quel point cela s'est transformé en. Ok, super. Maintenant, nous sommes prêts à partir maintenant. Je dois juste exporter. Donc ce que je vais faire, c'est aller vers le bas pour exporter. Et je vais juste faire une exportation rapide en tant que fichier PNG car il prend en charge la transparence. On appellera ce logo et je le jetterai juste sur mon bureau. C' est donc facile à trouver lorsque je télécharge ceci. Maintenant, je veux vous montrer un conseil ou une astuce de plus lorsque vous travaillez avec des graphismes Web. J' ai trouvé ce site cool appelé Tiny P et G, et ce qu'il fait, c'est qu'il compresse vos images. Donc, si je vais sur mon bureau et que je regarde ce fichier local que je viens d'exporter en ce moment, c'est seulement quatre kilo-octets, ce qui est minuscule, et c'est génial. Donc, vraiment, je ne vais pas être aussi petit que ça. Mais si c'était une grande image d'en-tête ou si votre logo était peut-être un peu plus gros fichier , vous pouvez déposer ceci ici et il va le compresser et vous pouvez voir qu'il est encore fait . Environ la moitié est grand, ce qui est génial, parce que maintenant il va charger encore plus vite. Ce sera l'une des premières choses à petit mon site web. Donc j'ai ce logo prêt à partir. Je vais revenir sur mon site web. Nous allons au tableau de bord en bas deux saillants vers le bas de la navigation d'en-tête. Nous retournerons sur le logo de mon site et continuons de le télécharger ici. Maintenant, c'est là que je prendrais le temps de mettre un texte Ault. Cela aide à l'optimisation de votre moteur de recherche. Il aide Google et d'autres moteurs de recherche. Trouvez votre site afin que vous puissiez simplement le nommer. Mettez votre nom là ou tout ce que vous voulez, mais cela vous aidera à être trouvé lorsque les internautes recherchent votre site. Donc, si vous continuez à le faire pendant que vous téléchargez des images, cela vous aidera à long terme. Cliquez sur Sélectionner. Et il y a mon logo basé et je vais en fait télécharger exactement le même pour mon logo Retina aussi. Et revenons rapidement dans la boutique photo. Je vais frapper la commande A pour mettre en évidence toutela la toile. Et si je vais à la fenêtre vers le bas pour info, il ouvrira ma palette d'informations ici, et je peux voir que la largeur est de 150 dans la hauteur est de 70. Donc, si je le voulais, je pourrais couper ça en deux et que ce soit ma version complète de la rétine. Ou je pourrais faire une autre version de 300 pixels de large sur 140 pixels de haut et ensuite lui faire faire les calculs pour moi. Mais pour l'instant, pour faire ça, je vais le laisser tranquille. Il enregistre les modifications. Et voyons à quoi ça ressemble. Donc il y a ma signature, et encore une fois vous pouvez voir qu'elle est assez petite. Donc, revenons ici et changeons cette hauteur locale à 70. Maintenant, laisse-le aller. Laissez-le atteindre 70 pixels de hauteur, enregistrer les modifications sautera ici et appuyez sur la commande sont de rafraîchir ma page. Et c'est là. Il y a ma signature personnalisée, et ça a l'air bien. Il y a encore une chose que je veux te montrer. Si vous êtes sur un autre site Web, vous auriez probablement terminé à ce stade. Mais le thème saillant supporte en fait plusieurs versions du logo. Sur la raison pour laquelle Si je devais cliquer ici sur l'un de ces articles de portefeuille, vous verrez que quelques choses se passent. Un. Il a une énorme image d'en-tête, dont nous parlerons dans la prochaine conférence. Comment faire les choses. Mais vous avez aussi remarqué le logo ici. Le vieux logo saillant est toujours là, et voici pourquoi. Si je saute dans le thème saillant et je reviens sous saillant, vers le bas à la navigation d'en-tête, puis je clique sur cet onglet de transparence, la navigation a la transparence, support, et quand le clave est transparent il vous donne quelques options de ou logos, Donc ce serait mon logo de départ. Donc, quand vous arrivez à une page, qu'est-ce qui se passe ici ? Et dans ce cas, c'est un logo blanc saillant. Alors quand il fera sombre, qu'est-ce que ça va être ? Et je les avais déjà téléchargés. Donc, ces air la version sombre. Donc, ce que je dois faire est de créer une version blanche ou légère de mon logo pour des pages comme ce vrai simple à faire, je vais revenir dans la boutique photo. J' ai sélectionné cette couche. Je vais juste m'assurer que je reste cette transparence verrouillé chaud la lettre D pour obtenir mes nuances de couleur par défaut ici. Je vais faire échanger la lettre X. Donc ma couleur de premier plan est devant. Vous pouvez aussi simplement cliquer sur ces petites flèches juste ici pour l'échanger. Maintenant, je vais faire est de cliquer sur Ault supprimer. Et maintenant mon logo est en blanc, donc je vais aller de l'avant et sauver ça très vite. On aura un dossier. Nous allons aller vers le bas pour exporter rapidement en PNG et nous appellerons ce logo tiret blanc, puis nous reviendrons dans notre page Web au menu saillant, et allons de l'avant et téléchargeons la version blanche très rapidement. Allez sur mon bureau. Nous allons le jeter là et lui donner un peu de texte, accord, et maintenant il est téléchargé pour la version rétine aussi. Nous sauvegarderons nos changements. Retournez dans notre page d'accueil ici va le recharger. On y va. Ça a l'air génial, et c'est à peu près tout. Donc, dans la prochaine vidéo, regardons comment nous pouvons personnaliser la typographie et les couleurs pour commencer à faire correspondre cette marque. 23. Comment modifier des polices: Modifions vos polices pour correspondre à notre marque. Et pendant que nous sommes ici, allons de l'avant et mettre à jour ce texte en haut juste pour que cela ait du sens. C' est une victoire rapide. Je vais cliquer sur Modifier la page et je vais aller directement à ce bloc de texte. Je vais cliquer sur l'outil de crayon au lieu de dire bonjour. Je suis Phil. Changeons-le à n'importe quel nom. Dans ce cas, c'est Derek. Je suis un graphiste de Callis Bell Montana. D' accord, on va le laisser à ce coup. Supprimer. Nous devons appuyer sur sauver ici en bas, et ensuite nous devons aussi mettre à jour ici sur la droite. Et maintenant, quand nous revenons à cette page d'accueil très rapidement, il suffit de cliquer sur la page d'affichage, et tout est net. Alors allons de l'avant et plongons dans vos polices. Donc je vais retourner à mon tableau de bord et je vais revenir au menu de réparation principal. Et ici, nous avons ce menu typographique, donc je vais cliquer dessus, et c'est assez simple là-bas. Les boîtes déroulantes, donc c'est vraiment facile à changer. Mais comment savez-vous à quoi ressemble la faute, Eh bien, ils sont tous tirés des polices Google. Donc, si vous venez des polices Google Google, vous trouverez que vous allez aux polices dot google com et vous verrez toutes les polices qui sont disponibles afin que vous puissiez faire défiler et trouver tout ce que vous voulez utiliser que vous aimez. Disons que je voulais aussi mettre à jour ma navigation . Je ne sais pas. Et Playfair ? Ce que je pourrais faire, c'est maintenant que je vois à quoi ça ressemble, saute ici, je vais cliquer sur mon menu déroulant et je vais juste taper dans le jeu équitable. Et là, c'est juste là. Je vais cliquer dessus. C' est sûr et nous allons sauter sur le site en direct. Et juste comme ça, ma navigation est mise à jour, donc c'est vraiment facile, et beaucoup de nouveaux thèmes sont de cette façon. Ils facilitent le téléchargement et la modification de vos polices. Une chose que je considérerais comme vous jouez avec les polices et la typographie pour toute votre page est de coller à deux polices chaque fois que possible. Donc, ce que cela signifierait est que vous auriez comme une polices d'affichage. Donc peut-être quelque chose que vous utilisez pour votre navigation principale et vos en-têtes, et ensuite vous auriez votre police de copie corporelle, quelque chose qui est probablement plus simple et facile à lire sur un site Web, quelque chose que Sand Saref et moi n'irions jamais plus de deux parce que ce qui se passera, c'est qu'il commencera à paraître vraiment encombré et votre marque aura l'air vraiment disjointe. Donc, restez avec deux polices pour l'instant, pour ceux d'entre vous qui veulent plus de contrôle sur vos polices. Et si vous êtes déjà abonné à la boutique de photos et illustrateur et dans la conception de l'ensemble suite créative, vous devriez avoir accès au kit de type. Donc, si vous avez un kit de type dot com, il y a, ah, toute une autre bibliothèque de polices qui sont disponibles pour vous. Et c'est un peu hors de la portée de cette conférence en ce moment. Mais lorsque vous vous connectez, ils vous montreront comment installer le kit de type sur votre site Web afin que vous puissiez choisir encore plus polices avec OK dans la prochaine vidéo, regardons comment personnaliser les images d'en-tête 24. Créer une image de héros et des en-têtes personnalisées: dans cette conférence, nous allons jeter un oeil à la création d'une image d'en-tête personnalisée pour votre site Web. Donc, peu importe le thème que vous utilisez ou ce que vous construisez. mise d'une nouvelle tête, d'un graphique ou d'une image de curseur dans votre site Web changera radicalement. Ah les utilisateurs. Première impression de votre site. moment, nous avons ce site de portefeuille vraiment propre, minimal, qui est génial mais saillant supporte réellement l'utilisation d'images d'en-tête. Donc encore une fois, si je clique sur l'une de ces pièces de portefeuille, vous voyez que nous pouvons avoir cette image plein écran en haut. Ce que je vais faire est de retourner à la page d'accueil et de cliquer sur Modifier la page et vous pouvez voir que si je fais défiler ici, j'ai la possibilité d'ajouter un arrière-plan d'image pour l'en-tête de page. Si je clique sur le téléchargement maintenant, je vais juste en jeter un ici. C' est déjà là va frapper, sélectionner, et je vais mettre à jour la page de vue rapide, et vous pouvez voir que cela change radicalement votre première impression du site. Vous verrez également que le logo blanc que nous avons créé a automatiquement changé le logo utilisé parce qu' il utilise maintenant un menu de navigation transparent. D' accord. Donc, ce que je veux vous montrer, c'est comment je vais concevoir un graphique d'en-tête pour mon site web dans la boutique photo. Habituellement, ce que je fais est que je vais passer aux pixels p e x e l s dot com et juste chercher n'importe quel type d'image, ou probablement prendre mon propre appareil photo. Mais dans ce cas, vous pouvez chercher ici et trouver toutes sortes de grandes images. Donc c'est comme si c'était une image de mon propre bureau que j'avais prise. Je pourrais cliquer sur téléchargement gratuit, et il le téléchargerait dans un nouvel onglet. Tout droit, cliquez et cliquez sur copier l'image. Ou vous pouvez simplement appuyer, enregistrer l'image sous et la mettre dans un endroit sûr, comme sur votre bureau ou dans un dossier à partir duquel vous travaillez. On va aller de l'avant et copier. Cette image va sauter dans la boutique photo, et je vais faire un nouveau document. Quel nouveau fichier. Et c'est quelque chose que je veux souligner. Ça dépend vraiment du thème que vous utilisez et de votre objectif final et de qui va utiliservotre site Web. Ça dépend vraiment du thème que vous utilisez et de votre objectif final et de qui va utiliser Mais typiquement ce que je fais, je fais la largeur de mes images environ 2000 pixels de large et la hauteur qu'il change fréquemment. Mais mettons-le juste 500 pixels pour le moment je crée, et vous pouvez voir que c'est un graphique plus glissé. En saillant. J' ai l'option. Retournons vite là-bas. Nous allons cliquer sur la page d'édition lorsque je fais défiler vers le bas, avoir la possibilité de nous faire un en-tête de parallaxe, et je peux également en faire une hauteur plein écran. Donc, si tu veux faire ça, tu vas avoir besoin d'une image beaucoup plus grande. Donc, en regardant l'image d'en-tête de page pour ce site, il suggère 1600 à 2000 pixels de large dans une hauteur minimale de 4 75 Si je clique sur la hauteur plein écran et que c'est bon et prévisualiser à quoi cela ressemblerait, vous pouvez voir que je vais avoir besoin d'un image beaucoup plus grande pour ce travail orteil. Ça dépend de la façon dont tu veux travailler et de ce que tu vas faire. Bon, revenons dans la boutique photo et disons que je voulais agrandir ça. Je peux cliquer sur l'option de commande dans la lettre C, ce qui ouvre la taille de mon campus et je peux changer ma taille au lieu d'être 500. Peut-être. Faisons 700 pixels de hauteur. Je ne clique pas. OK, maintenant, ce que je peux faire est d'appuyer sur la commande V pour coller l'image que j'ai ici et la raison pour laquelle elle était toujours dans mon presse-papiers. C' était parce que j'avais cliqué droit sur ce fichier pixels et je clique sur copier l'image. Ou vous pouvez l'ouvrir à partir de l'endroit où vous dites faire votre bureau. Quoi qu'il en soit, ça n'a pas d'importance. Je vais appuyer sur la commande t sur ce calque que nous venons d'apporter et mettre à l'échelle mon image vers le bas pour qu' s'adapte. Maintenant, c'est bon, mais si je devais jeter ça là-haut, ce serait en fait une sorte de toile de fond distrayant. Donc ce qu'on va faire, il y a plusieurs façons de travailler. Je vais créer un nouveau calque au-dessus. Et disons juste que je voulais travailler avec peut-être cette couleur verte ici pour ma bibliothèque. Je sélectionne cela et remplit ma couleur de premier plan. Il supprime également pour remplir le devant. Et maintenant, je vais faire du cycle à travers différents modes de fusion pour voir ce que j'aime le mieux. Assurez-vous donc que ce calque est sélectionné à la lettre V pour obtenir votre outil de sélection. Et maintenant, on va appuyer sur la touche Maj et le signe plus. Et ce que cela va faire, c'est qu'il va parcourir tous ces modes de fusion ici . Donc c'est frapper Shift plus juste pour passer à travers et voir ce que j'aime. Tu sais ce que je ne voulais pas dire pour ce rouge, mais c'est vraiment une couleur cool. Je pourrais le laisser de cette façon, mais parlons juste par ici pour que vous puissiez voir comment avoir le vert sur le dessus interagit avec le calque ci-dessous. Mais ce n'est peut-être pas suffisant pour toi. Alors quoi ? Vous pouvez envisager de le faire, le rétablir à la normale et de faire glisser ce calque vers le bas. Je vais sélectionner ce calque d'image et commander J pour sauter couper. J' en ai donc une version. Si je n'aime pas ce que je fais, fondamentalement, juste le cloner, je vais cliquer sur ce calque et maintenant et appuyer sur le décalage de commande dans la lettre que vous, ce qui de sature mon image qui devrait être sur négligent voir l'image ajustements vers le bas pour saturer. C' est là que j'ai eu ce raccourci d'accord. Ce qu'on va faire, c'est changer le mode de fusion du calque d'image, et je sais que ça se multiplie. Je vais probablement nous donner la meilleure option. Donc, je vais cliquer dessus et vous pouvez voir que nous obtenons une belle image d'en-tête. Mais il va faire assez sombre pour ne pas dominer tout le reste sur le site. Donc maintenant je vais faire, c'est aller de l'avant et exporter ça. Alors venez apparaître à l'humeur du fichier et à l'exportation. Cette fois, au lieu de choisir un PNG, je vais exporter comme la raison pour laquelle c'est une si grande image. Je veux plus de contrôles sur le type d'exportation de fichiers. Donc, de cette façon, je peux vraiment réduire la taille du fichier, donc cela ne prend pas beaucoup de temps à charger sur le site Web. Je vais cliquer sur Exporter comme et vous pouvez voir en ce moment. Si je n'ai rien touché, ce fichier sera de 660 kilo-octets et vous n'avez peut-être aucune référence pour la taille de ce fichier. Mais c'est assez grand. J' aurais tendance à rester moins de 300 kilo-octets si possible quand je fais que mes sites Web veulent généralement exporter cette qualité. Tous ont dit qu'il orteil 70% ou peut-être même moins que ça. Voyons ce que cela fait pour notre taille de fichier, donc cela fait environ 198 kilo-octets, ce qui est correct, c'est quelque chose où vous avez besoin de faire attention à la vitesse du navigateur de votre marché cible probablement et ce que vous avez sur votre site Web parce que vous ne voulez pas que les gens aient à attendre que les graphiques se chargent. Donc, si je zoome dessus, vous pouvez voir que la compression ne fait pas vraiment de mal à cette image. Je ne peux pas vraiment dire qu'il a été comprimé, alors peut-être que je pourrais aller encore plus loin. Essayons 50% et voyons ce qui se passe, et à ce stade, il semble toujours assez bon, et une taille de fichier ne fait que 107 kilo-octets, donc je suis heureux avec cela. Je vais aller de l'avant et cliquez sur Exporter tout. Nous allons simplement appeler cet en-tête tout au long de mon exportation de bureau, et c'est quelque chose où vous pouvez toujours tirer vers le haut ce minuscule site P et G que je vous ai montré dans la conférence précédente et vous pouvez compresser votre tête ou votre image encore plus bas. Et je vous recommande fortement de le faire. Parce que même si Photoshopped est un très bon travail de compression de l'image, vous voulez qu'elle soit aussi mince et une petite taille de fichier que possible. Donc je vais faire glisser cette image pour mon bureau dans cette petite zone de dépôt dans le minuscule P et G va la compresser. Et tu sais quoi ? On n'a pas eu autant de choses, mais c'est encore huit kilo-octets sauvés. Alors allez-y et appuyez sur Télécharger ici. Il va le jeter dans ma pile de téléchargements. Et maintenant, revenons sur notre site Web. Je vais cliquer sur Modifier la page défiler vers le bas. Nous allons aller à l'arrière-plan de l'image, et je vais cliquer sur le bouton Supprimer téléchargement juste ici, bas de cette image et nous allons cliquer télécharger, télécharger une autre image, qui est celle que nous venons de créer. Et encore une fois, n'oubliez pas d'ajouter tout le texte taxé ou de description. Si vous avez quelque chose à ajouter pour votre site, juste une fois de plus en essayant d'aider votre site à se trouver par Google ou d'autres recherches dans les moteurs de recherche, et puis une autre option que nous pouvons faire est de cliquer sur cette option d'en-tête Parallax à nouveau, ceci est en saillie, mais ce qu'il va faire est d'ajouter un effet de profondeur vraiment cool au fur et à mesure que vous faites défiler. Alors allons de l'avant et gardons cela dans la vue à quoi cela ressemble maintenant. Donc maintenant, nous avons cette image pleine taille, et comme je fais défiler, vous voyez, il a l'effet de parallaxe, où l'arrière-plan se déplace à une vitesse différente de celle du premier plan et des autres éléments de page . C' est assez cool, et c'est à peu près comme faras l'image d'en-tête. Bien sûr, si vous avez plus de compétences en conception, vous pouvez ajouter beaucoup plus d'éléments à cela. Vous pouvez faire des choses telles qu'il va ajouter un nouveau calque, obtenir mon outil Grady int ici en cliquant sur glisser et peut-être en faire une multiplicité. Donc ça donne un peu brûlé ici. On pourrait faire beaucoup plus. On pourrait ajouter du texte. On pourrait ajouter plus d'images et devenir fou avec ça. Mais en ce moment, tout ce que nous essayons d'obtenir est juste un élément de design subtil qui aide à construire notre marque et à construire l'histoire derrière le site, et c'est à peu près tout. Je sais que c'est assez simple, surtout si vous êtes déjà graphiste, vous devriez savoir comment créer vos propres graphismes. Mais j'espère que cela vous aidera à trouver des moyens simples d'ajouter un peu plus d'intérêt visuel à vos designs . Et peu importe ce que la réflexion, soit le 2017 par défaut actuellement sur WordPress ou même tout autre pot de site Web à partir de là , presque tous d'entre eux vous donnent une option pour ajouter un graphique d'en-tête. Et si vous êtes sur WordPress et que vous utilisez un thème différent et peut-être qu'il n'a pas l' option pour un graphique d'en-tête comme celui-ci, n'oubliez pas. Vous pouvez ajouter la révolution du curseur, brancher aussi, et ajouter beaucoup plus de fonctionnalités pour créer ces graphismes impressionnants pour votre site. 25. Comment configurer votre portfolio: dans cette conférence, nous allons juste examiner certains paramètres de portefeuille dans le thème principal. Donc, ce que je veux vous montrer est actuellement la page d'accueil. D' après ce que nous avons installé, il a fondamentalement des éléments de page par défaut, puis il a le portefeuille qui se charge en dessous. Donc, la façon dont cela fonctionne maintenant, si je clique sur Modifier la page en haut ici, vous pouvez voir que la façon dont cela fonctionne. Il a le compositeur visuel branché, et il a ces sections ici, et il a ajouté cet élément de portefeuille. Je peux cliquer sur l'outil crayon, et je peux changer exactement les catégories qu'il tire. Je peux contrôler comment la mise en page contrôle beaucoup de choses ici. Je vais aller de l'avant et frapper, sauver les changements, parce que vous pouvez vérifier ça tout seul maintenant si je le voulais. Si je retourne sur le site principal, vous remarquerez que nous n'avons pas vraiment de lien de portefeuille. Mais si je voulais créer ma propre section de portfolio et que la page d'accueil soit plus basique ou avoir du texte au lieu d'images ou autre, je pourrais supprimer cette section et créer une nouvelle page juste pour le portfolio. Donc, si je viens ici à Nouveau et je clique sur Page, je peux faire une page de portefeuille. Capitalisez ça, et ensuite ce que je ferai. Je n'ai rien à faire ici au milieu. Il y a en fait un modèle intégré dans le thème saillant. Je viens ici, cliquez sur cette liste déroulante et choisissez Portfolio, et maintenant tout ce que j'ai à faire est de frapper. Publier. Si j'avais vue Page, vous pouvez voir que j'ai un portefeuille entièrement dynamique construit sur les paramètres par défaut de l'intérieur . Saillant. Maintenant, il n'apparaît pas dans le menu. Si je le voulais, je pourrais revenir ici aux menus, et c'est la dernière page que nous venons d'ajouter. Alors cliquez sur cela et ajoutez au menu, peut-être faites glisser cela vers le haut à l'endroit et appuyez sur Enregistrer. Et comme ça, j'ai également ajouté une page de portfolio personnalisée à mon site web. Donc, c'est quelque chose que vous voudrez peut-être faire dépendre de la façon dont vous voulez que votre mise en page soit, et la prochaine chose que je veux vous montrer est si nous faisons défiler vers le bas, vous pouvez voir que nous avons ces catégories configurées. Donc, si je clique sur des publicités ou des applications ou la conception graphique de marque. Tous les projets se mélangent en fonction de leur catégorie. La façon dont cela fonctionne est joli est assez simple. Je vais cliquer à nouveau sur mon tableau de bord et je descends au menu du portefeuille, puis ai ici les catégories de projet, donc je vais cliquer dessus. Et vous pouvez voir que c'est là que nous avons créé ces catégories, et ici, nous pouvons voir combien de projets différents appartiennent à chacun. Donc, s'il y a quelque chose ici que vous ne voulez plus en tant que catégorie, je pourrais juste frapper, supprimer, ou je peux ajouter une nouvelle catégorie tous ensemble. Donc peut-être que je veux ajouter Web design comme une catégorie ajouter une nouvelle catégorie de projet, et maintenant Web design sera ici, et il a automatiquement créé une limace. Donc tu as remarqué que je n'avais pas à essayer de mettre ça ici et encore. La limace est juste la version conviviale du nom. Donc, c'est ce qu'il met dans l'adresse quand vous allez dans cette catégorie différente. Donc, tout ce que j'avais à faire est de mettre le nom frappé, ajouter une nouvelle catégorie de projet et ensuite si je le voulais, revenons à notre site principal ici, et nous jetons un oeil à ces catégories. Vous remarquerez qu'il n'apparaît pas encore. Et la raison pour laquelle est si je clique sur l'un de ceux-ci. Nous n'avons actuellement aucun d'entre eux apparaissant comme l'un de ces éléments de catégorie, donc je vais modifier l'un de ces éléments. Peu importe quoi, mais je vais cliquer sur la catégorie Web design dans l'un de ces projets à la mise à jour. Et maintenant, quand je retourne à cette page d'accueil parce que nous avons un projet qui a mis en vedette la conception Web , cette catégorie va maintenant apparaître. Maintenant que vous savez comment configurer le portefeuille et modifier certains des paramètres de base, regardons en fait le post eux-mêmes, les pages réelles du portefeuille et comment travailler. Avec ça, je vais retourner Jim dans mon tableau de bord. Et si je reviens à cet onglet de portefeuille, je vais cliquer dessus et vous remarquerez que lorsque je suis sur le robinet principal du portefeuille, vous pouvez voir toutes les différentes pièces de portefeuille qui sont entrées lorsque nous avons installé le contenu de la démo . Donc, si vous êtes prêt à créer vos propres trucs et que vous n'avez pas besoin de cela comme guide. Vous pouvez cliquer sur la case à cocher en haut, aller dans les actions en masse et il est déplacé vers la corbeille. Ensuite, cliquez sur appliquer, et il jetterait tous ces éléments dans la corbeille et vous pourriez commencer à partir de zéro. L' autre chose, vous pourriez faire comme vous êtes en quelque sorte de prendre vos pieds sous vous et sorte de vous habituer à la façon dont cela fonctionne est juste aller de l'avant et cliquez sur l'un de ceux-ci et juste commencer l' ingénierie inverse comment ils ont mis en place chaque page. Donc, comme il s'agit d'un poste sous la catégorie portefeuille et encore ici, nous pouvons contrôler la catégorie spécifique à laquelle il appartient, et nous pouvons ajouter plusieurs catégories de vous voulez mettre à jour très rapidement. Je vais frapper le post de vue, et vous pouvez voir que chaque post a une mise en page différente ci-dessous. Ainsi, lorsque vous faites défiler tous ces projets et que vous voyez ce que vous aimez, vous pourrez peut-être commencer à ajouter votre propre contenu à sa place. Donc, comme je fais défiler vers le bas vers le bas, vous pouvez voir qu'il y a ce bouton de projet suivant qui est un bouton par défaut intégré dans ce thème. Mais je peux revenir dans Click Edit Portfolio élément, et j'ai ce compositeur visuel ici. Donc si je le voulais, je peux réorganiser n'importe laquelle de ces choses. Cliquez sur Rag Aiken, SMA. Ou Éléments. Cliquez sur ce bouton plus et il y a beaucoup plus d'éléments comme des images, des textes, titres animés, beaucoup de choses que vous pouvez ajouter ici. Donc ça va être quelque chose que tu vas devoir décider ce que tu veux faire tout seul. Nous pourrions également ajouter des modèles comme nous avons appris au début de ce Siri où vous pouvez passer par une annonce, n'importe quel type d'éléments comme toute cette catégorie de projet. Donc, disons que vous voulez montrer quelque chose avec ces iPhones comme un exemple. Vous pouvez cliquer dessus, et cette galerie quatre tactile visible est ajoutée tout le chemin vers le bas. Voici cette galerie que je peux cliquer et faire glisser vers le haut. Disons que je voulais être la première chose qu'ils voient tous les beaux changements vraiment rapide et maintenant sur un défilement vers le bas. C' est la première chose que nous voyons maintenant n'a pas ajouté les images cette fois, mais encore une fois, ça va être quelque chose que vous allez vouloir remplir avec vos propres images. Quoi qu'il en soit, la seule autre chose que je veux vraiment vous montrer est que si nous faisons défiler vers le bas sous les messages eux-mêmes, vous pouvez contrôler ce que les images en vedette, et ce sera ce que l'équipe utilise car elle affiche des vignettes et autres. C' est donc quelque chose où vous pouvez y ajouter votre image d'entité. Il y a également des paramètres supplémentaires ci-dessous, sorte que vous pouvez en faire un élément complet avec le portefeuille. Vous pouvez en faire un élément de grille de contenu personnalisé. Vous pouvez modifier l'image miniature personnalisée. Vous pouvez également contrôler, si la taille de l'élément de maçonnerie, si c'est large, grand, régulier Alors ce que cela signifie. Revenons à la page d'accueil très rapidement que je fais défiler vers le bas. Donc c'est large ce carré. Celle-ci est grande pour que vous puissiez contrôler si votre image est l'une de ces mises en page. Il s'adapte donc mieux à quel que soit le projet. J' espère que cela vous aidera à bien comprendre comment plonger et mettre à jour votre portfolio avec le thème principal 26. Comment ajouter des vidéos boucle à vos arrière-plans site: très bien les gars, dans cette leçon, je veux vous montrer comment ajouter une vidéo à l'arrière-plan de votre site Web. Je pense que c'est une tonne de plaisir à faire et cela ajoute vraiment beaucoup d'intérêt visuel et peut assez facilement élever l'apparence et la sensation de votre site Web sans une tonne de travail. Donc, tout comme vous le voyez sur l'écran en ce moment, j'ai un plein écran alors que plutôt pas plein écran. Mais il va à tous les bords du navigateur Web, cette vidéo ici et au fur et à mesure que je fais défiler, il a un effet de parallaxe et nous avons du texte HTML assis au-dessus de lui. Vous remarquerez, et puis quand nous faisons défiler le reste du site juste une sorte de ressemble à n'importe quel autre site Web . Donc ce que nous allons faire dans cette vidéo est dans cette leçon, c'est apprendre comment déposer une vidéo comme celle-ci. Donc un autre exemple juste pour peut-être vous donner quelques idées plus. Dans ce cas, nous n'avons que le titre au-dessus du haut. Mais sur cet autre site ici, j'ai créé pour un podcast. Nous avons utilisé la vidéo d'introduction qu'ils ont utilisée sur YouTube à laquelle j'ai fait cette vidéo, hum de toute façon, donc nous avons cette vidéo assis en arrière-plan, et puis sur le dessus est ce logo que j'ai conçu comme un fichier PNG. Donc c'est transparent. Nous avons du texte HTML, puis si je clique sur le bouton, il fait défiler vers le bas et c'est interactif. Nous avons donc des éléments interactifs assis au-dessus de la vidéo. Et encore une fois, je pense que c'est une tonne de plaisir et juste un moyen si facile d'ajouter tant de valeur à votre site Web . Alors allons-y et plongons dans, et je tiens à souligner que ces deux sites utilisent le thème WordPress saillant. Mon site utilise également le thème WordPress saillant. Je suis vraiment à l'aise avec ça, et j'aime vraiment ça. Mais la plupart des éditeurs Web modernes et la plupart des nouveaux thèmes que vous voyez maintenant pour WordPress vous permettra de faire fond vidéo. Alors, euh, allez-y et suivez pour que je puisse vous montrer quelques trucs, astuces et choses à éviter en cours de route juste pour vous aider à réussir. Et je pense que vous serez en mesure de les appliquer à peu près n'importe quel thème que vous utilisez, mais encore une fois, pour celui-ci, nous utilisons saillant. Donc l'autre chose pour commencer. Allez-y et téléchargez la vidéo ci-jointe si vous voulez suivre ou utiliser cette vidéo. Mais si vous voulez créer votre propre vidéo, peut-être pour votre propre site web personnel ou peut-être pour une autre entreprise ou un client, je recommande vraiment l'abonnement in Votto Elements. Je l'utilise pour tous mes actifs créatifs. Dernièrement, je l'ai vraiment apprécié. Ils ont toutes sortes d'articles, de la vidéo en stock à la musique en passant par les graphiques en passant par les photos. Fonz. Je veux dire toutes sortes de choses. Je ne peux vraiment pas le recommander assez haut. Donc, euh, toute façon, regarde ça. C' est plutôt cool si tu viens ici et qu'on cherche Opener, c'est ce qu'on fait. En gros , , je viens ici et je clique sur les modèles vidéo, et on va cliquer sur la petite loupe pour chercher. Vous verrez que nous avons plus de 9000 modèles de vidéo d'ouverture, alors il suffit de passer à travers, trouver un que vous pensez être cool, téléchargez-le, puis déposez vos propres photos de vos propres vidéos et créez votre propre Ah, ouvreur dynamique. Des trucs plutôt cool. Donc Ah, une chose que je veux souligner à Ils ont différentes applications prises en charge. Donc, si vous êtes à l'aise ou familier avec les effets après, par exemple, alors peut-être que vous voulez rechercher par là. J' ai remarqué que la plupart des vraiment cool ont été faites dans les effets après. Mais il y en a aussi de très bons pour le premier ministre. Il suffit de trouver ce que vous aimez, cliquez dessus, puis vous pouvez le télécharger et ensuite remplacer le métrage par le vôtre. Donc assez simple. Et beaucoup d'entre eux ont des tutoriels intégrés sur la façon de modifier ces modèles. Donc, une fois que vous avez fini avec ça, une fois que vous avez une vidéo que vous voulez déposer en arrière-plan, je recommande n'importe où , vous savez, cinq secondes à 30 secondes étaient juste essayer d'ajouter rapidement quelques un peu d'intérêt visuel ici. Alors prenez votre vidéo, et la prochaine chose que nous voulons faire est de le faire. Cette vidéo peut être laissée sur ce site, alors laissez-moi vous montrer à quoi cela ressemble sur le back-end. Donc encore une fois, j'utilise saillant et ça va sembler un peu différent, selon le thème que vous utilisez. Mais nous allons cliquer sur Modifier sur cette page, et il y a quelques choses différentes qui se passent ici. Nous avons donc le générateur de pages de boulangerie WP, et c'est juste un moyen de faire glisser et déposer votre contenu. Je ne suis pas trop inquiet à ce sujet en ce moment, mais si nous cliquez sur cet outil de crayon sur ce fond sur ce conteneur cette ligne, si je fais défiler vers le bas, vous remarquez que je peux ajouter une image d'arrière-plan ou je peux même descendre ici et cliquer sur activer arrière-plan de la vidéo. Et dès que je le fais, j'ai la possibilité d'utiliser une vidéo YouTube. Votre je vais donc à vous pour trouver n'importe quelle vidéo. À ce moment-là. Tu sais que tu dois faire une vidéo. Vous pouvez simplement coller le U. R L ici appuyez sur enregistrer les modifications et les vidéos vont automatiquement jouer. Mais cela dépend du fait que vous devez avoir un compte YouTube ou un moyen de saisir une vidéo que vous voulez utiliser. L' autre façon est de faire ce que nous appelons auto-hébergé afin que vous puissiez réellement télécharger votre fichier vidéo dans votre site WordPress et hébergé à partir de votre propre site Web. Donc, pour ce faire, nous avons besoin de trois types de fichiers différents. On a besoin d'un fichier Web M. On a besoin d'un dossier MP 4 et on a besoin d'un fichier nog V. Fondamentalement, ils sont juste la même vidéo, mais différents types de fichiers. Si vous êtes familier avec les graphiques réguliers, pensez à un fichier J peg ou PNG ou PDF ou un cadeau pour fichier Jeff. Quoi que vous vouliez le dire, tout ce que nous faisons est juste de créer le plus, um, le plus de support, en fonction du navigateur que les gens utilisent, que ce soit safari ou chrome ou Firefox ou quelque chose d'autre. Donc, en ayant tous ces différents types de fichiers, en fonction du navigateur Web que votre visiteur utilise, il est assez intelligent pour servir n'importe quel type de fichier dont il a besoin. J' espère que ça a du sens, et c'est ce qu'on va faire maintenant. On va prendre cette vidéo et je l'ai ici. Mes téléchargements. Donc, c'est juste ouvrir ça. C' est une 42ème vidéo, et c'est juste cette séquence d'ouverture que nous avons obtenue à partir d'éléments impliqués et ensuite déposé dans notre propre vidéo pour la rendre pertinente à notre site. Bon, donc on va aller de l'avant et utiliser cette vidéo, mais pour ce faire, on remarquera apparaître dans le nom du fichier. C' est un fichier de points mp quatre. Donc, ce que je dois faire est de venir ici sur un site que j'utilise appelé en ligne Dash convert. Et là, il y a probablement de meilleures versions. Si vous connaissez un commentaire en cours ci-dessous, il y a aussi des plug-ins pour Premier. Donc vous pourriez chercher, uh oh gv Premiere Pro. Et vous allez voir comment convertir les inversions Toe GV et Web avec Premier. Par défaut, Premier ne prend pas en charge ces types de fichiers dans la mesure où, exemple, il suffit de l'exporter rapidement. C' est pourquoi nous devons utiliser ce convertisseur vidéo en ligne. D' accord, j'espère que tu traques avec moi. Allons de l'avant et allons voir comment ça marche. Donc on va cliquer sur cette option de convertisseur vidéo. On va venir ici et cliquer sur le format cible, donc le 1er 1 sera dio Faisons la version Web M. Cela n'a pas vraiment d'importance parce que nous devons convertir quelques différents vont rediriger vers la page du convertisseur Web M. Nous choisirons le fichier et allons prendre ce fichier vidéo. Cliquez sur Ouvrir et il va le télécharger, puis le traiter. Vous verrez la progression ici, puis quand il est sur le téléchargement, nous pouvons juste cliquer ici sur le bouton Démarrer la conversion. Très bien, donc une fois que c'est fait , tout ce que je dois faire est de cliquer sur démarrer la conversion ou si vous voulez, vous pouvez faire défiler vers le bas et vous verrez que nous avons quelques options différentes. Personnellement, je n'ai jamais vraiment baisé avec ça. Mais si vous le souhaitez, vous pouvez recadrer différentes manières et vous pouvez modifier la taille de l'écran. Mais dans ce cas, j'essaie juste de droite, de convertir en un type de fichier différent. Nous allons cliquer dessus, et maintenant il est en train de télécharger la vidéo. C' est une idée de la vidéo, et il travaille sur le traitement. Quand tout sera fait, il va automatiquement le jeter dans vos téléchargements. D' accord. Donc, il a fini de convertir mon fichier, qui était à l'origine d'environ 60 mégaoctets, et vous remarquerez que cette version Web M n'est que 12, ce qui est génial, car il va le tirer vers le bas sur un site Web que nous voulons charger . Donc avoir un bien plus petit va être génial. Alors maintenant, j'ai fait ça. Je peux effectivement cliquer sur le bouton vert de téléchargement, mais il l'a déjà jeté dans ma pile de téléchargements et vous voyez l'erreur juste ici. Mais j'ai besoin de convertir à nouveau le fichier original. Donc on l'a fait. Laisse-moi vérifier. On a fait l'inversion du web. Donc on va cliquer sur ce fichier de conversion original à nouveau. Bouton. De cette façon, je n'ai pas à télécharger à nouveau le fichier. Nous allons faire défiler vers le bas pour aller au convertisseur vidéo, et nous allons aller à O G V. Cliquez dessus, et nous allons cliquer, commencer la conversion et faire tout le processus à nouveau. Bon, donc le fichier O G. V est terminé, et vous remarquez que celui-ci est un peu plus grand. C' est 40 mégaoctets, mais il est automatiquement téléchargé sur ma pile de téléchargement. Si vous ne le voyez pas, vous devriez pouvoir cliquer sur le bouton vert de téléchargement. Et dans le dernier type de fichier vidéo dont j'ai besoin. Si je reviens ici et vérifie deux fois, tu verras qu'on a fait le Web M o G V et maintenant on a besoin d'un dossier MP 4. Donc c'est en fait le fichier vidéo avec lequel nous avons commencé. Mais je vais laisser le brancher en ligne et le refaire, juste pour voir si on peut le compresser un peu plus loin. Donc, il se charge encore plus vite. Donc je vais reconvertir le fichier original, redescendre le convertisseur vidéo, et ensuite on veut le MP 4. Nous cliquerons dessus et nous cliquerons sur démarrer la conversion une fois de plus pour que vous obtenez le MP pour le fichier démarré, accord. Et le fichier MP quatre ne fait que 28 mégaoctets au lieu de 60. Donc c'est génial. D' accord. Nous avons ici les trois formats de fichiers vidéo avec lesquels nous devons travailler. Maintenant, ce que nous devons faire est en fait les mettre dans notre site WordPress. Donc, pour ce faire, voici mon flux de travail. Pas nécessairement la meilleure façon de le faire. Juste comment j'ai découvert de faire cela dans ce cas. Donc ce qu'on va faire, c'est revenir sur le site Web où le montage devait être remis aux médias ici dans la barre latérale. Parce que ce que cela cherche est le u. R L Eh bien, comment trouvez-vous même l'URL pour ce fichier ? Voici comment. Ce qu'on va faire, c'est passer aux médias. Je vais maintenir le bouton de commande enfoncé quand je cliquerai. Si vous êtes sur un PC, vous maintenez le bouton de contrôle enfoncé et cliquez et il va ouvrir ce lien dans un nouvel onglet , qui est génial. Et maintenant, je peux télécharger la vidéo. Donc j'ai déjà fait ça une fois, et vous verrez que j'ai les fichiers vidéo ici. Donc, pour accélérer ça, ce qu'on va faire, c'est qu'on va juste cliquer sur ce fichier vidéo. On va faire le 1er 1 pour chanter. Tu vois, ce qu'on peut faire est une des deux choses que je pourrais juste prendre cette vidéo qu'on a fait ce clic sur le Web et planer dessus n'importe quelle partie de la fenêtre et laisser aller. Il va le télécharger automatiquement. Et, ah, une fois que c'est fait, vous remarquerez qu'il y aura Ah, vignette juste comme ça et je peux cliquer dessus et vous remarquerez ici que je peux copier le lien. Ce lien entier est ici pour l'actif multimédia que nous venons de télécharger. Donc triple clic et là pour mettre en évidence tout. Ou il suffit de cliquer sur le bouton Copier le lien puis de revenir dans ce portefeuille. Adam, laisse-moi. Ok, donc j'ai eu Thea la version Web M. D' accord, on va revenir ici. On va aller sur le web et classer votre I et bien, rythmé là-dedans. Maintenant, nous avons besoin du dossier MP 4, Earl. Donc nous reviendrons ici et nous pouvons juste basculer d'avant en arrière. Allons de l'avant et attrapons ce fichier MP quatre trois clics ici. Copiez-le, collez-le là et le dernier est ce fichier oh, gv. Nous reviendrons ici et trouverons que le gv de ce basculement d'avant en arrière apparaîtra. Ou on pourrait fermer cette fenêtre et il suffit de double-cliquer là-dedans. C' est lui qui fait ça. Ah, eh bien, triple clic, copiez le lien et collez-le dans. Ils vont bien. Donc, la dernière chose que nous voulons probablement faire est d'avoir une image de prévisualisation vidéo. Donc, la façon dont cela fonctionne est de dire que quelqu'un est sur une connexion Internet lente et que la vidéo ne commence pas tout de suite. Il va d'abord afficher l'image d'aperçu avant qu'elle ne saute dans la vidéo. Donc c'est bon d'avoir juste pour qu'ils ne voient pas un écran blanc. Donc on va sauter ici, je vais aller à ma médiathèque, et je vais juste sélectionner une image que j'ai déjà téléchargée juste pour faire ce truc ici, puis on fait défiler vers le bas. On a d'autres options, mais on va le laisser comme ça pour l'instant. Je vais cliquer, enregistrer les modifications. On va cliquer sur la mise à jour, et ensuite on y va. Et en fait, je devrais souligner généralement que je cliquerais sur les changements d'aperçu. Mais le serveur que j'utilise en ce moment a tendance à encaisser toutes mes choses que je fais tous les changements. Donc, lorsque je clique sur les modifications de l'aperçu, cela ne s'affiche pas pour moi pour une raison quelconque. Mais la plupart du temps, je clique sur l'aperçu des changements. Je ne voudrais pas juste le mettre à jour sans le regarder d'abord, mais dans ce cas, euh, allait cliquer mise à jour. Bon, donc je vais voir le post. On devrait lire deux vidéos maintenant. On devrait avoir celui du top que j'avais à l'origine. Et si je fais défiler vers le bas, c'est vraiment déroutant à voir, mais vous remarquerez que j'ai un fond vidéo derrière cet autre conteneur aussi. Donc c'est comme ça que vous faites tomber des vidéos, au moins, euh, spécifiquement avec saillant et WordPress. C' est comme ça que tu ferais. Mais ce qui est le plus important, à souligner, c'est juste comment convertir vos fichiers vers ces autres formats Web et comment le faire ainsi qu'une autre façon de le faire est de déposer dans un lien YouTube comme je vous ai montré au début de cette leçon. Donc, je vais aller de l'avant et retourner pour éditer cet article de portefeuille et allons de l'avant et enlever ça parce que je ne veux pas qu'il soit sur cette section. Voyons voir. C' était juste ici quand je clique dessus et nous allons juste supprimer ces liens et ce fond disparaîtra. On va sortir une vidéo ou cette photo. Nous allons cliquer, enregistrer les modifications et les mettre à jour. Et puis cette vidéo sera supprimée du contenu. Mais si je vais à mes médias, vous remarquerez que ces actifs sont toujours dans ma médiathèque. Si jamais je voulais les utiliser à nouveau dans un autre endroit sur le site, donc la seule autre chose que je veux souligner juste pour vraiment sorte de tirer le rideau et vous montrer tout s'est terminé sur ce site spécifique. Si je retourne à l'école de la page d'accueil maintenant, alors nous irons ici et allons aller à ce projet ou voir le projet. Donc on a la vidéo en haut. Faites défiler vers le bas Tout a l'air bien. Cette vidéo a été supprimée. Très bien, je vais éditer cet article de portefeuille et je veux juste le souligner. Si vous utilisez saillant comment vous seriez tomber dans cette vidéo. Nous avons donc notre section principale du générateur de page. Je vais aller de l'avant et fermer ça, et si on fait défiler vers le bas, vous remarquez que nous avons la configuration du projet. C' est parce que je travaille spécifiquement à l'intérieur d'un type de poste de portefeuille en ce moment. Donc c'est comme ça que je vois cette option. Et si je fais défiler vers le bas, j'ai aussi le paramètre d'en-tête du projet. J' ai donc fait la même chose que je viens de vous montrer, mais c'est spécifique à l'en-tête. J' ai donc laissé tomber dans le fichier web m. J' ai laissé tomber dans le fichier MP quatre sur le fichier GV et l'aperçu j'ai activé l'option d'en-tête Parallax . Donc, il fait défiler avec cette animation parallaxe. J' ai fait un plein écran. On vient d'allumer ça ici. Ou nous pourrions définir la hauteur de l'en-tête de page. Si vous voulez qu'il soit plein écran, voici un exemple où je pourrais juste le dire, 350 pixels. Grand orgue. Activez-le ici pour être en plein écran. Si je mets à jour ceci, nous retournerons à cette page une fois de plus pour voir le post, et nous ne devrions voir qu'environ 350 pixels de vidéo. Voyons comment on a fait. Bon, donc maintenant c'est beaucoup plus mince au lieu de prendre le contrôle de toute la fenêtre, ce que vous préférez peut-être le faire comme ça à la place. Encore une fois, selon le thème que vous l'utilisez, vous pouvez avoir différentes options. Mais au moins maintenant, vous savez où regarder et comment convertir ces vidéos à tomber. Les hommes sont des mecs. Si vous avez des questions, veuillez commenter ci-dessous. Aussi, si je suis allé trop vite, je sais que je suis excité. Je parle assez vite. N' oublie pas que c'est une vidéo. Vous pouvez le rejouer si vous avez manqué quelque chose de particulier, mais j'espère que vous avez beaucoup appris. Et j'espère que c'était super utile pour vous les gars. Très bien, merci d'avoir regardé 27. Pourquoi ajouter un blog et qu'est-ce est-ce ?: Qu' est-ce qu'un blawg ? Eh bien, dans cette section, nous allons l'installer sur votre site Web. Et avant de plonger, je veux juste démystifier ça. Je sais. Pour la plupart, vous savez probablement vraiment ce qu'est un blawg, mais vous ne voulez pas trop penser qu'un blawg est juste une collection d'articles. Ce n'est rien de fantaisie. Ça n'a pas besoin d'être Citation un blawg. Vous n'avez pas besoin d'utiliser WordPress. Vous pouvez le faire avec des pages HTML statiques. Vraiment ? Tout ce qu'il s'agit d'une collection d'articles qui sont dans l'ordre chronologique inverse. Donc, typiquement, le plus récent post apparaît en premier. Donc, avec WordPress, nous pouvons réellement planifier nos messages, et nous pouvons faire quelques choses assez fantaisie. Mais encore une fois, si vous savez comment coder une page Web, vous devez faire est d'ajouter une autre page et d'ajouter des liens , et essentiellement, vous avez créé un blogueur ou votre collection d'articles. Nous organisons également nos blogs avec des catégories et des tags. Cela aide à devenir plus convivial et à améliorer l'optimisation de notre moteur de recherche . Quelle raison au point suivant est-ce que le blog aide réellement le PDG ou l' optimisation des moteurs de recherche , je dirais oui et non. Donc, oui, parce que par sa nature même est juste une collection d'articles. Donc, chaque fois que vous avez plus de contenu sur votre site Web, il va aider à l'optimisation des moteurs de recherche va aider les moteurs de recherche comme Google étant Yahoo, peu importe, ça va les aider à vous trouver. C' est vraiment dans la publication régulière de contenu, donc vous pouvez le faire simplement en ajoutant des pages. Ce n'est pas forcément un blawg. Ce qui est bien à propos d'un blogué, cependant, est que ce tri des catégories et des tags et tous les messages dans remorquer un endroit au lieu d'ajouter une tonne de pages, il juste il aide à garder propre et pas être si encombré. C' est là que c'est vraiment utile. Et, honnêtement, c'est juste lancer un réseau plus large pour les moteurs de recherche à trouver. Encore une fois, vous ajoutez beaucoup plus de contenu, beaucoup plus de texte, ce qui donne ensuite à ces moteurs de sorte quelque chose à découvrir et ensuite montrer aux personnes qui le recherchent. Donc, l'autre façon que cela aide vraiment, surtout avec WordPress, est que vous avez ces intégrés fait une balise. Donc, vos titres, vos descriptions, vos mots-clés que nous avons ajoutés, comme sur les images en vedette, lorsque nous avons téléchargé le logo dans quelques conférences où nous avons ajouté tout le texte. Cela donne alors à Google bien à nouveau n'importe quel moteur de recherche, quelque chose à découvrir. C' est là que la magie arrive vraiment. En tant que faras, ça aide votre PDG. L' autre chose est les liens de page en général, que les moteurs de recherche peuvent suivre. Donc, quand ils atterrissent sur ce post et vous avez d'autres catégories dans votre barre latérale ou d'autres liens qui puis laisser araigner dehors et ramper et découvrir toutes les autres pages de votre site Web. L' autre élément à cela est le moteur de recherche convivial que vous RL. Donc, chaque fois que vous avez eu une nouvelle page ou un nouveau post dans WordPress, votre L a. Le haut quel que soit votre nom de domaine est dot com avant barre oblique quel que soit le titre de la page est, et c'est une façon de plus pour les moteurs de recherche de vous trouver. Donc, en conclusion, l'information que je viens de partager avec vous a été écrite à l'origine par John Crenshaw il y a quelques années, et le lien est dans la description ici. Je vous encourage à le lire. Il passe par et donne quelques très grands points à cela ainsi que si vous envisagez plonger dans l'ensemble du blog, vu quelques étapes pratiques et des conseils pour la façon de créer différents messages. Comment trouver des idées quand les poster pour faire le maximum de résultat pour votre effort. Et enfin, ils sont super faciles à mettre en place, surtout parce que nous utilisons déjà WordPress, alors plongons dans. 28. Paramètres du blog WordPress: créer un blogueur sur WordPress est vraiment facile, parce que c'est ce que Wordpress était destiné à faire dès le premier jour. Donc ce qu'on va faire, c'est continuer avec le site sur lequel on travaille. Et peu importe si vous n'avez pas suivi le long à cause des étapes que je vais montrer que vous fonctionnerez quel que soit le thème que vous utilisez tant que votre propre WordPress. Alors allons de l'avant et plongons dans notre tableau de bord. Et ce qu'on va faire, c'est qu'on va créer une page régulière. On va juste l'appeler Blawg. Vous pouvez le nommer tout ce que vous voulez. Ça pourrait être des nouvelles. Il pourrait être des articles en vedette. Peu importe le nom. Nous allons juste créer une page qui abritera tous les messages et les messages sont un peu comme des pages. Mais il y a des messages là juste désignés comme sur l'article essentiellement, et tous ces messages vont se charger dynamiquement dans n'importe quelle page que nous lui disons, aussi. Alors allons-y et faisons-le. Tout d' abord, passons à nos pages. Et lorsque vous avez créé votre site de démonstration, il peut être créé une page blawg pour vous. Si ce n'était pas le cas et même si c'était le cas. Vous pouvez ajouter une nouvelle page, et encore une fois, vous pouvez l'appeler tout ce que vous voulez. Dans ce cas. Comme je n'ai pas encore de blogueur, je vais juste l'appeler Blawg. Je vais aller de l'avant et frapper, publier, et puis je vais sauter sur mes paramètres va descendre à la lecture. Je vais cliquer dessus. Et maintenant ce que je vais faire, c'est que je vais dire à wordpress que ma page de poste est cette page blawg . Donc maintenant mon post blawg va se charger dans cette page, je vais cliquer, enregistrer les modifications. Et maintenant, je vais revenir à mon apparence en bas de deux menus et je vais ajouter cette page blawg à mon menu. Nous allons cliquer ici, cliquez sur Ajouter au menu, peut-être faire glisser ceci vers le haut. Donc le contact est la dernière page là-bas. Va-t-il enregistrer le menu ? Nous allons revenir sur le site en direct, et maintenant nous avons le lien blawg. Je vais cliquer dessus et tu remarqueras que j'ai ça. Bonjour le monde. Donc, c'était l'un des messages par défaut qui est installé lorsque vous chargez WordPress. Donc, selon votre thème, votre style pourrait être très différent. Une façon de contrôler cela avec le thème principal. Si je retourne à la page d'édition, je n'ai pas de fonction de modèles ici sur le côté. Certains thèmes auront que où vous pouvez cliquer un peu déroulant et il aura l' option pour, comme, comme, portefeuille blogueur bientôt contrôler ce que cette page est. Dans ce cas, vous allez vouloir revenir au menu saillant, descendre à Blawg et cliquer dessus, puis vous aurez plus de paramètres de blog que vous pouvez définir pour la façon dont vous êtes blawg est affiché. Donc, si vous passez par ici quand contrôler beaucoup de choses de la façon dont il se charge dans l'animation au type de mise en page, c'est si dans ce cas, c'est blawg standard avec une barre latérale. Ou peut-être que c'est un blawg de maçonnerie où il y a toutes les images. Un peu comme Pinterest le fait. Si j'enregistre cela très rapidement et que nous revenons à la page d'accueil, puis cliquez sur Blawg, cela devrait changer la mise en page. Maintenant, ce monde bonjour n'a pas une image en vedette, donc je vais cliquer sur ce post très rapidement. Je vais aller à éditer post et je vais rapidement jeter une image en vedette juste à nouveau. Donc, nous pouvons voir comment cela fonctionne. Cliquez sur Définir l'image en vedette. Je vais mettre à jour ce post. Revenons à la page principale de blawg ici et maintenant vous pouvez voir comment il tire dans cette image. Donc, fondamentalement, si nous regardons juste ce que nous avons fait au début de cela, nous avons mis en place une page et nous avons dit à WordPress quelle page allait être notre page blawg. Donc, dans la prochaine vidéo, je vais parler un peu plus sur les messages, comment les définir et comment contrôler les paramètres dans WordPress. 29. Publier des publications dans WordPress: dans la dernière vidéo, nous avons mis en place son blog sur notre site WordPress. Maintenant, je veux parler des messages en général. Donc, en ce moment, nous sommes sur la page de bloc, Revenons dans le tableau de bord et vous pouvez le voir dans la barre latérale. Nous avons cet onglet de poste, donc si je clique dessus maintenant, nous avons seulement celui-ci Bonjour World Post. C' est vraiment facile d'ajouter un nouveau post. Je peux cliquer dessus. Ajouter un nouveau bouton ici. Je peux cliquer, ajouter de nouveaux sur la barre latérale ou pendant que je suis sur le site et j'ai cette barre d'options en haut . Je peux cliquer sur Nouveau post ici, donc ils vont tous vous amener à la même chose, et cette page va sembler vraiment familière. Ça ressemble presque exactement à une page régulière et on est au sein. Donc, dans ce cas, jamais voulu ajouter un autre article de barre oblique ? Peu importe ce que vous voulez qu'il soit appelé, nous pouvons ajouter un titre là-haut et vous remarquerez qu'il donne le lien Perma ou l'URL juste ici . Et nous avons parlé dans la première vidéo de cette section, où cela aide à l'optimisation de votre moteur de recherche. Donc, ce sera le lien réel qui monte au-dessus dans votre moteur de recherche sont dans votre votre l dans la fenêtre de votre navigateur. Donc, si vous voulez changer cela, vous pouvez changer cela et en faire quelque chose qui est encore plus s PDG sympathique et spécifique à votre sujet. Une fois que vous avez fait cela, vous pouvez ajouter n'importe quelle texture ici et peut-être pour le bien de ce tutoriel va juste copier quelques Epsom chaud là-dedans. Lauren Epsom. Pour l'un d'entre vous non concepteurs potentiels est juste le texte de remplissage. Donc on va déposer ça là-dedans. Maintenant que j'ai que je peux continuer à ajouter plus de choses dans ce post. Donc, si vous ne voyez pas cela, vous pouvez cliquer sur ce bascule de barre d'outils, et vous pouvez ajouter encore plus de style ou apparaître. Nous pouvons ajouter des médias. Donc, dans ce cas, vous pouvez télécharger une photo si vous vouliez Teoh et inséré directement dans votre poste où il veut. Vous pouvez également créer votre image en vedette et comme nous avons brièvement parlé dans la dernière vidéo et nous faisons quelque chose de différent afin que nous puissions voir ce que c'est. L' image en vedette est ce qui apparaîtra sur cette page blawg. Maintenant, en fonction de votre thème, certaines choses vont tirer cette image en vedette et effectivement l'utiliser pour le graphique d'en-tête et utiliser dans de nombreux endroits tout au long de votre blawg depuis autour saillant. Vous avez également un paramètre d'en-tête personnalisé ici où nous pouvons télécharger tout ce que nous voulons pour cette page. Nous allons y aller et sélectionner un fichier. On pourrait le faire parallaxe. Nous pouvons ajouter toutes sortes de choses ici, et je vais aller de l'avant et publier ceci maintenant. En fait, avant de faire cette chose que je veux mentionner, vous pouvez enregistrer un brouillon et y revenir plus tard. Vous pouvez également le modifier, selon que vous avez une équipe qui travaille avec vous. Ou vous pouvez même le faire publier automatiquement afin que vous puissiez créer tous les articles de votre blog un week-end ou chaque fois que vous êtes prêt à le faire, puis programmer tous les sortir automatiquement à tout moment. Donc je vais aller de l'avant et appuyer sur Publish. ce moment, je peux cliquer sur voir le post ici pour me prendre directement au poste. Donc il y a cette image d'en-tête que nous venons de faire en faisant défiler vers le bas. C' était l'image en vedette. C' est ce qui apparaît sur le dessus. Et puis c'était ce graphique en ligne que nous avons laissé dedans. Si je retourne à ma page principale blawg, vous remarquerez que le message le plus récent apparaît en premier. Espérons que, à présent, vous obtenez une meilleure compréhension de la façon dont les publications se nourrissent dans la page blawg. Dans la prochaine conférence, nous allons parler des catégories et des tags dans WordPress. 30. Catégories et étiquettes: Parlons des catégories et des balises dans WordPress maintenant. Je ne pense pas trop à ça. En fait, vous avez déjà travaillé avec eux un peu si vous avez suivi. Lorsque nous avons créé notre section de portefeuilles avec notre portefeuille, nous avions aussi des catégories, mais elles étaient un peu différentes. Ils étaient, Voyons voir, ici nous avions des applications publicitaires, branding, graphisme, photographie et Web design. Donc, ce ne sont que des catégories, donc il est probablement plus facile de le regarder et de le penser de cette façon. Lorsque je clique sur ces différentes catégories, quel que soit le projet filtre dans cette catégorie. Donc on va faire la même chose avec notre blawg, mais on va aller plus loin. Donc, ici, nous avons des catégories, mais nous pourrions aussi ajouter des balises. Donc quelque chose que je veux souligner quand j'ai commencé à rechercher cela parce que pour être totalement honnêtes catégories et tags n'est pas quelque chose que j'ai beaucoup utilisé dans mon passé, parce que je ne suis pas encore un gros blogueur. Cependant, je commence à l'être, car je crée plus de ces tutoriels pour vous. Mais en attendant, j'ai dû le chercher parce que je voulais m'assurer que je t'enseignais correctement. J' ai donc trouvé ce grand article et quelque chose que je pensais vraiment intéressant. Cela, je voulais souligner, est que Blawg posté clairement entrer dans une seule catégorie. Donc encore une fois, votre catégorie, votre principale chose parent dans laquelle vous allez trier cela afin qu'il ne devrait pas tenir dans plusieurs. Et l'exemple que cet auteur donne est de se souvenir de jouer avec ces blocs comme un enfant que vous avez dû lui faire traverser l'ensemble, ce soit un carré ou un cercle. Son point est que si c'est un carré, ça ne rentrera pas dans un trou rond à moins que tu ne bats dessus avec un marteau. Donc ce qu'il dit, c'est que, comme en tant que catégorie principale, votre poste, il ne rentre que dans l'une de ces catégories. Maintenant, vous pourriez avoir un carré rouge dans un carré bleu et le carré jaune et tout cela serait des étiquettes. Donc, pour moi, ça avait beaucoup plus de sens. Aussi, son exemple est de dire que vous êtes un blogueur de petit déjeuner et que vous avez le petit déjeuner. Je suis désolé de prendre le petit déjeuner un blogueur alimentaire, et vous avez le petit déjeuner, le déjeuner et le dîner et ensuite dans ceux que vous pourriez avoir des étiquettes de défilement vers le bas bacon aigu pendant ou végétarien , alors j'espère que cela a du sens. Allons de l'avant et appliquons ça à notre propre blawg. Donc, ce que je vais faire est de revenir dans mon tableau de bord et vous verrez que j'ai ajouté quelques articles de plus depuis la dernière conférence. Juste pour qu'on ait quelque chose avec qui travailler. J' irai à mon tableau de bord, puis je descendrai aux messages, et quand je survolerai ripostes, vous remarquerez que nous avons des catégories et des tags. Commençons donc par les catégories. En tant que concepteur, je pourrais ajouter quelque chose comme des tutoriels. On va aller de l'avant et ajouter ça. Et quand je fais cela, rappelez-vous, il ajoute automatiquement une limace, comme dans la conférence précédente, où nous avons parlé d'ajouter des catégories pour notre portefeuille. Et quand vous faites cela, je prendrais le temps d'ajouter une description. Pour l'instant, je ne suis pas simplement de passer à travers ce tutoriel plus rapidement, mais encore une fois pour l'optimisation des moteurs de recherche. Et comme une bonne pratique, je prendrais le temps de mettre en place votre description. Permettez-moi d'ajouter quelques catégories plus rapidement. Ajoutons le freelance, peut-être les affaires, et appelons ça bon pour l'instant. Et je vais remonter à ma zone de postes principaux et nous avons ces quatre postes que je viens ajouter, et en ce moment ils ont tous la catégorie non plafonnée a augmenté. Permettez-moi d'aller de l'avant et de les modifier maintenant simplement parce que, dans cet article, il a mentionné que nous devrions garder une seule catégorie, et je suis d'accord que vous pouvez toujours en demander autant que vous le souhaitez. Donc WordPress ne vous limite pas physiquement d'ajouter Mauritz. Juste une bonne pratique. Alors allons de l'avant et ajouter une seule catégorie ici appellera cela tutoriels. Et puis ce que je peux faire, c'est à une étiquette. Alors, juste ici, ajoutons simplement une autre balise appelée Web design. Alors peut-être que c'est un article de tutoriel de conception Web je vais cliquer sur ajouter. Et cela ajoutera cela à cela et à cette conception d'impression. Un a déjà été ajouté de quelque chose d'autre que je faisais alors que je me préparais pour cette conférence . C' est pour ça que c'est déjà là. Je vais aller de l'avant et cliquer sur mise à jour ici et maintenant quand je regarde mon post, en fonction de votre thème, vous pourriez ne pas voir quoi que ce soit de différent. Et c'est quelque chose que nous pouvons explorer plus dans vos paramètres, mais parfois vous verrez ci-dessous peut être le nom de l'auteur que vous verrez dans ce cas, j' ai la date, mais parfois il va ajouter les catégories et les balises réelles ainsi. En faisant défiler vers le bas, vous verrez que nous avons mon post, puis sur la barre latérale, et c'est juste dans le thème saillant, et actuellement cela est configuré avec des widgets. Nous avons notre catégorie de tutoriels et uncap big arised parce que c'est ce qui a été appliqué à celui-ci. Plus précisément, si je saute à ma page principale blawg et que je fais défiler vers le bas, vous remarquerez que je n'ai toujours que ces deux catégories. Et la raison en est que ce sont les deux seuls qui existent sur mon site en ce moment. Même si nous avons déjà créé des catégories, elles ne sont pas encore appliquées à un poste. Alors revenons en arrière et prenons soin de ça très vite. Je vais sauter dans les poteaux et vous verrez à nouveau. Nous avons seulement une catégorie rat essentiellement notre catégorie de tutoriels, et puis nous avons ces autres valeurs par défaut sur catégorisé. Donc, plutôt que de cliquer sur tout le chemin vers la page, je suis en train de faire des modifications rapides. Je vais cliquer dessus. Je vais décocher Arised et on va ajouter des affaires à cette mise à jour. Nous allons descendre à ceci et appuyer sur l'édition rapide. Ça fait que celui-là fasse du freelance. Nous allons mettre à jour cela dans les dernières laisser faire ceci. Bonjour monde. Voyons voir, nous avons des tutoriels, des affaires freelance, en fait licious. Laissez celui-ci sur Catégorisé et je vais cliquer sur Mettre à jour. Maintenant, quand je reviens pour voir mes messages et que je fais défiler vers le bas sur la barre latérale, vous verrez que nous avons les différentes catégories et si je clique sur l'une de ces catégories, il va filtrer comme il le fait sur notre portfolio. Et puis, selon la façon dont vous avez configuré votre blog, vous pouvez également avoir vos tags en vedette. Donc en ce moment, par défaut, ils ne s'affichent pas. Mais laissez-moi vous montrer quelque chose de très rapide. Pendant qu'on est ici, je vais sauter à mon apparence et descendre les widgets des orteils. Donc en ce moment, la barre latérale de mon blog que nous regardons est contrôlée par tous ces widgets ici. Et ce que je peux faire est de descendre et j'ai ce widget cloud tag. Je vais m'enfoncer. Mettons-le juste en dessous des catégories qu'il sauve et Maintenant, quand je saute à ce blawg et que je vais à ma barre latérale sur l'école vers le bas, vous pouvez voir que les tags que j'ai utilisés jusqu'à présent apparaissent. Donc, si je clique sur cette balise de conception Web, tous les messages qui ont cette catégorie de conception Web apparaîtront. Donc, j'espère que cela aide à clarifier ce qu'une catégorie et ce qu'est une balise et WordPress et comment les utiliser. Et la prochaine conférence. Nous allons jeter un oeil à la façon de configurer des commentaires dans WordPress ou comment les désactiver causer très probablement, vous n'êtes pas encore prêt pour les commentaires, et de cette façon vous pouvez éviter de vous faire spammed. 31. Commentaires dans WordPress: avoir une fonctionnalité de commentaire sur votre blawg va être vraiment utile pour l'engagement ainsi que c'est une autre façon d'avoir s PDG sur votre site. C' est une façon dont Google ou Yahoo sont, ou quoi que ce soit peut réellement voir des personnes interagissant avec votre site Web. Donc, dans de nombreux cas, commentaires peuvent être une bonne chose. Et en fait, c'est ainsi que vous pouvez obtenir beaucoup plus d'inspiration pour quels articles écrire. Comme les gens s'engagent avec votre poste et vous pouvez voir ce qui est populaire. Cependant, le côté obscur de l'Internet, comme vous le savez, sont tous les trolls et tous les ennemis qui vont poster des choses négatives, ou tous les gens qui allaient spamper et poster des liens vers d'autres sites que vous n'avez probablement pas voulez en vedette sur votre site Web. Jetons donc un coup d'oeil aux commentaires très rapidement dans WordPress et vous montrer comment contrôler cela. Je vais commencer par sauter à nouveau dans mon tableau de bord et vous verrez que nous avons son onglet de commentaires dans la barre latérale, donc je vais cliquer dessus, et vous pouvez voir tout de suite tous les commentaires que nous avons, si nous avons quelque chose en attente tout a approuvé tout ce qui est entré dans le spam ou tout ce que vous avez ajouté à la poubelle. Donc, c'est un moyen pour vous de voir rapidement ce qui se passe sur votre site Web Avant d'arriver à cette phase, cependant, vous pourriez même pas avoir les commentaires activés. Ou peut-être que tu le fais quand tu veux qu'ils s'en retirent. Jetons donc un coup d'oeil à la façon de contrôler cela. D' abord, je vais venir ici dans les paramètres, et je vais revenir à la discussion et vous pouvez voir que ce sont toutes nos discussions . Sont des paramètres de commentaire. Donc, lorsque vous lisez tout cela, il y a beaucoup de paramètres différents que vous pourriez vouloir contrôler, donc ils sont assez simples à lire ce qu'ils sont. Mais ceux que je change le plus sont permettre aux gens de poster des commentaires sur de nouveaux articles ou autoriser les notifications de liens d'autres blogs ou de tenter de notifier tout blawg lié à des articles. Donc, généralement, j'ai tous ces désactivés par défaut. Si c'est à chaque fois que vous faites un nouveau post, cela va permettre aux gens de commenter ce post, et généralement ce qui se passe est, si je n'ai pas l'intention que cela soit sur, alors je vais recevoir beaucoup de commentaires de spam, et cela va commencer à affecter vraiment mon site Web. Si vous allez avoir cela sur, je voudrais à coup sûr laisser sur le commentaire doit être approuvé manuellement. Et de cette façon, il ne va pas directement sur votre site Web immédiatement. Du moins de cette façon, il va dans cette barre latérale de commentaire où vous devez l'approuver physiquement avant de charger sur cette page Web. Donc encore une fois, fur et à mesure que vous commencez, je vous recommande de désactiver cela à moins que vous essayez de créer une communauté engageante sur votre blawg. Disons maintenant que vous avez déjà un tas de publications bloguées et que vous avez oublié d'avoir cette fonctionnalité activée ou vice versa. Disons que vous en avez un tas et qu'ils ont tous des commentaires activés et que vous voulez les désactiver. Eh bien, c'est vraiment facile à réparer. Vous pouvez venir ici pour les messages, et je peux sélectionner tous ceux-ci. Nous allons aller aux actions en bloc et nous allons cliquer, modifier, cliquer, appliquer, puis ce que je peux faire est ici sous commentaires. Je peux cliquer, autoriser ou ne pas autoriser. Donc pour l'instant ils ne sont pas autorisés sur mon blawg. Mais je vais cliquer sur Autoriser, puis sur Mettre à jour. Et maintenant, si j'ai sauté l'un de ces messages blogués, et je vais cliquer voir post si je fais défiler vers le bas. En fonction de votre thème, vous devriez voir la réponse de congé ou quelque chose de similaire en bas, où les gens peuvent effectivement cliquer ici et taper un commentaire, puis cliquer sur Soumettre. Commentaire. Encore une fois, c'est ainsi que vous allez recevoir beaucoup de spam et beaucoup d'autres choses afin que nous puissions parler différents plug-ins qui aideront à bloquer tout contenu de spam. Donc maintenant, si je fais défiler vers le haut, vous pouvez voir que attaché à ce post est un commentaire. Et si je retourne dans mon tableau de bord et descend aux commentaires, je peux voir qu'un autre commentaire a été laissé, et c'est à peu près tout en ce qui concerne les commentaires. La seule autre chose que je vous montrerais, c'est si on saute sur les branchements et on clique sur. Ajouter un nouveau. Vous pouvez réellement rechercher un commentaire, et vous pouvez voir qu'il y a tout un tas de différents plug-ins de commentaires que l'air vraiment utile . L' un des plus populaires qui vient généralement par défaut avec WordPress est AC est rencontré. Je ne sais pas si je dis ça bien ? Mais si nous vérifions plus de détails, c'est celui auquel je pense que vous devez vous abonner si vous voulez l'utiliser au maximum de son potentiel. Mais d'après ce que j'ai vu, c'est l'un des meilleurs filtres de spam que vous pouvez obtenir pour vos commentaires sur votre bloc WordPress . 32. Introduction aux formulaires de contact: Si vous avez suivi, nous avons un portefeuille. On a un blawg avec une page d'accueil de tueur. Ce que nous devons faire, c'est ajouter une page de contact parce que je peux vous garantir sera l'une des choses que vos clients vont vous demander. Et une chose que vous devriez probablement faire, même pour votre propre site, est de créer un formulaire de contact. Cela fait quelques choses pour vous. un est qu'il protège votre adresse e-mail donc je ne recommande pas de mettre votre e-mail sur votre site WordPress à moins que vous voulez beaucoup de contenu spam éventuellement quand vous êtes trouvé. Donc, un formulaire est un excellent moyen d'aider à protéger cela, ainsi que de désherber les kickers de pneus. Et ce que je veux dire par là, c'est, si vous voulez être un développeur Web ou graphiste ou quelque chose comme ça, même, juste je suppose que l'homme d'affaires général un formulaire peut aider à faire obstacle à l'entrée et une sorte de porte. De cette façon, il qualifie vos acheteurs. Donc, plutôt que quelqu'un soit capable de vous contacter et de vous poser des questions stupides qui vont arriver. Cela vous aidera à les guider et à s'assurer qu'ils sont un acheteur prêt pour votre service. Donc, par exemple, vous pourriez vous demander Quelle est la taille de votre entreprise, ou quoi ? Votre budget marketing et peut-être sur l'une des listes déroulantes. Peut-être que vous avez, genre, 1000$ comme achat minimum. Donc ce que vous n'obtenez pas, les gens qui veulent, vous savez, vous savez, un logo à 200$ ou un site Web à 200$, est-ce pas ? Donc, l'autre bonus à ceci ou à l'autre avantage dépend du formulaire de contact. Tu l'utilises. Félicitations, tous ces contacts et toutes ces entrées dans un seul endroit. Donc il y a quelques formulaires de contact. Je recommanderais le 1er 1 que vous avez probablement déjà si vous avez suivi le long. Si on saute dans nos branchements ici, ce formulaire de contact sept. Encore une fois, si vous suivez. Si vous avez un thème saillant, je pense que peut-être même le thème X il a probablement installé cela par défaut. Si vous ne l'avez pas reçu, il est vraiment facile d'aller ajouter de nouveaux et brancher, Rechercher le formulaire de contact sept retour et vous verrez qu'il tire vers le haut. Et l'une des façons dont nous savons que c'est un grand plug in à nouveau cela a été mis à jour très récemment et a plus de 1.000.000 installations actives. Donc, entre ça et c'est une bonne note, vous savez que c'est une bonne solution maintenant. Il y a beaucoup d'autres formulaires de contact si nous faisons défiler ici à partir de différentes options de style et d'autres plug-ins. Mais le formulaire de contact sept est de loin le plus populaire. L' autre formulaire de contact est les formes de gravité. Cependant, celui-ci est livré avec une étiquette de prix, donc vous devez vous abonner pour l'utiliser. Mais je recommande fortement celui-ci. C' est vraiment facile à utiliser. Il a l'air beau, et une chose que j'aime mieux à propos des formes de gravité par rapport au formulaire de contact sept est comment cela fonctionne, et ce que je veux dire spécifiquement par cela est le formulaire de contact sept agit fondamentalement comme un entre les deux . Donc quelqu'un va là-dedans. Ils le remplissent dans le hit soumettre, et tout ce qu'il fait est de déclencher un e-mail à votre adresse e-mail. Eh bien, quelque chose qui pourrait arriver, c'est si ce n'est pas configuré correctement, ou peut-être que votre serveur tombe en panne ou quelque chose de bizarre arrive, ce qui m'est arrivé avant. Cet e-mail ne passe pas et parce que tout ce qu'il fait est d'envoyer un e-mail essentiellement S'il ne passe pas, il n'est enregistré nulle part, donc vous perdrez ce contact. Et puis tu as des gens qui vont, Hey, je t'ai envoyé un e-mail et tu ne m'as jamais recontacté. Alors que la gravité se forme quand il le déclenche pour vous l'envoyer, il le copie également dans votre base de données WordPress. Donc, où c'est cool est tous vos contacts au fil du temps peuvent être dans un seul endroit. Donc, si vous le souhaitez, vous pouvez exporter tout cela sous la forme d'une feuille de valeur séparée par des virgules, et vous pouvez télécharger ces contacts dans quelque chose comme le courrier,le chimpanzé ou un et vous pouvez télécharger ces contacts dans quelque chose comme le courrier, contact constant ou une autre plate-forme de marketing par e-mail. Donc, c'est super utile pour à l'avenir. Maintenant, je sais qu'il y a d'autres plug-ins que vous pouvez ajouter au formulaire de contact sept pour le faire faire faire des choses similaires aussi bien. Mais il y a beaucoup plus de cerceaux à franchir, donc je suis un grand fan de choses qui fonctionnent bien, qui ont l'air bien et qui prennent juste soin des choses et rendent mon travail plus facile. Encore une fois, c'est pourquoi je recommande fortement les formes gravitationnelles. Non seulement cela, mais à la fois le thème X et le thème saillant ont certainement intégré des éléments. Alors, qu'est-ce que je veux dire par là ? Si vous vous souvenez, quand nous allons à l'une des pages ici, laissez-moi juste sauter dans un vrai coup. Peu importe lequel. Je vais voir mon générateur de pages. Il va ajouter un élément. Laisse-moi taper ça très vite. Donc, le formulaire de contact sept est déjà installé, donc il apparaît ici. Mais si j'ai des formes de gravité installées qui montreront bien Oppa, et il a un style personnalisé, et vous pouvez également le styliser vous-même. Donc, ce que nous allons faire dans la prochaine conférence, c'est regarder comment mettre en place le formulaire de contact 7 et comment mettre en place des formes de gravité. 33. Comment installer le formulaire de contact 7: contact Form sept est vraiment simple à configurer, mais il peut parfois être un peu difficile de le configurer. Donc, ce que nous allons faire est d'installer le formulaire de contact sept dans cette première vidéo, puis dans la vidéo suivante, je vais parler un peu plus sur la façon de contrôler les paramètres et de faire exactement ce que vous voulez. D' accord, commençons par installer le formulaire de contact sept. Alors va à mes branchements. Page et je peux soit cliquer ajouter nouveau ici sur la barre latérale ou cliquer sur Ajouter nouveau haut à droite ici et je vais chercher le formulaire de contact sept. Et ce devrait être la toute première chose qui se charge ici en haut à gauche. Si ce n'est pas le cas, c'est ce que nous recherchons. Donc, je vais cliquer sur installer de temps en temps. Une fois cela terminé, l'installation du bouton changera réellement. Vous cliquez ici sur le même bout de bouton, activer, et qui allume réellement cette fiche à l'intérieur de WordPress. Et dès que nous le faisons sur le côté gauche, vous remarquerez qu'il a ajouté un onglet de contact. Alors cliquez sur ce vrai rapide, et il nous a donné un formulaire de contact par défaut juste à la sortie de la porte. Donc nous n'avons même pas à faire notre propre forme maintenant, ce qui est vraiment sympa. Et ce qu'on va faire, c'est utiliser ce court code ici à côté de ce formulaire. Et nous n'avons pas encore parlé de codes courts, alors laissez-moi vous donner juste un aperçu rapide. Fondamentalement, les codes courts sont un moyen pour vous d'ajouter rapidement et facilement différentes interactivités à votre site Web. Donc, quand vous avez eu un plug in, comme cette page de formulaire de contact, je peux effectivement copier le code court collé dans n'importe quelle page ou n'importe quel widget ou n'importe quel endroit dans le pied de page et que tout le formulaire sera effectivement affiché à sa place. Laisse-moi te montrer comment ça marche. Sautons sur deux pages très rapidement. Je vais faire une page de test. Tu n'as pas à le nommer. Quelque chose de spécial. On appelle ça test. Peu importe ce que vous appelez ça, et je vais cliquer à l'intérieur de l'éditeur WordPress ici et remarquer que je suis sur l' onglet visuel et pas sur la poitrine de l'onglet texte. Commande V pour coller le code court que j'avais copié dans mon presse-papiers. Je n'ai même pas encore besoin de publier la page. Je vais juste cliquer sur l'aperçu et vous le remarquerez sur cette page de test. Ce formulaire de contact vient magnifiquement. Il anime c'est interactif, et je peux en fait aller de l'avant et le remplir tout de suite. Alors essayons juste de le tester très vite. Alors mettez mon nom. Il est mis dans un faux e-mail en testant le formulaire et il a fonctionné. C' est là que j'appuie sur Envoyer et je vous remercie pour votre message. Il a été envoyé. D' accord, et bien, où est-ce qu'il a été envoyé ? Jetons un coup d'oeil à cela très vite parce que nous travaillons localement et que nous n'utilisons pas un vrai hôte pour le moment. Le formulaire de contact ne se comportera pas comme vous le vouliez. Vous devrez mettre wordpress sur un hôte riel ou installer un autre plug in remorque. Faites-le fonctionner comme vous le pensez comme faras remplissant cela et vous envoie des e-mails directement . Mais une chose que j'ai découvert qui est vraiment cool à propos de local est qu'ils ont créé un utilitaire juste à cet effet. Donc, si vous allez sur le site Web sur lequel vous travaillez, puis ici, nous cliquons sur les utilitaires. Il a cet utilitaire mâle, donc je vais aller de l'avant et cliquer dessus, ouvrir et vous remarquerez que je peux voir l'email de test que je viens d'envoyer. Donc, si je cuisine là-dessus, vous pouvez voir exactement qui était de quoi. Leur adresse e-mail. Waas avec le sujet Waas et le corps du message. C' est donc un excellent moyen de s'assurer que votre formulaire est correctement configuré et que tout semble bien avant de le mettre sur un serveur en direct. Nous allons donc entrer dans les détails sur la façon de personnaliser réellement le formulaire de contact dans la prochaine vidéo. Encore une chose que je veux te montrer. Revenons à notre page principale. Donc je vous ai montré comment utiliser un code court pour mettre ce contremaître. Mais si vous construisez avec un thème comme Salient ou X ou même divvy et vous avez ces constructeurs de page pré-construit , donc je vais allumer mon constructeur de page en cliquant sur ce bouton ici et maintenant, a déclaré l'éditeur WordPress. J' ai ce compositeur visuel mis en place et vous remarquerez qu'il a automatiquement converti ce code court dans ce formulaire de contact sept élément. Laisse-moi te montrer ça très vite. Faisons semblant que ce n'était pas là, allait frapper la poubelle pour l'enlever. Et nous allons qu'ils utilisent compositeur visuel pour styliser une page. Je pourrais cliquer sur le bouton plus et vous voyez tous ces différents éléments que nous pouvons ajouter, comme des titres centrés et des images et toutes sortes de choses. Eh bien, par défaut, nous avons son formulaire de contact sept éléments, donc je vais cliquer dessus. Et au lieu d'avoir à utiliser un code court, je pourrais juste pointer et cliquer pour ajouter ceci. Et il y a même un menu déroulant. Donc, si j'avais plusieurs formulaires de contact à mettre ici, ils seraient tous là aussi. Donc, c'est vraiment juste pointer et cliquer. Il suffit d'ajouter le formulaire de contact comme un élément va cliquer sur la liste déroulante pour sélectionner le formulaire que nous voulons utiliser. Et actuellement, il n'y a que celui que je vais frapper. Enregistrez les modifications, puis je vais appuyer sur l'aperçu et vous remarquerez qu'il fait exactement les mêmes choses. Nous avons la même forme, installé juste une méthode différente mais obtenu le même résultat. J' espère que tu me traques. Mais je veux te rappeler si tu t'es perdue en chemin. Tout d'abord, vous pouvez toujours évidemment rembobiner et regarder cela à nouveau parce que c'est une vidéo. Mais en second lieu, assurez-vous de vous joindre au groupe Facebook que nous avons mis en place. C' est une grande communauté où si vous vous perdez et avez des questions, vous pouvez contacter des gens ou si vous avez des idées, ou si vous voulez des commentaires sur ce sur quoi vous travaillez, c'est un endroit idéal dans une grande communauté pour s'entraider en tant que nous nous lançons et en apprenons plus sur WordPress. Donc encore une fois, si vous n'avez pas déjà vérifié ce groupe Facebook et vous êtes inscrit. Il devrait y avoir un lien attaché à cette vidéo. Et si ce n'est pas le cas, il devrait y avoir un lien attaché à la vidéo d'introduction au début de ce cours. Et maintenant ce que nous voulons faire est d'aller de l'avant et de jeter un oeil dans la vidéo suivante est parties comment style yeux Formulaire de contact sept et ajouter différents champs de formulaire et de contrôler les paramètres pour où il e mails et tout ce genre de bonnes choses. Restez donc à l'écoute pour la deuxième partie de l'installation du formulaire de contact sept 34. Configurez vos nouveaux paramètres de formulaire de contact: Alors maintenant que nous avons le formulaire de contact sept mis en place et en cours d'exécution et que tout est bien là, là, allons de l'avant et regardons certains de ces paramètres et comment configurer votre formulaire et que ce soit exactement ce que vous voulez. Alors les premières choses d'abord. C' est un endroit idéal pour moi de souligner que si vous êtes déjà débordée en regardant ce qui se passe ici dans la barre latérale que vous pourriez vouloir considérer, suffit d'aller de l'avant et d'acheter des formes de gravité. À la place. C' est beaucoup plus simple de travailler avec sa goutte de dragon, et c'est beaucoup plus joli pour travailler avec. Cela étant dit, si vous voulez rester avec la version gratuite, allons retrousser nos manches et plonger dans. Donc, j'ai mon écran ouvert ici sur écran partagé, donc nous voyons en quelque sorte ce qui se passe sous l'onglet contact à l'intérieur de WordPress. Alors, nous allons cliquer dessus. Donc, vous voyez, je viens d'atterrir ici sur cette page de contact. Cliquez sur ce formulaire de contact 1. Et maintenant, nous avons quatre onglets différents avec lesquels nous pouvons travailler. Nous avons notre forme principale, donc cela contrôle ce que sont la forme ressemble en fait, vous voir ici sur le côté. Il contrôle ce que sont les boîtes d'entrée réelles. Nous avons notre onglet mâle qui contrôle comment il a envoyé à qui il a envoyé. Nous avons nos messages. Donc, par exemple, si je devais essayer d'envoyer ce formulaire dès maintenant, vous pouvez voir qu'il dit que ce champ est obligatoire et qu'un ou plusieurs champs ont de l'air. Tout ce genre de choses peut être configuré sur l'onglet messages ici, et nous avons des paramètres supplémentaires. Et pour être totalement honnête, je n'ai jamais utilisé cet onglet. Donc, si vous voulez en savoir plus sur ce que fait cet onglet ou comment styliser ce formulaire plus loin, je devrais juste souligner très rapidement que vous avez ces docks à un Q et les onglets de support juste ici sur le côté. Alors n'hésitez pas à plonger et à en apprendre davantage à ce sujet. Mais ce que je veux faire maintenant, c'est juste vous montrer essentiellement ce que je change chaque fois que j' entre en contact Form 7 et ce que j'ai mis en place pour mes sites. Revenons à la forme et essayons de déconstruire ce qui se passe ici. Donc, c'est le formulaire par défaut et ceux qui n'étaient probablement pas là. C' était moi qui jouais avec des trucs tout à l'heure. Alors jetons un coup d'oeil à ça. Nous avons notre étiquette, qui est ce qui apparaît au-dessus du contact ou du champ de saisie. Donc, dans ce cas, votre nom et c'est obligatoire s'affiche ici, puis nous avons une zone de texte et une zone de saisie. Ce petit Astérix signifie que c'est un champ obligatoire, et alors c'est le nom du champ. Alors comment cela fonctionnerait ? Allons de l'avant et descendons vers le bas est si je voulais ajouter un de ces types d' éléments, j'ai juste cliqué dessus, et je peux utiliser cette boîte pour lui donner un nom. Donc peut-être que ce serait comme, hum, téléphone portable ou quelque chose comme ça, puis cliquez sur le champ requis et vous remarquerez ici que c'est en train de construire le code court pour moi. Donc, comme je clique sur le champ requis qui a ajouté qu'Astérix là pour moi par défaut, je pourrais lui donner une valeur par défaut. Disons que vous vouliez être rempli avec quelque chose qui sort de la porte comme ça. Je peux utiliser ce Texas, un détenteur de place dans le champ et vous remarquerez qu'il a ajouté cela dans mon code court. Ah, appuyez sur la balise d'insertion. C' est sauver. Et maintenant, lorsque j'actualise cette page, vous verrez qu'il a ce champ de formulaire ici, et il a le nombre comme texte d'espace réservé. Donc, Suze, je clique dessus qui disparaît, et je pourrais commencer à taper mon propre numéro. Mais vous remarquerez que lorsque j'actualise cette page, elle n'avait aucune étiquette au-dessus. Je ne savais pas ce qu'il y avait ici. Donc ce qu'on peut faire est de copier cette étiquette n'a pas d'importance. Lequel était-ce ? Commande C Commande V à coller. Ah, attrape cette étiquette de fermeture. Et maintenant, je sauve. Et je me fiche même que ce soit dit sujet. instant, je veux juste te montrer comment ça marche. Rafraîchissons cette page. Et maintenant, j'ai le sujet ci-dessus et vous remarquerez qu'un texte d'espace réservé est parti. Donc il y a des petits bugs comme ça que je ne sais pas si vous allez les rencontrer ou si c'est juste de mon côté. Mais j'ai découvert qu'il fait des choses comme ça de temps en temps. Encore une fois, une autre raison pour laquelle je suggérerais probablement de sauter sur les formes de gravité. Donc de toute façon, continuons. Je vais juste supprimer ce texte d'espace réservé, principalement pour vous montrer que vous pouvez travailler dynamiquement ici. Et c'est juste une zone de saisie de texte générale, tout ce que vous pouvez mélanger dans tous ces codes courts. Mais je peux aussi mélanger en HTML. Donc, si je sauvegarde cela, si vous savez comment utiliser n'importe quel type de balises HTML, balises CSS ou quelque chose comme ça, cela fonctionne ici aussi. OK, donc maintenant ce que nous devons faire est de configurer comment cela est envoyé. Donc, si je clique sur l'onglet mâle en ce moment, il a été rempli avec la valeur par défaut de local. Mais ce que vous allez vouloir faire, c'est mettre dans votre adresse e-mail personnelle ou partout où cela est envoyé dans le champ de destination. Le champ from est généré dynamiquement. Donc c'est votre variable de nom était un code court ou quoi que vous vouliez l'appeler. Si vous revenez ici pour vous former, vous verrez que nous avons votre nom ici. Nous avons également votre email. Nous avons votre sujet, votre message, et vous pouvez les appeler comme vous voulez. Tout ce que tu veux. C' est exactement ce que le formulaire 7 a mis ici. Donc, quand je reviendrai ici pour poster chaque fois qu'il a envoyé, ce sera tout ce qui a été mis dans cette boîte de saisie ici. Pour l'instant, laissez toujours cela tranquille, alors laissez-le comme WordPress quel que soit votre nom de domaine est dot com. De cette façon, il fonctionne correctement. Votre sujet sera probablement quel que soit le nom de votre site, plus entre guillemets, quel que soit le sujet qui a été placé dans la zone de texte ici ou dans la zone de saisie afin que vous puissiez modifier ce que vous voulez. Habituellement, ce que je fais est de mettre le contact de mon site Web ou de contact de, vous savez quel que soit votre site Web est dot com De cette façon, c'est un rappel rapide de la raison pour laquelle cela venait à vous. Cela, je laisse habituellement seul et puis le corps du message est à nouveau. Quoi que tu veuilles, tu peux mettre ce que tu veux ici. Donc, si nous devions tirer le porc mâle pousser rapidement, vous pouvez voir que tout ce corps de message était ce qui a été envoyé par le formulaire de contact pour que je puisse revenir ici et configurer ça. Et si j'étais à ADM ou, hum, champs de formulaire Mawr, je veux m'assurer que j'ai ajouté ces deux-là. Cela a également envoyé du courrier. N' oublie pas Adam Teoh quand tu fais ça. Alors allons-y et voyons comment ça marche. Je vais retourner à la forme et je vais mettre en évidence tout. Il commande C Jim de retourner au courrier. Je ne peux pas commander V juste pour l'amener ici juste pour que je puisse déconstruire ce qui se passe . Donc, je veux ajouter cette boîte de téléphone portable. Ce que je ferais, c'est juste dire, portable. Et puis plutôt que d'avoir cette boîte de texte, je voulais juste être le code court de téléphone portable. Alors tu traques avec moi ? J' espère que cela a du sens. Je sais que c'est un peu déroutant. C' est comme ça que je travaille. J' essaie juste de te montrer ce que je fais. Donc, si vous avez des questions si cela n'a pas de sens, s'il vous plaît commenter cette vidéo ou dans le Q F A. Donc je peux mettre à jour cette vidéo si vous suivez et que cela fonctionne super et génial. Bon, alors maintenant qu'on a fait ça ? Comment nous voulons. Je vais juste frapper, sauver. Et maintenant, si je remplissais ce formulaire et le soumettais, il y aurait aussi le contenu supplémentaire du téléphone cellulaire. Très bien, donc c'est à peu près tout pour le formulaire de contact 7. J' espère que cela a encore du sens. Si vous vous êtes perdu, assurez-vous de rejoindre le groupe Facebook afin que vous puissiez contacter n'importe qui là-bas et poser des questions. Vous avez également ses docks et F A Q et onglets de support qui pourraient faire un meilleur travail d'expliquer leur propre produit que je fais actuellement. Et enfin, dans la prochaine vidéo, dans la prochaine vidéo, nous allons plonger dans les formes de gravité pour que vous puissiez voir comment ça marche et peut-être faire cette route place. Très bien, merci d'avoir regardé 35. Une alternative plus simple (mais pas gratuite) : Gravity Forms: dans cette vidéo, nous allons jeter un oeil à ce que les formes de gravité peuvent faire pour vous. Donc d'abord je vais aller à mes branchements et je vais désactiver le formulaire de contact 7 et vous pourriez le laisser fonctionner. Vous pourriez avoir à la fois le formulaire de contact sept et les formes de gravité fonctionnant en même temps . Ça n'affectera rien. Mais puisque si j'utilisais des formes de gravité, je n'aurais pas besoin de formulaire de contact sept. Donc, je vais juste faire un ménage et supprimer ça. Maintenant, je vais faire est de sauter sur les formulaires de gravité, et j'ai déjà un compte, et je me suis déjà connecté, et quand vous vous connectez, vous pouvez voir ce que sont vos licences. Et j'ai ici une licence professionnelle avec un numéro de licence, et je peux aussi aller aux téléchargements pour voir exactement ce que j'ai à télécharger. Ils ont donc des versions bêta différentes. Vous avez les formes de gravité principales, et puis il y a aussi des ajouts de base qui sont également disponibles. Donc maintenant, tout ce que je vais faire est d'obtenir le téléchargement pour les principales formes de gravité Plug in. Je vais revenir à mon onglet Licences, et je vais double-cliquer et copier cette licence dans mon presse-papiers. Et puis nous allons revenir dans notre zone de branchement INS et je vais cliquer sur Ajouter nouveau. Et cette fois, au lieu de chercher mon branchement comme nous l'avons fait avec le formulaire de contact 7, je vais cliquer, télécharger, brancher, et je peux choisir le fichier ou je sais qu'il est ici. Ma pile de téléchargement. Je vais juste glisser et déposer et le mettre juste au-dessus de ça. Nous allons cliquer, installer maintenant et puis installé avec succès. Allons donc activer ce branchement. Et voilà. C' est à peu près tout. Maintenant, si encore une fois, il va dire, Enregistrez votre copie des formulaires de gravité pour recevoir l'accès à des mises à niveau automatiques et de l'assistance. Donc, c'est là que si vous, si vous deviez avoir les fichiers de téléchargement en premier, vous n'avez pas encore le registre de la clé de licence. Vous obtiendrez ce message afin que vous puissiez cliquer sur Acheter un maintenant, ou nous pourrions aller dans les paramètres des formulaires de gravité, et nous pouvons simplement coller cette clé de licence directement ici. Ensuite, nous garderons les mises à jour en arrière-plan activées. C' est bon, je vais cliquer sur le suivant, et je n'utiliserai aucune monnaie. Mais je peux choisir ça pour le dollar américain puisque nous sommes aux États-Unis ici et tout le reste pour le moment va bien. Et nous pouvons revenir et modifier n'importe lequel de ces paramètres à tout moment. Mais maintenant, toutes les abeilles seules et c'est à peu près tout. Donc, comme vous l'avez fait avec le formulaire de contact sept, il a créé un onglet de formulaires sur les côtés. Vous voyez, nous avons encore quelques options. Nous pouvons revenir aux réglages à tout moment. Si vous avez besoin de changer l'un de ces éléments, nous pouvons voir tous les formulaires. Ou maintenant, vous cliquez simplement. Créez un formulaire. Donc, cela nous mènera au nouvel onglet de formulaire. Il suffit d'appeler ce contactez-nous juste un formulaire de contact simple et je crée formulaire. Et juste comme ça, nous avons notre constructeur de formulaires juste ici. C' est donc beaucoup plus simple que le formulaire de contact 7. Je peux cliquer ici sur ce que je veux des champs standard. Cliquez ici et donnez-lui un nom. Donc, cette étiquette de champ pourrait être Peut-être que c'est le prénom et vous pouvez lui donner une description que vous pourriez rendre nécessaire, sorte que vous pouvez voir en quoi cela est très différent du formulaire de contact sept. C' est beaucoup de point et de clic. Vous pouvez changer l'apparence, et il y a même quelques onglets avancés que vous pouvez travailler ici aussi. Donc ah, beaucoup de flexibilité et super facile à utiliser. Allons de l'avant et jetons un oeil à ces champs avancés ici, donc j'ai juste fait un onglet de nom. Mais il y a déjà un onglet de nom ici que nous pourrions ajouter. Je vais cliquer dessus, et il vous donne déjà un prénom et un nom de famille sans avoir à configurer cela. Peut-être que vous voulez une adresse là-dedans et vous voyez qu'elle ajoute tout ça. Peut-être que vous voulez un numéro de téléphone ou une adresse e-mail ou un téléchargement de fichier, et vous pouvez voir comment cela est super facile à travailler avec. Donc je vais aller de l'avant et mettre à jour, et à partir de là, ce que je peux faire, c'est aller dans mon cadre. Donc, à propos de ces quatre onglets en haut, nous avons nos paramètres qui contrôlent le comportement du formulaire. Ainsi, par exemple, voici les bases du formulaire. Comment ça s'appelle ? Description Vous pouvez modifier certaines des options de mise en page. Vous pouvez en faire beaucoup plus ici. Ce qui est vraiment important, c'est l'onglet des confirmations. Donc, dès que quelqu'un soumet ce bien, comment se comporte-t-il ? Donc, si je clique dessus maintenant, il enverra ce message et il mettra en place un paiement je suis désolé, un texte juste au milieu de l'endroit où se trouvait le formulaire. Donc ça va juste apparaître, mais vous avez la possibilité de rediriger vers une page toute autre. Alors peut-être après qu'ils l'ont soumis, vous les envoyez à toute une page de remerciement que vous avez créé sur votre site Web, ou vous pouvez rediriger ici vers un réel u R L. Donc peut-être que c'est un site complètement complètement. Donc c'est vraiment sympa que ce soit si flexible. Il vous permet de composer exactement comment vous voulez vous comporter. Puis il y a des notifications. Donc, la façon dont les notifications fonctionnent est une fois que le formulaire est soumis, vous voulez savoir que quelqu'un a effectivement rempli le formulaire. Donc en ce moment, par défaut, il va envoyer un avis à qui l'administrateur est sur le site. Vous pouvez vérifier cela en descendant ici à votre réglage. Alors je vais m'accrocher. Regardez, touche homme et cliquez très vite. Et donc, en faisant cela, j'ai ouvert un nouvel onglet, et juste ici, nous pouvons voir que actuellement, l'administrateur par défaut adresse cet espace réservé Dev Desh e-mail le volant d'inertie mis ici. Donc, vous voulez vous assurer que vous avez votre adresse e-mail réelle ici. Donc, quoi que ce soit ici, c'est ce qui va être envoyé à cette notification Admiral Admin. Bon, donc il y a quelques réglages différents que nous pouvons appeler ici. Tout cela est très simple. Donc, il est simple pour vous de regarder à travers et de voir ce que vous voulez faire. Et puis nous avons des entrées. Donc, ce qui est vraiment cool à ce sujet, c'est que chaque fois que quelqu'un soumet une entrée sur votre formulaire, ces entrées sont capturées dans le back-end de votre site ici. Donc, la raison pour laquelle c'est si génial est juste disons que votre hôte a des problèmes ou quelque chose de bizarre se passe. Ou peut-être que votre compte de messagerie bloque, vous savez, mais citez le spam. Et peut-être que ce n'est pas du spam. Droit ? Donc, chaque fois que vous avez une question sur le manque à l'entrée. Vous pouvez venir ici pour les formulaires et descendre les entrées et vous verrez toutes les blessures qui se sont produites sur ce formulaire. C' est incroyable. C' est une super grande aide, surtout quand les choses tournent mal. Et j'ai eu cela arriver beaucoup où cela a été en fait un orteil de sauvetage ont ces informations de contact si pratique d'avoir. Et puis, bien sûr, on a un bouton d'aperçu. Vous cliquez dessus et vous pouvez voir à quoi le formulaire pourrait ressembler. Et puis, selon le thème que vous avez, je veux dire, ça pourrait sembler beaucoup différent. Cela aura l'air beaucoup différent, mais au moins vous pouvez voir comment cela est disposé. En ce qui concerne le formulaire. Maintenant, je ne veux pas faire est de jeter un oeil à la façon d'intégrer un formulaire, alors allons de l'avant et sauter au-dessus de deux pages et je vais sauter sur nos pages de contact actuelles en direct sur le site Web click edit. Donc, si nous frappons rapidement aperçu juste pour nous rappeler à quoi cela ressemble, c'est le formulaire de contact qu'il a actuellement sur le site et parce que c'est un hôte local . Nous n'avons pas sa carte montrant actuellement, mais quand nous migrerons, cela apparaîtra. Donc ce que je veux faire, c'est essayer de mettre cette forme ici dans cet espace ouvert. Donc je vais fermer cet aperçu. Eh bien, Jim, revenez à la page principale et je vais cliquer sur ce petit signe plus ici. Et cette fois, je vais taper des formulaires de gravité et vous remarquerez que quand j'ai fait cette démo avec le formulaire de contrat, sept formes de gravité ne sont pas apparues parce que je ne l'ai pas encore installé. Mais maintenant qu'il est installé, il apparaît comme un élément dans le compositeur visuel. Donc maintenant ce que je peux faire est de cliquer sur ce menu déroulant et juste choisir le formulaire de contact que j'ai choisi. Je peux choisir de montrer ou non le titre. Je pourrais afficher la description du formulaire dans ce cas sur les deux. Je vais juste laisser ça comme pas permettre à Ajax d'être totalement honnête. Je laisse juste cela tranquille et que c'est comme si c'était sûr et je vais prévisualiser les changements. Et il y a mon formulaire de contact avec tous les différents champs de saisie que nous avons sélectionnés. Ainsi, vous pouvez voir comment les formes de gravité sont vraiment, vraiment faciles à travailler avec. Maintenant, si vous vouliez ajouter des formes de gravité et que vous aviez un, ils n'avaient pas un constructeur de page comme compositeur visuel utilisaient un thème différent. Et vous ne voyez pas toute cette mise en page du compositeur visuel. C' est vraiment facile à faire avec des codes courts, tout comme nous l'avons fait avec le formulaire de contact sept. Donc ce que je vais faire, c'est aller sur les pages. Je vais ouvrir une nouvelle page. Je viens de tenir sur la touche de commande pour cliquer. Ouvrez ceci dans un nouvel onglet. Je ne voulais pas quitter cet endroit ici et faire une nouvelle page. Et quand vous avez des formulaires de gravité installés et que vous utilisez la fenêtre de générateur de page régulière ici que WordPress a, vous devriez voir ce bouton de formulaire d'annonce afin que je puisse cliquer dessus. Et puis, à partir de là, je peux sélectionner ce que les anciens veulent ajouter, et cela me donne quelques options ici aussi. Je peux même ajouter des options avancées, que je n'utilise jamais vraiment. Mais je vais cliquer sur insérer le formulaire, et maintenant nous voyons un code court, tout comme ce que nous avons vu avec le formulaire de contact sept. Vous pouvez donc l'utiliser sur n'importe quelle page et à n'importe quel endroit, que ce soit le pied de page ou une zone de widget de barre latérale ou autre. Et si vous ne voyez pas cela, juste Google, ouvrons une nouvelle page dans ce Google pour les formes de gravité court code afin que vous puissiez toujours aller à cette route et ouvrir leur documentation qui défilent ici. Et voici le même code qu'ils ont donné pour que je puisse copier et coller ça. Alors essayez juste de vous donner des moyens de comprendre très rapidement comment intégrer ce formulaire de contact . J' espère que cela a été utile. Et encore une fois, la gravité forme un super facile à travailler avec. Bien sûr, l'inconvénient est que ce n'est pas gratuit. Mais à long terme, j'ai trouvé que a des options vraiment excellentes et des choses qui ont vraiment bien fonctionné. Et c'est à peu près les gars. Les formes de gravité sont vraiment simples, et je le recommande fortement 36. Mes réflexions sur l'hébergement, et quelques ressources: WordPress. L' hébergement est un sujet énorme dans quelque chose Beaucoup de gens sont vraiment passionnés. Beaucoup de gens qui jument par un hôte et disent que l'autre est le pire qu'ils aient jamais vu et vous pourriez avoir quelqu'un d'autre qui dit exactement le contraire. Donc, dans mon expérience, j'ai eu beaucoup de chance avec Go Daddy. Leur soutien à la clientèle est vraiment bon. Ils hébergent la plateforme Leur hébergement partagé peut être un peu lent. Et ce que cela signifie, c'est que vous avez un hôte ou un ordinateur qui partage sa ressource est avec de nombreux sites. Donc, selon les personnes avec qui vous partagez, vous pouvez rencontrer des temps de chargement lents et des choses comme ça. Donc, l'hébergement WordPress géré qu'ils offrent est un pas au-dessus de ce plan d'hébergement partagé. Et puis vous avez d'autres hôtes comme Blue Host et WP moteur et site Ground and Dream hôte, et je pourrais continuer et encore et encore, ils ont tous d'excellentes options aussi. Donc c'est vraiment dur pour moi de te dire exactement ce que tu devrais faire. Je pense que tu vas devoir faire des recherches par tes propres moyens. Découvre ce que ton budget permet peut-être même d'essayer. Appelez leur support technique et voyez avec qui vous aimez travailler les orteils. C' est ce qu'on a fait. Donc en ce moment. Comme je l'ai dit, nous avons beaucoup de vues sur Go Daddy. Nous utilisons également Theme Co. Le thème X qu'ils ont l'hébergement, et nous avons utilisé leur hébergement ainsi et avaient eu une bonne expérience avec eux Actuellement, ils n'ont pas de centre d'appels, cependant, Donc, quand vous avez besoin d'aide, vous doivent les envoyer par e-mail. Et parfois cela peut être difficile, surtout si vous êtes nouveau à cela, de savoir quoi même demander. Si les choses ne fonctionnent pas, vous ne savez même pas comment demander de l'aide. Donc c'est là que je vous conduirais probablement vers Blue Host ou Go Daddy ou quelque chose comme ça , puis aussi local par volant. Donc, cette application locale que nous avons utilisée pour tout est la propriété du volant d'inertie. C' est une société d'hébergement et dans la prochaine vidéo, je vais mettre en place une mouche, compte et ensuite nous allons utiliser l'application locale pour pousser le site sur lequel nous avons travaillé . Donc je suis vraiment excité à propos de ça. Ça marche vraiment, vraiment lisse. C' est en fait si facile et le prix de base pour leur hébergement pour un site est d'environ 15$ par mois, ce qui est que c'est C'est une très bonne affaire. Maintenant. Vous pourriez obtenir un site hébergé par papa pour environ 5$ par mois. Donc oui, c'est moins cher. Mais le mal de tête dans le transfert de fichiers et la mise à jour des bases de données et des choses comme ça, que je vais vous montrer dans les vidéos ultérieures, est tout ce que vous avez à vous soucier de tout cela avec ce truc de volant d'inertie. C' est pour ça que je veux te montrer ça d'abord, parce que c'est un excellent moyen de se lever et de courir sans avoir à devenir fou dans le processus. Bref, c'est ce que j'ai à dire à propos de l'hébergement. Je vais en ajouter un peu plus. La ressource est à cette vidéo que vous pouvez consulter et rejoindre à nouveau le groupe Facebook si vous avez des questions ou des commentaires, ou si vous souhaitez partager qui vous utilisez ou avec qui vous avez eu du succès et simplement garder cette communication ouverte parce que Je sais que cette vidéo et tout ce sujet vont être quelque chose qui va être daté rapidement dans ce cours, parce que ça va changer rapidement. Alors faites vos recherches, faites vos devoirs et consultez les liens ci-dessous 37. J'ADresse ! Comment configurer un compte d'hébergement avec Flywheel: il est facile de se mettre en place pour l'hébergement avec volant d'inertie, et ça va marcher très bien. Si vous suivez le long en utilisant le volant d'inertie, le local à la volée va l'appliquer, il va rendre vos intégrations transparentes. Et ça va vraiment vous sauver beaucoup de maux de tête sur la route. C' est donc une excellente option, et il est gratuit de s'inscrire et de le vérifier. Donc ce qu'on va faire, c'est aller chercher le volant d'inertie et sur la page d'accueil de son grand inscription pour le bouton gratuit. Donc, nous allons cliquer là et aller de l'avant et créer vos nouveaux comptes. Et puis une fois que vous serez inscrit, vous aurez votre propre compte ici et nous avons ce grand bouton vert créer un nouveau site. Donc je vais cliquer dessus, et ensuite vous pouvez configurer vos détails de site WordPress et nous pouvons lui donner un nom de domaine temporaire . Ainsi, vous n'auriez pas encore besoin d'acheter un nom de domaine pour commencer à utiliser leur service. Donc dans ce cas, j'allais y arriver. Derek Mitchell 0.5 tous les côtés dot com. Et maintenant, ce que nous devons faire est de créer un nouvel utilisateur WordPress. Donc, ce serait un nom d'utilisateur. Tu pourrais faire ce que tu veux. J' ai besoin de couper très rapidement sur cette vidéo et de vous parler très rapidement des sites de démonstration. Donc, je suis sur le point de vous montrer comment acheter l'hébergement et tout cela, ce qui est génial, parce que c'est quelque chose que vous allez devoir faire de toute façon si vous voulez garder votre site en ligne. Mais si vous voulez juste vérifier ce service et faire cet essai gratuit qui avait parlé la page d'accueil, vous pouvez créer ce qu'on appelle un site de démonstration. Alors voici le lien. Pour consulter cette documentation, il est obtenir volant d'inertie com avant slash wordpress dash support slash Qu'est-ce qu'un site de démonstration ? Très bien, donc fondamentalement, ce que vous pouvez faire est de créer un nouveau site. Vous pouvez télécharger le site pour vos clients. Donc, ce site que nous venons de faire en local, vous pouvez réellement le pousser vers un site de démonstration et ils peuvent le voir, et ce sera dans l'environnement de production réel. Et puis, si le client est prêt à partir, vous pouvez réellement lui transférer la facturation afin qu'il soit responsable de tous les paiements. Maintenant, si vous êtes votre propre client et que ce côté est pour vous pendant que vous êtes sur le crochet pour les paiements là-bas. Mais de toute façon, c'est aussi simple, et puis je dois faire est de rendre le site en direct. Donc, pour démontrer que voici la vidéo du volant d'inertie. Si vous aimez beaucoup de concepteurs, vous avez utilisé un serveur de démonstration à un moment donné pour montrer un nouveau site Web fantastique conçu pour un client avec fly. Eh bien, c'est une chose du passé. démos. Sites on Fly vous permettra de mettre en scène décider de montrer au client quatre. Douleur. qui est cool, c'est que le site est déjà en lieu de production. C' est une vie en cours, facile à changer de DNS. Sans migration. Ce qui est encore plus cool, c'est quand on est prêt à vivre. Vous pouvez choisir d'ouvrir le site vous-même ou de transférer la facturation. Un client encore confus. Voici comment fonctionnent les côtés de démos. Lorsque vous créez un site et achetez de l'huile, vous avez le choix de payer maintenant ou de payer plus tard. Si vous choisissez de payer plus tard, votre site sera toujours disponible pour que vous puissiez voir un site de démonstration, mais il ne mentira pas. Tous les côtés de démonstration ont des dates d'expiration avant que votre fils expire vous enverra quelques avis. Jusque-là, vous pouvez faire tout ce dont vous avez besoin pour vous assurer que votre site est parfait avant vous. Lorsque vous êtes prêt pour que votre envoi soit mis en service, vous devrez terminer la construction, choisir de payer vous-même pour le site ou transférer vers une fois que vous avez fait cela, votre site n'est plus une démonstration. Tout ce que vous devez faire est de désactiver la protection par mot de passe et ce sera sur Internet pour que le monde puisse voir. Plutôt génial, non ? Della Sites n'est qu'une autre façon de réimaginer l'hébergement pour les designers. Très bien, assez simple. Donc avec ça, je vais le retourner à moi-même pour continuer à te montrer comment payer l' hébergement et mettre en place ça. Si c'est le droit que tu veux y aller, on va mettre ce mot de passe et encore une fois, et tu peux payer. Maintenant, j'ai un client payer plus tard, ont été ajoutés à un plan en vrac. Bon, faisons défiler vers le bas et choisissez un plan. Donc ici, vous pouvez voir que nous avons des options de plan différentes et d'être totalement honnête pour ce que vous allez obtenir avec volant d'inertie $15 par mois est vraiment une bonne affaire. Maintenant, vous pouvez trouver des solutions d'hébergement moins chères à partir d'endroits comme Blue Host ou Dream Host ou Go Daddy ou Site Ground. Ils auront tous des options différentes. Mais la seule chose qui est cool à propos du volant d'inertie est qu'il a été conçu spécifiquement pour WordPress et spécifiquement avec cette application locale que nous avons utilisé. Donc, cela va vous donner beaucoup de flexibilité ainsi qu'une intégration transparente qui va vous rendre la vie vraiment facile, surtout si vous n'êtes pas un développeur et que vous ne voulez pas avoir à essayer de vous soucier de toutes les technicités de lui. De plus, ils vont vous soutenir avec la migration gratuite. Donc, si jamais vous essayez d'amener un site d'un endroit à un autre et que vous avez des problèmes avec lui, ils le feront gratuitement. Donc c'est un super bonus. Donc je vais aller de l'avant et choisir son plan de 15$ mois, puis je peux choisir de payer annuellement ou je peux choisir mensuellement dès maintenant. Laissons-le comme mensuel, et puis nous avons des ajouts de site différents, Donc un cdn est un réseau de diffusion de contenu, donc ce que cela fait est quand chaque fois que votre site se charge, il tire ces fichiers de ce serveur. Rappelez-vous, nous en avons parlé, Mais disons que votre client essaie de charger votre site Web et tous vos fichiers sur un serveur quelque part. Disons que la Californie et disons qu'ils vivent tout le chemin à New York. Eh bien, ces fichiers vont devoir rebondir à travers tous les différents réseaux. Et bien entendu, cela se produit sur une fraction de secondes, mais chaque seconde compte lorsque votre site est en train de charger. Donc, un cdn va essentiellement cloner votre site sur des serveurs partout dans le monde que nous quand quelqu'un essaie de demander votre site, il va charger à partir du serveur le plus proche d'eux, donc il se charge vraiment vite. C' est très pratique. C' est un excellent service, même si la première fois que vous commencez. Vous n'avez pas besoin de cela parce que votre site n'est probablement pas si grand et n'a probablement pas beaucoup de trafic qui y arrive. Donc, honnêtement, une seconde ou deux n'auront probablement pas d'importance pour l'instant. Donc, c'est quelque chose que vous pouvez savoir existe, et vous pouvez y ajouter plus tard. Si vous découvrez votre site, sentez qu'il est lent ou que vous regardez votre trafic et que vous découvrez que vous avez beaucoup de gens qui rebondissent sur votre site, alors c'est ce qu'est un cdn. Et encore une fois, je n'en utilise même pas actuellement. Et c'est quelque chose que je pourrais mettre à niveau à l'avenir. Mais pour l'instant, on n'en a pas besoin. Un certificat SSL afin de sécuriser les sockets Layer ou SSL permet de sécuriser les informations de vos sites en cryptant la communication. Ce que cela signifie, c'est votre site ou en tant qu'utilisateur demande les flacons en spirale du serveur, il le crypte et le protège afin que les gens ne puissent pas voler des informations. Je vais aller de l'avant et cliquer dessus et sélectionner le SSL simple. Comme il est gratuit, il est entièrement géré par volant, et de cette façon je n'ai pas à me soucier de la sécurité sur mon site. Une fois cela fait, je vais faire défiler vers le bas et sélectionner mon mode de paiement. Cliquez sur Ajouter un mode de paiement. Par souci de simplicité, je vais aller de l'avant et utiliser mon compte PayPal. Cliquez ici. Donc, une fois que vous avez ajouté votre mode de paiement dans ce cas, j'ai ajouté papal. Je vais cliquer ici pour m'assurer que sélectionné. Et puis avec ce paiement sélectionné, je vais faire défiler vers le bas et cliquer sur payer maintenant et quand tout sera fait, ça va nous rediriger vers le répertoire de nos sites ici dans le volant d'inertie. Je peux cliquer sur le bouton de tableau de bord en haut. Et si vous avez plus d'un site, vous les verrez tous listés ici. Mais pour l'instant, nous n'avons qu'un seul site. Donc, quand je clique dessus, nous pouvons voir la vue d'ensemble et les statistiques du site. Depuis sa toute nouvelle marque, il n'y aura pas grand-chose à regarder ici. Nous pouvons voir les statistiques pour quand nous avons du trafic, affaiblir, voir différents ajouts ons. C' est donc ce SSL qui devra faire un suivi avec le Cdn et le multi site qui sont tous au-delà de la portée de cette conférence. ce moment, nous avons nos sauvegardes. Donc, comme il ya tout nouveau, évidemment n'est pas encore sauvegardes non plus. Mais cela va être vraiment utile pour avoir des sauvegardes automatiques de votre site Web. Donc, si quelque chose se produit comme une prise en pause ou est piraté ou, vous savez que quelque chose arrive que vous n'attendiez pas, vous pouvez toujours revenir à une sauvegarde. Nous avons également des options avancées différentes dont vous n'aurez probablement pas besoin en ce moment, mais il est bon de savoir qu'elles sont là. Vous pouvez vider de l'argent, qui parfois si vous apportez des modifications, votre site Web et ils ne s'affichent pas tout de suite. C' est peut-être parce que vous hébergez Platform encaisse ou enregistre l'ancienne version afin que vous puissiez vider l'argent pour voir la version actuelle de votre site Web. Vous pouvez faire le mode de développement, ce qui aidera à désactiver l'encaissement. De cette façon, vous pouvez voir ces changements instantanément pendant que vous êtes en train de développer. Donc, si vous ajoutez des fichiers CSS ou des fichiers image différents ou des choses différentes comme ça, vous pouvez activer le mode de développement. Ainsi, lorsque vous apportez ces modifications, votre site Web, vous les verrez immédiatement. C' était vraiment cool par ici. Nous avons cette icône d'engrenage. Vous pouvez changer le nom de votre site, mais vous pouvez créer un type de plan, comme ce que nous avons appris au début de cette opération, où peut-être vous branchez des sites en ligne au lieu de passer par le développement local. Vous le faites tout de suite via l'environnement d'hébergement, sorte que vous pouvez le faire ici aussi, et vous cloner votre site également. Supposons donc que vous créez plusieurs sites pour différents clients. C' est un très grand gain de temps, et puis nous pouvons cliquer sur WP admin, qui nous emmènera directement dans le backend de notre tout nouveau site Web dans un effort pour essayer garder ce cours dans cette conférence aussi actuel que possible. Je vais joindre les fichiers de documentation à cette conférence, sorte que vous pouvez voir quels sont les processus de transfert et de migration les plus récents à partir du volant d' inertie. Si vous avez des questions , n'hésitez pas à me contacter directement commenter cette vidéo ou à nouveau, rejoignez ce groupe Facebook et nous aimerions vous aider. 38. SAVeur de temps INSCRITE ! Comment pousser/tirer votre site entre Local et Flywheel: Maintenant que notre compte volant d'inertie est configuré pour l'hébergement, connectons-le à l'application locale. Ce que je vais faire, c'est ouvrir le local et ce qu'on obtient à gauche. J' ai cette petite connexion une icône de volant d'inertie. Alors je vais cliquer dessus et je vais me connecter au volant. Et puisque je suis déjà connecté sur le site, il se voit lui-même. Je vais aller de l'avant et cliquer sur me connecter à Derek Mitchell. Ce compte que nous venons de créer lui permet d'ouvrir local par volant, et nous l'avons là. Nous avons notre premier site Web connecté à voler volant afin que je puisse tirer ce bas orteil local. Si je voulais Teoh, voyons, créez une sauvegarde et créez le site. De cette façon, je peux faire des modifications sur mon propre ordinateur afin que je puisse me connecter et descendre le site. Ou puisque c'est juste une installation de base et qu'il n'y a rien pour moi de m'inquiéter. Je peux revenir sur tous ces sites sur lesquels nous avons travaillé, et je peux en fait pousser ça au volant. Donc cliquez sur poussé un volant d'inertie et je vais sélectionner un site sur volant d'inertie ou je peux créer un nouveau site. Donc, si je ne veux pas remplacer ce que j'ai déjà fait, je peux en créer un nouveau. Mais je vais aller de l'avant et pousser est au-dessus de ça. Je vais pousser au volant. Et maintenant, il se connecte automatiquement à ce site que nous avons fait sur le serveur. Et il pousse actuellement ces fichiers locaux qui ont fait jusqu'au serveur, et je ne peux m'empêcher de mentionner que c'est 100 fois plus facile que toute autre migration que j'ai jamais faite dans ma vie. On va apprendre comment faire ça, comment le faire manuellement dans d'autres vidéos. Mais je voulais juste souligner que c'est incroyablement simple et vaut chaque centime. Maintenant, en fonction de la taille de votre site, cela peut prendre un certain temps. Et parce que nous utilisons le thème saillant et que nous avons beaucoup de graphiques différents pour qu'il pousse aussi vers le haut, cela pourrait prendre un certain temps. Donc on va aller de l'avant, laisser tourner, et je vais mettre la vidéo en pause. D' accord ? Donc, quand les sites ont été envoyés au serveur, vous allez obtenir ce site de message poussé, donc fondamentalement tous ces fichiers ont été envoyés. C' est maintenant la radio. Il fait encore un peu de traitement dans le back-end. Et quand tout sera fait, je recevrai un e-mail disant que tout est fait, donc je vais aller de l'avant et cliquer, OK, Et je suis actuellement dans l'application locale par volant et ici ci-dessous. Maintenant que j'ai ce site connecté, vous pouvez voir que nous avons la poussée et le sondage des boutons du volant d'inertie ici. Donc si je fais des changements sur le site en direct, je pourrais revenir ici et retirer tous les fichiers. Donc, tout change un courant et montre également que je suis connecté ici. Donc si je clique sur ce lien, ça va ouvrir ça directement, et je peux voir le tableau de bord sur le volant. Et puis à partir d'ici, je peux cliquer sur le lien réel lui-même et voir ce nouveau site que nous venons mettre en place et je reçois une erreur parce qu'il est toujours en cours de traitement. Donc, une fois que tout cela est dit et fait, nous serons en mesure de cliquer sur notre site Web et tout devrait fonctionner. Super. Donc je vais aller de l'avant et couper cette vidéo tout de suite, et si vous avez des questions à nouveau rejoignez le groupe Facebook ou commenter ci-dessous. Je vais avoir l'air d'un disque battu, mais je veux m'assurer que je vous aide autant que possible. Et je ne peux pas faire ça si tu ne rejoins pas le groupe. Et ensuite, je vais joindre des documents parce que, comme je l'ai dit, je sais que je vais faire de mon mieux pour vous montrer tout dans cette vidéo. Mais compte tenu de la nature de la conception Web et du développement Web, les choses changent si vite. Donc c'est quelque chose que j'ai entendu paraître différent ou ça ne marche pas pour toi. Assurez-vous de vérifier la documentation concernant le volant d'inertie dans les informations ci-dessous. Très bien, gars, merci d'avoir regardé. 39. Client: réelle : étude de cas: Hey, j'espère que vous apprenez beaucoup d'informations précieuses jusqu'à présent dans ce cours, et dans la prochaine section quand je veux faire est de vous montrer une étude de cas Riel World. Ce que je vais vous montrer est en fait un de mes clients actuels. C' est un terrain de golf, et à l'origine j'ai conçu leur site WORDPRESS en utilisant le thème X WordPress avec la pensée initiale que j'allais concevoir ceci et ensuite remettre les clés, toutes les informations utilisateur, le nom d'utilisateur et mot de passe pour qu'ils soient en mesure de faire des mises à jour elles-mêmes et de le garder jour. Maintenant, cependant, nous avons continué à échanger. Donc, je mets à jour le site et puis je peux aller au golf sur leur site sont sur leur parcours. Donc, ce fut un projet vraiment amusant, un très bon client, mais à cause de cela, je veux vraiment changer de thème. Maintenant, j'aime vraiment le thème saillant WordPress. Vous pouvez même utiliser le thème Devi WordPress. Il y a beaucoup de grands thèmes là-bas, mais je suis très à l'aise, un saillant, et j'aime le look et la sensation modernes. Cela fait quelques années que je publie pour la première fois le site Web et maintenant ce que je veux faire est de revenir arrière et ajouter des galeries vraiment belles, une boîte d'ombre vidéo, choses à la recherche, des en-têtes animés et juste dans l'ensemble, Je veux nettoyer le site. Et puis en plus de cela cette année, ils veulent être en mesure de créer sur la boutique en ligne, où les gens peuvent réellement aller acheter leurs laissez-passer de saison à l'avance sur le site sans avoir à faire chacun manuellement. Actuellement, ce qui se passe est, si vous voulez acheter un terrain de golf ou un passé de golf, vous devez appeler le clubhouse et le faire manuellement par téléphone ou envoyer un e-mail afin que ce n'est pas très automatisé, et c'est va être quelque chose d'autre que nous allons ajouter aussi. On va ajouter la fiche de commerce Wu afin qu'on puisse faire du commerce électronique sur leur site Web. Donc, nous avons beaucoup de choses amusantes dans cette prochaine section. Restez à l'écoute, et si vous avez des questions, hésitez pas à commenter ci-dessous. Mais fondamentalement, ce que je veux vous montrer plus que tout, c'est juste comment prendre un site qui a quelques années et déposer un nouveau thème et créer des mises à jour en toute sécurité et en toute sécurité, sans risque de surpasser votre site actuel ou de casser des choses. Donc nous allons utiliser local par volant d'inertie. L' application avec hébergement Flyable pour pouvoir faire une sauvegarde en ligne, va extraire tous les fichiers vers le bas, fera nos changements et ils vont le repousser ou nous avons fini. Maintenant. Vous pouvez le faire avec beaucoup de plates-formes d'hébergement différentes. J' ai été très heureux avec le volant. Consultez les liens ci-dessous et vous pouvez en savoir plus sur leur hébergement. J' utilise aussi Go Daddy. J' ai utilisé Blue Host et une poignée d'autres, comme le moteur DBP. Actuellement, mon favori est le volant d'inertie, donc vous me verrez pousser beaucoup. Je ne gagne pas d'argent pour dire ça, mais c'est quelque chose que j'ai vraiment apprécié, et c'est mon préféré. Ils se chargent très vite maintenant. Si vous n'utilisez pas le volant d'inertie, ce que vous ne l'êtes probablement pas, vous utilisez probablement quelque chose va papa ou hôte bleu. Ou peut-être que vous n'avez même pas encore d'hôte. Je vais vous montrer d'autres façons de créer ces sauvegardes et de pousser votre site en direct aussi. D' accord, les gars, allons y plonger et on verra dans la vidéo suivante 40. Client : d'abord sauvegarder votre site: Donc, avant de commencer à mettre à jour le thème de ce site ou à apporter des modifications, c'est toujours une bonne idée de faire des sauvegardes. Donc quelque chose à faire. Je suis sûr que vous deux façons différentes de faire ça maintenant. Je suis en fait en local dans l'application réelle. Je suis donc sur le site Web du Northern Pines Golf Club qui est synchronisé avec mon ordinateur et avec le serveur en ligne afin que nous puissions cliquer sur ce lien ici, qui est connecté à Northern Pines Golf Club. Je vais cliquer dessus, et il va effectivement ouvrir le tableau de bord pour mon compte d'hébergement. Donc quand je fais ça, la toute première chose que je veux faire. Vous pouvez également simplement aller sur le site get flywheel dot com et se connecter et arriver ici aussi bien. Mais cela vous amène directement au site spécifique avec lequel vous essayez de travailler. Je veux le faire maintenant. La première chose que je fais est juste de venir sur cet onglet de sauvegarde, et je vais cliquer dessus et vous pouvez voir qu'il a déjà sauvegardé des choses pour moi, donc je n'ai peut-être pas besoin de le faire, Mais ce que j'aime faire, c'est que je vais cliquer sur ce petit bleu plus icône ici et je vais créer une nouvelle sauvegarde. Je vais juste appeler cette mise à jour de thème pré, et de cette façon je sais exactement où cet horodatage est dans l'histoire pour savoir que si je gâche quelque chose, je peux toujours revenir à la sauvegarde la plus récente avant d'effectuer tous les changements. Maintenant que ça commence, il y a une sauvegarde en cours ici. Tu vois que ça marche. Ça ne devrait pas prendre trop longtemps. Je peux aller de l'avant et fermer cette fenêtre et nous reviendrons à l'application locale par volant sur mon bureau. Donc, de retour dans l'application locale par volant d'inertie, ce que je veux faire est d'aller de l'avant et de démarrer ce site. Donc il va démarrer ce serveur virtuel ici et une fois qu'il est en cours d'exécution, je peux venir et tirer du volant d'inertie. Maintenant, il est très important que vous soyez attentifs à l'icône que je ne peux pas souligner assez . Si je devais pousser à voler volant, cela prendrait tous mes fichiers locaux qui ne sont pas la version la plus récente, et il écraserait tout ce qui est sur leur site web en direct maintenant. On ne veut pas faire ça maintenant. Ce que nous voulons faire, c'est tirer du volant d'inertie. Donc, de cette façon l'une des mises à jour, vous savez où ils ont ajouté de nouveaux utilisateurs ou à une nouvelle page ou des thèmes mis à jour et branchements sur le site Web en direct. Je veux que toutes ces mises à jour soient sur mes machines locales. Je vais cliquer sur tirer du volant d'inertie et je veux le tirer dans un environnement de production, cliquer sur sondage et en fonction de la taille de votre site Web, cela pourrait prendre un certain temps. Donc nous allons aller de l'avant et avancer rapidement à travers ça. Je vais aller de l'avant et laisser ce travail et quand il sera terminé, reviendra dans la prochaine vidéo et jeter un oeil à nos prochaines étapes pour commencer à mettre à jour le thème sur ce site. 41. Client : Installez le nouveau thème: Maintenant que nous avons notre site Web sauvegardé à la fois sur l'hôte réel ainsi que localement, j'ai un fichier local tiré vers le bas, en utilisant l'application locale par volant d'inertie. Maintenant, je peux procéder en toute confiance en sachant que non seulement je peux faire des changements sans les gens le voient vivre jusqu'à ce que je sois prêt à le voir. Mais aussi si je fais une erreur ou s'il y a des conflits entre les plug-ins ou quelque chose de bizarre arrive, je peux m'assurer que je répare ça. Et si je casse quelque chose, j'ai un filet de sécurité à retourner. Teoh. Donc maintenant que nous avons ce retour, une chose que je veux souligner est encore une fois. J' utilise l'application locale par volant d'inertie et le site sur lequel nous travaillons aujourd'hui a S l mis place qui est la couche de sockets sécurisée. Donc si je viens sur le site principal ici, c'est celui qu'on va mettre à jour. Et ce que nous allons faire dans cette leçon, c'est changer le thème du thème X WordPress. On va installer le principal thème WordPress et faire quelques modifications. Le site est en service depuis près de trois ans maintenant, donc il est juste dû pour une mise à niveau. J' ai de meilleures photos que je veux mettre en et quelques fonctionnalités différentes que le thème principal a que je préfère. C' est ce que nous faisons dans cette leçon. On va installer le thème et l'autre chose. Je veux signaler ici avant de plonger. Donc, parce que cela a une couche de sockets sécurisée, vous remarquerez que nous avons http s dans cette adresse ici, qui signifie que c'est sécurisé. Je peux cliquer sur cette serrure. Cela me dira que la connexion est sécurisée et que c'est quelque chose que vous faites du côté hôte des choses. Et c'est hors de la portée de cette leçon particulière. Mais ce que je veux souligner, c'est que parce que nous avons activé cela quand je vais à ma version locale ici, voyez-vous, c'est point local. C' est le site de développement. Il ne vit pas en ligne. Vous ne pouvez pas le voir sauf sur mon ordinateur en ce moment. Donc, quand vous le faites pour la première fois, cette petite icône de verrouillage, il va dire que la connexion n'est pas sécurisée. Ce que vous devez faire, c'est venir ici à la volonté locale. Viens ici à SSL et tu auras un certificat ici. Ça va dire confiance ? Voulez-vous cliquer sur ce bouton de confiance et va dire de confiance ? Et maintenant, quand vous cliquez dessus et qu'il ouvre la fenêtre du navigateur, vous aurez cette belle petite icône de verrouillage. Il semble que vous pouvez l'utiliser au lieu d'obtenir la grande page avec la lettre rouge disant, Vous savez, pas sûr, Ne pas procéder à partir de chrome ou safari ou tout ce que vous utilisez. Donc j'espère que cela a encore du sens. C' est un peu hors de la portée de cette vidéo, mais c'est une chose d'être conscient de certains des problèmes que vous pourriez rencontrer si vous essayez de le faire , alors maintenant nous allons prendre les flacons thématiques. Et j'ai acheté ce thème à partir du thème forêt dot net. C' est un thème important ici. Je l'aime vraiment fortement recommandé, et je l'utilise pour beaucoup de sites Web, en particulier même mon propre site à derek Mitchell dot com. Il est alimenté par le saillant. Donc ce qu'on va faire, c'est que j'ai acheté une nouvelle licence et qu'il y avait environ 60 dollars à travers la forêt thématique , et je vais cliquer sur le bouton de téléchargement. Et au lieu de simplement dire la licence ou simplement charger, télécharger les fichiers de thème. Vous voulez récupérer tous les fichiers et la documentation et la raison pour laquelle ? Et je te montrerai dans une seconde. Ici, il est allé, ma pile de téléchargement. Ouvrons que c'est parce que ça va vous donner toutes les informations sur les licences. Il va vous donner le guide de l'utilisateur, qui est vraiment pratique. On ouvre ça très vite, tu peux le voir. Hum, eh bien, vous pouvez voir que c'est en fait juste une page avec un lien, mais de toute façon vous donne un lien vers la façon de faire tous les changements que vous voulez faire et de peaufiner le thème. Mais en plus de cela, si je devais simplement télécharger le fichier WordPress invendable seulement cela me donnerait seulement le fichier zip point saillant, ce qui est suffisant pour installer le thème. Mais nous voulons que l'enfant le juge, et allons de l'avant et vous montrer pourquoi ici. Donc je vais faire est de sauter dans ma version locale. Revenons dans la mouche va arriver. Je vais cliquer sur le bouton d'administration qui va ouvrir ça et m'emmener à la page de connexion . Maintenant que je suis connecté, je peux voir que vous avez des mises à jour à faire. Mais ce que je veux faire, c'est aller de l'avant et installer ce thème. Donc on va revenir à l'apparence et ensuite venir ici sur les thèmes et ensuite cliquer dessus et vous pouvez voir que j'ai déjà fait ça avant, donc je vais aller faire un peu de garde de maison. On va supprimer ça et on va supprimer ça. Et maintenant, il me reste juste avec le thème par défaut 2019 ainsi que le thème ex et le thème ex enfant . Maintenant, laissez-moi vous expliquer comment cela fonctionne très rapidement. Juste comme un rafraîchissement, nous installons un thème. Nous avons le thème principal qui a tout le style pour chaque élément du site. Maintenant, voici le problème. Disons qu'on plongait dans l'ex démon. Nous avons apporté des modifications, en particulier avec CSS ou un style différent lorsque le thème est mis à jour et il sera mis à jour. Si nous devions mettre à jour ce thème, il va écraser tout le travail que nous avons fait. Et donc, en utilisant un thème enfant, ce qui va se passer, c'est qu'il utilisera le thème parent comme base et que toutes les modifications que vous apportez au thème enfant, peu importe ce que c'est, vont remplacer. On va mettre à jour le thème de l'enfant. Ainsi, c'est la version la plus récente du site qui remplace tous les autres styles. Et puis de cette façon, vous pouvez toujours garder le moteur. Fondamentalement, sont la base de votre site actuel ici avec le thème parent. Mais votre thème enfant est ce que les styles tout. J' espère que cela a du sens. Allons de l'avant et juste ajouter ce nouveau thème de saillant que nous avons obtenu. Donc, nous allons cliquer ici sur le bouton Ajouter un nouveau. Nous allons télécharger le thème, et vous pouvez cliquer pour choisir un thème ou ce que j'aime dio. D' habitude, j'ai une fenêtre de recherche ouverte quelque part, et je vais juste laisser tomber le dragon. Alors je le fais. Les parents semblent en premier, et voici pourquoi. Donc, nous allons cliquer et faire glisser point saillant zip et cliquer installer maintenant, et voici pourquoi. Je le fais d'abord parce que je ne veux pas l'activer encore. Je veux juste les fichiers dans la base de données ici. Donc, au lieu de cliquer, activer, je vais cliquer sur Retour à la page Thèmes. Ils vont cliquer. Ajouter un nouveau. Nous allons cliquer sur le thème de téléchargement. Et cette fois, on va prendre le thème de notre enfant sur une goutte de dragon. Jetez-le là, cliquez sur Installer. Maintenant et cette fois, nous allons cliquer. Activer Maintenant, en faisant ça va casser à peu près tout sur son site. Donc c'est pour ça qu'on travaille hors ligne d'abord. Si vous avez un site qui n'a pas beaucoup de trafic, peut-être que vous voulez simplement plonger et y aller. Je l'ai fait dans le passé sur mes sites personnels, quand je n'ai pas de trafic. Mais si c'est un grand site qui a du trafic, vous voulez vous assurer qu'ils ne voient pas ça. Par exemple, lorsque je clique sur cela, vous pouvez voir le style est autour de la couleur. Maintenant, le logo ne s'affiche pas. Beaucoup de choses fonctionnent encore comme ça. Et la raison en est que nous utilisons Cornerstone pour nos constructeurs de page sont la mise en page ressemble la même parce que cela est venu de X, mais suppose que nous revenons et commençons à modifier ces paramètres. Revenons à notre tableau de bord ici. Allons à nos, euh, branchements de Valleys que nous devons apporter reviendront à ça dans une seconde. Plongons dans notre page plug ins. Donc la raison pour laquelle cela semble encore à mi-chemin décent, comme je l'ai dit, c'est que je veux descendre mes branchements. La pierre angulaire est le générateur de page de Theme Kill pour l'équipe X. Maintenant je vais devoir désactiver ça parce que ça va entrer en conflit avec le saillant. Alors désactivons ça. Et maintenant l'un de vous, ma page, ça va ressembler à des ordures. Bon, donc tu peux voir, mec, on a beaucoup de travail à faire maintenant que c'est éteint. Bon, alors allons-y et replongons dans notre tableau de bord une fois de plus. Chaque thème traite les choses différemment. Donc, dans ce cas, saillant a beaucoup de plug-ins que vous pouvez utiliser. Certains d'entre eux sont nécessaires. Certains d'entre eux sont facultatifs. Ainsi, par exemple, je peux ajouter l'important importateur de démonstration, qui me permettra ensuite de tirer des pages de démonstration lorsque je construis le site. Donc, si en ce moment ils sont nécessaires est le principal constructeur de page de boulangerie WP. Maintenant, c'est fondamentalement une version salience d'un générateur de page, qui est comme Cornerstone, que nous venons de désactiver. Alors, nous allons cliquer dessus. Allons de l'avant et cliquez sur cette case à cocher ici et ici sous les deux qui sont certainement nécessaires viendra avec les actions en vrac et cliquez sur Activer réellement connu Cliquez sur Installer mon mauvais. Nous devons d'abord les installer. Maintenant, nous allons cliquer. Appliquez et revenons à l'installateur de plug-ins requis, puis vous verrez que ces plug-ins requis. Si je fais défiler vers le bas, vous pouvez voir qu'ils ont tout un tas de branchements que nous pouvons utiliser pour saillants. Donc, euh, je vais en fait installer toutes ces choses parce que je vais probablement les utiliser dans ce thème. Donc ce que j'aurais pu faire depuis le début Vous venez de cliquer sur cette case ici et il ouvrira tous ces soufflés Vérifiez ces deux. Nous allons cliquer sur Installer, Cliquez sur Appliquer, et maintenant il va installer le reste de ces plug-ins ainsi. D' accord, ils ont tous été installés. Super. Revenons à notre installateur plug ins. Et cette fois, activons-les. Aussi, cliquez sur cette bascule en haut, Tout sélectionné. Nous allons cliquer sur les actions en masse descendre pour activer et cliquer sur Appliquer. Bon, alors maintenant, allons-y et regardons en arrière sur une page. Ça va toujours ressembler à des ordures, parce que tout ce code court fait référence à la prise de pierre angulaire en soi. Heu, malheureusement, nous devons fondamentalement reconstruire le site entier parce que chaque page utilisait mise en page de la pierre angulaire. Donc tout est cassé. Et ce qui est bien à ce sujet, cependant, c'est maintenant ce que je peux faire est de retirer cet onglet ici. Allons sur le site Web principal qui est en ligne. Toujours faire appel à celui-ci. Je vais cliquer et tenir sur mon petit bouton vert plein écran, et on va le dire sur le côté gauche, et ensuite on va jeter notre nouvelle version ici sur le côté droit. Alors, maintenant quoi ? Je peux faire ça pour faire le bon. J' ai foiré ça. Que j'ai foiré tout ça. Non, nous faisons Nous avons toutes sortes de style bizarre et des choses qui se passent ici à partir de mon navigateur Google Chrome ainsi. Alors, euh, essayons de retourner à la page d'accueil ici. Bon, on veut que la page d'accueil soit jolie. Et actuellement, c'est l'information qui y figure, mais nous allons recommencer complètement à zéro. Donc, dans la prochaine vidéo, nous allons faire est de commencer à plonger dans chaque page et d'utiliser les modèles saillants pour nous faire démarrer très rapidement et commencer à faire vraiment de belles pages avec un minimum d'effort. D' accord, allons de l'avant et plongons dans ce prochain. 42. Client : Paramètres du thème: Bon, donc on a un site web sauvegardé, on a installé notre thème, on a commencé à casser des trucs, et maintenant il est temps de commencer à reconstruire les choses. Donc, je veux faire est que nous sommes de retour sur la page d'accueil est ici. Nous avons celui à gauche qui est toujours en direct à celui de droite que nous construisons localement. Tout est cassé et foiré, alors commencez à le réparer et la façon dont je fais ça. Habituellement, c'est l'une des deux façons typiquement, ce que je vais faire est que je vais commencer par haut en bas, gauche à droite donc la première chose et commencer à travailler sur ce logo de fixation, la fixation de la navigation des couleurs et le style. Habituellement, je laisserais le générateur de page activé si je travaille en direct sur le site. Donc, même si nous utilisons le générateur de page saillant, je laisserais le bouchon de pierre angulaire allumé juste à la page. Pourtant, un peu ressemble à ça quand je construis des choses, mais depuis la ligne RAV, ça n'a pas d'importance. Par hors-ligne, je veux dire, nous avons le site principal en direct, et c'est hors ligne. Bon, alors allons-y et remontons dans le tableau de bord et je veux vous montrer où sont vos principaux styles pour saillants et pour tout, ils vont être différents. Je vous montre juste où commencer à fouiller si vous utilisez ça. Donc, sur le côté gauche. Maintenant, nous avons un nouvel élément de menu appelé Salient. Si je devais revenir dans le tableau de bord du site en direct actuel, vous remarquerez qu'il a le thème X. Élargissons ceci ici. J' ai le thème X ici, et nous avons tous ses paramètres ici et laissez-moi juste faire un peu plus grand. Donc tu le vois là ? Tu vas bien ? Donc, la documentation ex démon, vous remarquerez que l'option principale n'est pas là. C' est quelque chose qui a été ajouté dès que nous avons installé ce thème. Donc on va sauter ici, et on a toutes sortes de réglages avec lesquels travailler. Donc finalement, vous allez vouloir passer par chacun de ces paramètres et vous assurer que tout est composé comme vous le voulez. Mais commençons par les deux premiers ici. Nous avons les paramètres généraux, cliquerons dessus, et puis avec ça je vais aller de l'avant et frotter ça pour que tu vois tout. On a, les thèmes. Peau. C' est un peu au-delà de la portée de cette leçon, mais fondamentalement, c'est juste comment ce développeur de thème particulier a fait quelques styles basés sur la façon dont les boutons ressemblent et des choses comme ça. Alors jouez avec ça, voyez ce que vous aimez. Mais dans le style, nous pouvons jouer différentes options déroulantes, toutes sortes de choses. On va laisser ça tranquille pour l'instant. D' autres choses affaiblir tomber ici aussi, de différentes façons que ce thème particulier fonctionne. Alors faites défiler, prenez un peu de nez, jouez avec les choses. Vous êtes sur un site de sauvegarde donc peu importe si vous le cassez, il suffit de cliquer sur les boutons. Il sauve. Il arriverait. Donc, je viens d'aborder c'est comme construire un « Vous savez, un puzzle de mettre un puzzle ensemble ou, hum, juste la résolution du problème de genre, Eh bien, voyons ce que ce bouton ne fait pas exploser ou vous savez qu'il le répare. Donc, c'est mon approche, c'est que je passe tout à travers et j'ai juste tout basculer et juste, euh, juste le composer en fonction de ce que je pense avoir l'air bon. Appuyez sur, enregistrez, puis revenez à votre site et voyez si vous l'aimez ou si vous devez continuer. Donc, la prochaine chose à faire est de sauter dans les couleurs d'accent. Donc, actuellement, les couleurs d'accent qui sont venus avec ce thème ne ressemblent pas à notre site Web. Donc ce que je vais faire, c'est retourner sur notre site principal sur le « Ça le voit ». Mes menus sont tous croustillés ici. Aereo, euh, donc vous pouvez voir les couleurs qu'ils ont par défaut cette couleur verte ici et je pourrais en faire un peu. Je pourrais redéfinir certaines choses et je pourrais le faire dans Photoshopped, donc j'ai une feuille de route à suivre. Mais pour l'instant, ce que je vais faire est d'utiliser une application appelée Sip s I p. J' ai en fait une vidéo YouTube sur la façon dont j'échantillonne les couleurs. Vous pouvez vérifier ça. Je vais mettre un lien ci-dessous, mais fondamentalement je veux le faire c'est que je veux saisir cette valeur hexadécimale pour cette couleur verte, copie dans mon presse-papiers. Maintenant, je peux sauter dans la couleur d'accent ici, et nous allons juste le rythme dans ce que sauver les changements, et je vais maintenir la commande vif recueillir ici juste pour une sorte de vomir dans un nouvel onglet vraiment rapide et voir. Donc, mon bouton de panier semble maintenant vert. Ouvrez ce qui semble vert au lieu de cette couleur bleue qui ne correspondait pas du tout. Donc on va juste commencer, tu sais,à tu sais, affiner les choses, à tomber dans nos couleurs et à les faire styliser. Donc c'est mon approche. J' ai besoin de définir une partie de cela. Je vais faire ça. Nous reviendrons et je vous montrerai ce que j'ai fait, et ensuite nous continuerons à vider notre nouveau design. 43. Client : configuration du logo: Bon, donc dans cette vidéo, on va finir nos couleurs ici et faire tomber notre logo . Donc, je suis toujours dans les principales options ici. J' ai le parfum de couleur d'accent, et je voulais juste vous montrer très rapidement comment je viderais ça très vite, parce que je ne suis pas vraiment sûr de comment je veux faire ça encore. Je vais probablement finir par le changer, mais juste pour les annonces pas, vous savez, rose dans et Scion, nous sommes magenta et cyan. Je vais cliquer sur sélectionner la couleur. Je vais aller de l'avant et coller cette valeur hexadécimale devant ici. Et puis ce que nous faisons est juste de cliquer et de faire glisser juste un peu plus loin ici. Donc, je reçois juste un peu d'un ton plus sombre par rapport à la couleur d'accent originale, tout comme une bosse supplémentaire pour l'un des autres boutons qui entrent et la couleur supplémentaire pour faire la même chose. Eh bien, rythme ça là-dedans. Et puis on pourrait même l'égayer un peu. Et nous allons juste voir où ça joue là où ça entre dans le thème. Vous voudrez peut-être changer ça en bas de la route et ensuite notre couleur supplémentaire 3 est très bien avec sa couleur grise. C' est très bien. Donc avec Grady insiste, faites la même chose. Je vais cliquer sur cette couleur. Eh bien, au rythme de cette pâte, ça rendrait un peu plus sombre. Donc maintenant, tous les boutons qui ont Grady répondent à n'importe quel Grady et arrière-plans dans le modèle et ensuite la même chose ici. Mais cette fois, on va le rendre un peu plus léger. D' accord, donc encore une fois, tout ça pourrait changer sur la route. Mais au moins j'ai quelque chose à travailler. Un clic enregistrer les modifications. Et maintenant je ne veux pas faire est de sauter et commencer à obtenir ce logo composé. Donc je vais passer à la navigation d'en-tête. On va cliquer dessus. Et puis la première option ici est le logo dans le style général. Donc, tout ce que je clique ici va se mettre à jour. Nous avons toutes ces options sur la droite. Nous voulons donc utiliser un Nimitz pour le logo car actuellement, si nous l'ouvrons dans un nouvel onglet, c'est juste du texte. Allons et réparons ça. Donc ce que je vais faire, c'est activer cette bascule, et maintenant je dois télécharger le logo. Eh bien, pour être honnête, je ne suis pas sûr de quelle taille eso Allons juste sortir et jouer avec ça un peu. La façon dont je vais faire ça, c'est d'écouter, ne reviendrais pas sur le site original et juste voir de quelle taille ce waas. Je vais frapper le poste de commandement dans le numéro quatre. Je suis sur un Mac sur un PC. Tu ne pourras pas faire ça. Il y a peut-être un branchement, mais je ne sais pas ce que c'est. Mais ce que je fais c'est de prendre une capture d'écran ou une capture d'écran. Et donc, euh, un vaisseau de commandement pour commencer. Maintenant, je peux cliquer et faire glisser, et je vois en quelque sorte que ce logo existe actuellement des dimensions de pixel dans le bas. Droit ? Donc, il fait environ 180 pixels par environ 70 ou 60 pixels de haut. Donc, 1 80 par 60 est un bon endroit pour commencer. Alors allons faire ce logo qui est de cette taille. Donc je vais revenir dans ma fenêtre de recherche, et je veux attraper le logo du client, et d'une manière ou d'une autre je n'ai pas le logo original créditable. Je ne sais pas comment ça s'est passé. Mais j'ai ça. Pdf Ils m'ont envoyé une fois, et parfois vous avez de la chance avec le fichier pdf. Cliquez, faites glisser et passez le curseur sur l'icône de mon illustrateur et déposez-la là-dedans. Et dans ce cas, j'ai eu de la chance. C' est un format vectoriel que je peux lire. Donc ce que je peux faire est de mettre en évidence ceci et on dirait qu'ils ont des coups et des trucs bizarres qui se passent. Donc ça va m'avoir des ennuis sur la route. Je dois faire attention que j'ai attrapé le fichier exact du logo. Mais pour l'instant, ça va m'aider à aller et ah, oui, et voir, je travaille. Donc ce que je vais faire, c'est éteindre la course ici. Je vais cliquer sur cette petite barre oblique ou appuyer sur la touche barre oblique inverse. Donc maintenant, il n'y a pas d'AVC. J' ai mon image ici, et on va vouloir exporter ça et quelques couleurs différentes. Donc, nous voulons que ce logo soit de 1 80 sur 60. Alors faisons-le. Faisons un nouveau notre conseil. Alors, décalage. Oh, pour obtenir mon outil de planche, il va cliquer et glisser et Changeons la largeur et la hauteur de ceci ici avec cette sélection 280 pixels et était à la hauteur de ce que nous disons qu'il était 60 pixels. Bon, donc maintenant je sais qu'il y aura la bonne taille que je veux que ça soit et ce qu'on va faire après avoir fait ça sur les groupies, commande Geo, groupe. Maintenez la touche Option pour faire glisser une copie ici, puis nous allons juste la mettre à l'échelle en place. D' accord. Donc immédiatement, j'ai remarqué que cela n'était pas à l'échelle, d' accord, parce que nous avons l'arbre sur le dessus, mais dans cette version, c'est sur la droite. Je vais devoir faire quelques retouches pour que ça marche. Mais passons en quelque sorte à travers ça de toute façon. Et, euh, en fait, il allait le construire comme ça à nouveau. Je travaille un peu vite et lâche. Espérons que les gars en C. Au moins un processus de comment vous pouvez travailler. J' ai donc pris une capture d'écran de ça. Je vais le déposer ici et voir ce qui est différent. Um, accord, donc c'est que ce n'est d' accord, donc c'est que ce n'est pas très proche de l'espacement des faras et des choses. Donc, euh, encore une fois, parce que je vais remplacer ça à l'avenir. Je ne suis pas trop inquiet pour le moment, alors allons juste nous approcher, et, ah, nous allons partir de là. D' accord ? Donc je sais que ce n'est pas un cours d'illustrateur. Mais j'ai pensé que vous apprécieriez mon flux de travail. Donc on va juste se rapprocher encore une fois. Je vais laisser tomber un nouveau logo de toute façon. Mais j'espère que ce genre de chose vous aidera à voir comment j'aborderais ça et à obtenir ce composé ou composé ici ? D' accord. Non. Goûtez cette couleur, vieil homme. On a toutes sortes de désordre qui se passe ici. Ok, donc ça a l'air assez proche pour le laisser tomber à nouveau. C' est toujours un logo différent, mais cela m'aide à finir fait partie de cette leçon ici. D' accord, on va augmenter ça. Bon, maintenant nous avons notre dossier de logo, et je vais frapper Shift. Oh, pour récupérer mon outil de conseil à nouveau, maintenez la touche d'option enfoncée et cliquez sur le nom de notre planche et glissez vers les droits. Et j'ai une autre version de ça avec encore une fois, et on va changer de couleur. Donc on va faire une version blanche. Vous pourrez le voir, mais il sera là. Et nous allons faire une version noire ou peut-être grise qui correspond, hum, personnalisé ici très vite. Retour vers les paramètres généraux. Rx. Je suis désolé. Les couleurs du compte, les couleurs d'accent. D' accord, couleur supplémentaire. Prenons ça. Donc c'est juste trois ok et collé là-dedans. OK, donc maintenant nous avons une version blanche, une version verte, et cette version grise veut maintenant faire est de supprimer cette planche d'art ici et de se débarrasser de tout ça . Je n'en ai pas besoin pour le moment, et je vais enregistrer ce fichier maintenant. Enregistrer comme nous l'appellerons Révisions Logo juste pour l'instant. Et, ah, enregistrer un fichier illustrateur frappé. Sauver. D' accord. Et maintenant ce que je veux faire, c'est exporter chacun de ces tableaux d'art. Donc je le suis maintenant. Je suis dans l'essentiel. Espace de travail classique. Je vais juste réinitialiser ça pour s'assurer que toi et moi avons vu la même chose. Et je vais cliquer sur cette petite boîte avec la flèche. C' est l'exportation d'actifs que nous allons prendre ce fichier allait le jeter ici. Ce groupe qui commande GT le groupe, nous allons jeter ça juste là. Faisons la même chose. Voici un groupe cette commande GT groupe i