Créez un site Web complet avec des kits Elementor et un générateur de thèmes

Le but: Créez un site Web complet à l'aide du kit de modèles d'agence numérique Elementor et du thème Hello

Le site Web aura la structure de page suivante:

• foyer
• À propos de nous
• Les services
• Réseaux sociaux
• Clientèle
• Archiver avec des messages individuels
• Nous contacter
• En-tête et pied de page
• 404 page

ÉTAPE UN: Choisissez un sujet

1. Aller Apparence> Thèmes
2. Cliquer Ajouter un nouveau
3. Chercher Bonjour Elementor
4. Cliquer Installer sur PC
5. Cliquer Activer

DEUXIÈME ÉTAPE: créer des pages

1. Aller Pages> Toutes les pages
2. Survolez le titre de la page d'exemple et cliquez sur le lien Corbeille pour supprimer l'exemple de page fourni avec l'installation par défaut de WordPress.
3. Cliquer Ajouter un nouveau
4. Donnez un nom à la nouvelle page; dans ce cas, «Accueil»
5. Clique sur le Modifier avec Elementor bouton
6. Clique sur le Roue de mise en page dans le coin inférieur gauche du Panneau de widgets
7. Changer la Conception de page à "Elementor Full Width". Notez que l'en-tête est incomplet. Vous y travaillerez dans une étape ultérieure.
8. Clique sur le Ajouter une icône de dossier de modèle pour ouvrir le Bibliothèque de modèles.
9. Dans la zone de recherche de la bibliothèque de modèles, recherchez «Accueil Agence Digitale».
10. Cliquer Insérer pour charger le modèle sur la page.
11. Clique sur le publier bouton.
12. Cliquez sur "Jeter un coup d'oeil”Pour afficher la page publiée.

Répétez ces étapes pour chaque nouvelle page, en veillant à ajouter les pages À propos, Services, Réseaux sociaux, Clients et Contactez-nous.

Conseil: Créez de nouvelles pages en appuyant sur CMD-E sur un Mac ou CTRL-E sur Windows pour ouvrir le Finder, puis tapez «Ajouter» et sélectionnez «Nouvelle page» dans les résultats de la recherche. De cette façon, vous pouvez continuer à créer de nouvelles pages directement à partir de l'Éditeur Elementor, sans avoir à retourner au tableau de bord.

NoterNotez que vous n'avez pas encore créé la page d'actualités. C'est parce que ce n'est pas une page statique comme les autres. C'est une page d'archive avec un contenu dynamique et vous allez bientôt créer cette page.

TROISIÈME ÉTAPE: Dites à WordPress quelle page utiliser comme page d'accueil

1. Depuis le tableau de bord WordPress, accédez à Paramètres> Lecture et changez l'option «Votre page d'accueil s'affiche:" à "Une page statique», Puis sélectionnez la page d'accueil que vous avez créée au cours des étapes précédentes dans la liste déroulante de la page d'accueil.
2. Clique sur le Enregistrer les modifications bouton.
3. Aller Pages> Toutes les pages et vérifiez que la page d'accueil que vous avez créée indique désormais "Couverture" à côté.

QUATRIÈME ÉTAPE: Insérez un en-tête à l'aide du générateur de thème d'Elementor

1. Appuyez sur CMD-E (Mac) ou CTRL-E (Windows) pour ouvrir le Finder, recherchez et sélectionnez «Générateur de thèmes»
2. Clique sur le Ajouter un nouveau bouton
3. Sélectionnez «Entête"Dans le menu déroulant Type de modèle
4. Donnez à votre modèle un nom, tel que En-tête du site
5. Lorsque la bibliothèque ouvre les modèles d'en-tête, recherchez «Agence numérique«
6. Survolez l'en-tête Agence numérique et cliquez sur le bouton Insérer relier.

Noter: Puisqu'il s'agit d'un nouveau site, nous n'avons pas encore créé de menu. C'est pourquoi vous verrez un widget de menu vide dans le modèle d'en-tête que vous venez d'insérer. Nous créerons ensuite notre menu WordPress.

