Création d'un site d'évaluation de produits avec Extra - Partie 1

Bienvenue dans la première partie de cette série en 4 parties sur la façon de développer un site d'évaluation de produits à l'aide d'Extra. Si vous vous demandez comment commencer à développer un site d'évaluation de produits, cette série est pour vous. Avec sa fonctionnalité de révision intégrée et sa catégorisation intelligente des publications, Extra est spécialement équipé pour créer de superbes critiques, des modèles de publication de produits, des méga menus et des présentations de catégories en quelques minutes. Rejoignez-moi alors que nous explorons la puissance d'Extra.

J'adore les avis sur les produits. En fait, j'achète rarement quoi que ce soit de nos jours sans mener une enquête approfondie au niveau du FBI pour déterminer ce que le monde a à dire sur le produit. Si jamais je sors faire du shopping (c'est rare), je suis le gars du magasin face à une étagère pendant 30 minutes en lisant des critiques sur les articles en étagère. Et je parie que je ne suis pas seul.

Les sites d'évaluation de produits sont populaires et constituent un excellent moyen de gagner de l'argent supplémentaire dans le confort de votre foyer si vous êtes prêt à en construire un vous-même. D'un point de vue commercial, la création d'un blog d'évaluation de produits nécessitera un travail important et beaucoup de patience pour réussir. Mais en ce qui concerne le développement de votre site actuel, Extra vous couvre.

Extra est livré avec de nombreuses fonctionnalités intégrées qui facilitent grandement l'ajout d'avis sur les produits. Les modules et mises en page des catégories intelligentes sont extrêmement puissants et faciles à personnaliser. Vous pouvez convertir n'importe quel élément de menu en un méga menu avec des images en vedette en un seul clic, ce qui est important pour un site avec beaucoup de contenu. Et la puissance de Visual Builder ajoute un haut niveau de capacité de conception à vos mises en page de produits.

Dans l'article d'aujourd'hui, je passerai en revue les options de base du thème et les paramètres de personnalisation du thème pour lancer le bal vers un superbe site Web d'examen de produits.

Voici un aperçu de ce que nous allons construire dans cette série

Avant de commencer, passons en revue quelques autres étapes importantes à considérer.

Étapes importantes pour les sites d'évaluation de produits non couverts par cette série

Cette série couvrira les bases de la création et du style de votre site d'évaluation de produits à l'aide d'Extra. Par conséquent, je ne couvrirai pas les autres étapes importantes que vous devez suivre pour créer un site d'évaluation de produits réussi. Certaines de ces étapes d'action importantes comprennent :

1. Trouver le bon créneau et affiner votre concentration. Ce n'est pas facile et nécessitera des recherches importantes.
2. Rechercher les revenus des affiliés pour les produits afin de voir si vous gagnerez réellement de l'argent.
   Amazon est un choix populaire pour de nombreux sites de critiques de produits, mais pas toujours la meilleure option.
3. Création d'une simple séquence d'inscription par e-mail et d'une campagne marketing à l'aide de Bloom et de services tiers tels que Mailchimp ou Aweber.
4. Créez du contenu de qualité ou payez d'autres personnes pour le faire.
5. Optimisez votre site pour les moteurs de recherche (SEO).
6. Commercialisez votre site avec les réseaux sociaux
7. Associez-vous à d'autres blogueurs de votre créneau afin de générer plus de trafic.

Il y a plus d'étapes bien sûr.

Préparation des éléments de conception

1. Dernière version d'Extra installée.
2. Un thème enfant actif. Nous n'éditerons aucun des fichiers de thème principal comme les fichiers header.php ou function.php pour cette série. Nous n'utiliserons que le personnalisateur de thème et le CSS personnalisé.
3. Une version claire de votre logo pour aller sur un fond sombre. La taille de mon logo est 103×63.
4. Images du produit. Pour ce tutoriel, j'aurai 4 catégories avec 3 produits dans chaque catégorie donc j'utiliserai un total de 12 images. J'utilise des images de stock de shutterstock avec des arrière-plans blancs pour lui donner un aspect plus net.

   De plus, la plus grande version de l'image du produit sera de 1280 pixels (la largeur du contenu du site Web), alors assurez-vous que vos images sont au moins aussi larges. Idéalement, je tirerais pour que toutes vos images soient de 1280 × 720 afin de respecter le rapport hauteur/largeur 16:9 de la plupart des moniteurs.

Tout est prêt ? Commençons.

Création d'un site d'évaluation de produits avec Extra - Partie 1

Abonnez-vous à notre chaîne Youtube

Configuration des options de thème et des paramètres de personnalisation du thème.

À partir du tableau de bord WordPress, accédez à Extra > Options du thème > onglet Général et mettez à jour les éléments suivants :

Logo : Saisissez votre logo. Assurez-vous qu'il s'agit d'une version claire de votre logo, car il ira sur un fond sombre dans votre en-tête.
Favicon : entrez votre favicon
Couleur d'accent globale : #222222
Emplacement de la barre latérale : pas de barre latérale

Enregistrer les paramètres

Allez maintenant dans Extra > Personnalisateur de thème > Paramètres généraux > Paramètres de typographie et mettez à jour les éléments suivants :

Taille du texte de l'en-tête : 24
Taille du corps du texte : 20
Hauteur de la ligne de cap : 1.3
Style de police d'en-tête : B (gras)
Police de titre : Oswald
Police du corps : Open Sans
Couleur du lien du corps : #e6567a

Enregistrer et publier

Revenez en arrière et sélectionnez Paramètres d'arrière-plan et changez la couleur de l'arrière-plan en rgba(0,0,0,0.14).

Enregistrer et publier

Revenez maintenant au menu principal du personnalisateur de thème et sélectionnez Paramètres d'en-tête et de navigation> Paramètres de format d'en-tête et sélectionnez "centré".

Enregistrer et publier

Revenez maintenant et sélectionnez Paramètres de la barre de menus principale et mettez à jour les éléments suivants :

Hauteur du menu : 124
Hauteur du logo : 51
Taille du texte : 20
Couleur du texte : rgba(255,255,255,0.86)
Couleur d'arrière-plan : #222222
Couleur d'arrière-plan du menu déroulant : #222222
Animation du menu déroulant : retournez verticalement

Enregistrer et publier

Maintenant, revenez en arrière et sélectionnez Paramètres de la barre de menus secondaire et mettez à jour les éléments suivants :

Taille du texte : 20
Couleur d'arrière-plan : #121212
Couleur d'arrière-plan du menu déroulant : #121212
Taille du texte tendance : 16px
Taille du texte de la recherche, du panier et des icônes : 16
Recherche, panier et couleur d'arrière-plan des icônes : #444444

Ensuite, revenez en arrière et sélectionnez Paramètres de navigation fixes . Ensuite, mettez à jour les éléments suivants :

Sélectionnez Masquer l'image du logo
Hauteur du menu : 60
Taille du texte : 16
Couleur d'arrière-plan : #222222

Enregistrer et publier

Si vous travaillez avec une toute nouvelle installation de WordPress et Extra, votre page d'accueil devrait ressembler à ceci.

Configurer des catégories pour vos produits

Une fois que vous avez terminé avec les paramètres de personnalisation de thème, vous pouvez commencer à ajouter les catégories pour les produits que nous ajouterons à l'avenir.

Pour configurer des catégories, accédez au tableau de bord WordPress et accédez à Articles > Catégories . Sous la section Ajouter une nouvelle catégorie sur la gauche, ajoutez les informations pour votre première catégorie. Pour cet exemple, je vais ajouter une catégorie appelée « Electronique » avec un slug nommé « électronique » et une couleur « #5bd999 ».

Cliquez ensuite sur le bouton Ajouter une nouvelle catégorie .

Je vais répéter cette étape pour trois autres catégories. Voici les informations pour les 4 de mes catégories :

1. Nom : Électronique
   Limace : électronique
   Couleur : #5bd999
2. Nom: Vêtements
   Limace : vêtements
   Couleur : #00c0e4
3. Nom : Cuisine
   Limace : cuisine
   Couleur : #e6567a
4. Nom : Santé et remise en forme
   Limace : santé et forme physique
   Couleur : #7658f8

Remarque : les couleurs vont jouer un rôle essentiel dans la conception du site, alors assurez-vous de les ajouter.

Une fois que vous avez terminé d'ajouter vos catégories, vous avez terminé la partie 1 de la série !

À venir : ajouter des articles et créer des mises en page pour vos produits

Dans la partie 2 de cette série, nous commencerons à ajouter le contenu de nos articles et à créer une nouvelle mise en page pour nos articles de produits. Ajouter des articles de critique de produit à Extra revient essentiellement à ajouter un article ordinaire. Par conséquent, si vous êtes habitué à créer des articles de blog et à utiliser Divi Builder, vous ne devriez pas avoir de problèmes avec notre prochaine étape. Si vous débutez dans tout cela, considérez que c'est le moment idéal pour apprendre à construire avec Extra.

Voici un exemple de l'un des articles sur les produits que nous allons créer dans la partie 2 de notre série.

Si vous avez des questions ou des commentaires, n'hésitez pas à poster un commentaire.

À votre santé!