ÉTAPE CINQ: Créez le menu

1. Appuyez sur CMD-E (Mac) ou CTRL-E (Windows) pour ouvrir le Finder et recherchez et sélectionnez «Menus» pour accéder rapidement à la section du menu WordPress.
2. Au dessous de Structure du menu, entrez un nom pour votre menu, tel que "Menu principal"
3. Clique sur le Créer un menu bouton
4. Au dessous de Ajouter des éléments de menu> Pages, placez des coches à côté de chacune des pages que vous avez créées et cliquez sur le bouton Ajouter au menu bouton.
5. Réorganisez-les comme vous le souhaitez en les faisant glisser vers le haut ou vers le bas.
6. Imbriquez les éléments en tant que pages enfants sous les pages parents en faisant glisser l'élément enfant légèrement vers la droite et juste en dessous de la page parent. Faites-le pour les médias sociaux, en le faisant glisser juste sous Services et légèrement vers la droite.
7. Clique sur le Enregistrer le menu bouton.
8. Appuyez sur CMD-E (Mac) ou CTRL-E (Windows) pour ouvrir le Finder, recherchez et sélectionnez «Générateur de thèmes» pour modifier votre en-tête avec Elementor
9. Cliquer publier bouton.
10. Clique sur le Ajouter une condition bouton
11. Choisir Inclure> Tout le site comme condition et cliquez sur le Sauvegarder et fermer bouton.
12. Notez que le menu est maintenant affiché dans l'en-tête.

ÉTAPE SIX: insérer un pied de page avec le générateur de thème Elementor

1. Appuyez sur CMD-E (Mac) ou CTRL-E (Windows) pour ouvrir le Finder, recherchez et sélectionnez «Générateur de thèmes»
2. Clique sur le Ajouter un nouveau bouton
3. Sélectionnez «Pied de page"Dans le menu déroulant Type de modèle
4. Donnez à votre modèle un nom, tel que Pied de page du site
5. Lorsque la bibliothèque ouvre les modèles de pied de page, recherchez «Agence numérique«
6. Survolez le pied de page de l'agence digitale et cliquez sur le Insérer relier.
7. Notez que même si vous verrez l'en-tête dans l'éditeur, seul le pied de page sera modifiable ici.
8. Clique sur le publier bouton.
9. Clique sur le Ajouter une condition bouton
10. Choisir Inclure> Tout le site comme condition et cliquez sur le Sauvegarder et fermer bouton

SEPT ÉTAPE: Créez le modèle de page d'archive des actualités

1. Appuyez sur CMD-E (Mac) ou CTRL-E (Windows) pour ouvrir le Finder, recherchez et sélectionnez «Générateur de thèmes»
2. Clique sur le Ajouter un nouveau bouton
3. Sélectionnez «Déposer"Dans le menu déroulant Type de modèle
4. Donnez à votre modèle un nom, tel que nouvelles archives
5. Lorsque la bibliothèque ouvre les modèles de fichiers, recherchez «Agence numérique«
6. Survolez le modèle de fichier de l'agence numérique et cliquez sur le bouton Insérer relier.
7. Clique sur le publier bouton
8. Clique sur le Ajouter une condition bouton
9. Choisir Inclure> Tous les fichiers comme condition et cliquez sur le Sauvegarder et fermer bouton

Noter: Puisqu'il s'agit d'un nouveau site, nous n'avons que le message par défaut "Hello world". Vous devrez créer de nouveaux articles, dans une catégorie appelée «informations»(Pour cet exemple, utilisez vos propres catégories selon vos besoins) et configurez-les pour utiliser ce modèle. Nous ferons cela ensuite.

Huitième étape: créer de nouveaux articles dans une catégorie d'actualités

1. Aller Publications> Toutes les publications
2. Survolez le titre Hello world et cliquez sur le Des ordures lien pour supprimer le message Hello World fourni avec l'installation par défaut de WordPress
3. Cliquer Ajouter un nouveau
4. Donnez-lui un nom et créez votre message comme vous le feriez normalement.
5. Ajoutez une image en vedette et un extrait si vous le souhaitez.
6. Sous Catégorie, cliquez sur Ajouter une nouvelle catégorieet donnez-lui un nom, comme informations
7. Clique sur le publier bouton
8. Répétez les étapes 3 à 7 pour chaque message que vous devez ajouter à la catégorie Actualités.
9. Appuyez sur CMD-E (Mac) ou CTRL-E (Windows) pour ouvrir le Finder et rechercher "News" (ou ce que vous appelez votre catégorie). Cliquer la catégorie qui apparaît dans les résultats de la recherche pour afficher la page des catégories. Vérifiez que vos nouveaux messages s'affichent correctement sur la page Archive des actualités.
10. Cliquez sur le titre de n'importe quel article sur la page Archives des actualités.
11. Veuillez noter que le style n'est pas idéal. C'est parce que vous devez créer un Modèle de publication unique, ce que vous ferez ensuite.

NEUF ÉTAPE: Créez un modèle de publication unique

1. Appuyez sur CMD-E (Mac) ou CTRL-E (Windows) pour ouvrir le Finder, recherchez et sélectionnez «Générateur de thèmes»
2. Cliquez sur le Add nouveau bouton
3. Sélectionnez «Celibataire"Dans le menu déroulant Type de modèle
4. Sélectionnez «Envoyer"Dans le menu déroulant Type de message
5. Donnez à votre modèle un nom, tel que Postes individuels
6. Lorsque la bibliothèque ouvre les modèles d'article unique, recherchez «Agence numériqueY "
7. Survolez le modèle de publication unique de l'Agence numérique et cliquez sur le Insérer relier.
8. Clique sur le publier bouton
9. Clique sur le Ajouter une condition bouton
10. Choisir Inclure> dans la catégorie> Actualités (ou quel que soit le nom de votre catégorie) comme condition et cliquez sur le Sauvegarder et fermer bouton
11. Cliquer Jeter un coup d'oeil pour afficher le message en utilisant la mise en page du modèle de publication unique.

ÉTAPE DIX: Ajouter la page d'archive des actualités au menu

1. Appuyez sur CMD-E (Mac) ou CTRL-E (Windows) pour ouvrir le Finder et recherchez «Menus» pour revenir à votre Menu pour l'édition.
2. Au dessous de "Ajouter des éléments de menu> Catégories», Cochez la case à côté de la catégorie Actualités (ou de la catégorie que vous avez créée) et cliquez sur Ajouter au menu
3. Faites glisser le nouvel élément de menu où vous le souhaitez.
4. Cliquer Enregistrer le menu

ÉTAPE ONZE: Créer une page 404

1. Appuyez sur CMD-E (Mac) ou CTRL-E (Windows) pour ouvrir le Finder, recherchez et sélectionnez «Générateur de thèmes»
2. Clique sur le Ajouter un nouveau bouton
3. Sélectionnez «Celibataire"Dans le menu déroulant Type de modèle
4. Sélectionnez «Page 404"Dans le menu déroulant Type de message
5. Donnez à votre modèle un nom, tel que 404
6. Lorsque la bibliothèque ouvre les 404 modèles, recherchez «Agence numérique«
7. Survolez le modèle 404 Digital Agency et cliquez sur le Insérer relier
8. Clique sur le publier bouton
9. Clique sur le Ajouter une condition bouton
10. Choisir Inclure> 404 page comme condition et cliquez sur le Sauvegarder et fermer bouton
11. Tapez l'URL d'une page qui n'existe pas sur votre site dans votre navigateur pour voir la nouvelle page 404 en action.

DOUZIÈME ÉTAPE: Modifiez le contenu pour répondre à vos besoins

Voilà! Vous avez créé un tout nouveau site Web avec le kit thématique d'Elementor Digital Agency. Maintenant que vous avez une structure de site Web complète, vous êtes prêt à modifier le contenu des pages pour inclure toutes vos propres informations.