TUTO 1: autopsie du thème WordPress Alyoum

Vous ne savez pas quel thème attribuer à votre blog ou site de niche? Dans la suite de l’article, je vous présente le thème WordPress Alyoum que j’utilise pour la plupart de mes sites Internet. Je vous ouvre la porte des coulisses du thème et vous explique comment le paramétrer facilement au cours d’une vidéo tutorielle. C’est parti.

Alyoum, un thème multi usages

S’il y a bien un thème WordPress pour lequel j’ai flashé, c’est bien Alyoum. C’est simple, il peut s’adapter à n’importe quel type de sites que vous souhaitez créer. Du blog, au site de niche, en passant par une page de vente ou un site vitrine, les possibilités sont presque infinies. C’est d’ailleurs le thème que j’utilise pour ce site, ainsi que la plupart de mes sites de niches, dont ceux de l’étude de cas.

Dans la suite de l’article, je vais donc soulever le capot, mettre les mains dans le cambouis et vous montrer tout le potentiel de ce thème. J’ai utilisé le site « Ma rencontre Asiatique » pour l’exemple.

Voici la vidéo tutorielle:

[c5ab_box type= »alert-info » ] Télécharger le thème:

Pour vous procurer le thème chez ThemeForest, cliquez ici [/c5ab_box]

 

Etape 1: Header, Footer et Skin

 

Le thème étant entièrement paramétrable, vous devrez d’abord avoir une idée bien précise de l’apparence que vous souhaitez lui donner. Un petit tour par la case crayon et papier est indispensable. Du moins, pour dessiner les grandes lignes de votre site. Une fois que vous savez où vous allez, il n’y a plus qu’à passer à l’action.

La première des choses sera de créer les différents Header de votre site en allant sur Header > Créer un Header.

Le header correspond à toute la partie haute de votre site. Tout ce qui se situe au-dessus des menus (ces derniers étant inclus)

Voici les différentes étapes à suivre:

  • Je vous conseille de bien nommer les différents Header (Header principale, Header blog, Header page de vente…).
  • Dans « Choose Header Layout », vous allez pouvoir choisir l’emplacement du logo de votre site.
  • Pour « Content Beside Logo », je vous conseille de tout supprimer de remplacer par un simple « point »
  • Dans « Choose Main Menu Position », vous pourrez choisir d’afficher votre menu principal sur la gauche ou en dessous du logo
  • Dans « Choose Main Menu », choisissez le menu principal à afficher.
  • Pour « Show Today » et le reste des options, je vous conseille de tout mettre sur « Off » dans un premier temps.

Vous n’aurez qu’à cliquer sur « Publier ».

Une fois vos Header en ligne, nous allons maintenant passer aux Footer. Pour cela rendez-vous sur Footer > Créer un Footer

Le Footer correspond à la partie la plus en bas de votre site (Cf vidéo).

Voici ce que vous pouvez insérer: 

  • Vos liens « mentions légales », « contact »…
  • Des shortcodes Alyoum, et il y a de quoi faire.
  • Rien du tout

Cliquez sur « Publier » une fois terminé.

Maintenant que vous avez créé vos différents « Hearder » et « Footer », nous allons maintenant pouvoir créer les différentes « Skins » de notre site.  Pour cela rendez-vous dans Skin > Créer une Skin.

La « Skin » correspond à l’apparence du corps de votre site. C’est là où vous allez pouvoir déterminer si vous souhaitez lui donner l’apparence d’une page de vente, d’un blog ou toutes autres choses…

Theme wordpress Alyoum skin

Voici les différentes étapes à suivre:

  • Choisissez un Header
  • Choisissez un Footer
  • Choisissez le sens de lecture de votre site
  • Choisissez l’apparence de la page (avec ou sans sidedar….)
  • Choisissez les sidebars
  • Définissez les couleurs de votre site
  • Vous pouvez aussi choisir la taille et la police d’écrire du texte et des différents Titre de votre site

Cliquez sur « Publier » une fois terminé.

Une fois terminé, nous allons définir la Skin par défaut pour vos pages et articles.

Etape 2: Theme Option

 

Rendez dans les options du thème en cliquant sur Apparence > Theme Option > Skin par défaut.

Dans cette parti, vous allez pouvoir définir une skin par défaut pour toutes les pages de votre site, ou bien définir une skin par type de page. Ainsi, vous pourrez appliquer les skins que vous avez créés à chaque page et article de votre site.

Theme wordpress theme option

 

Voici ce que vous allez pouvoir paramétrer dans cette section:

  • General: Insertion du logo, taille du logo, marges autour du logo, insertion d’un favicon, insertion de votre code Google Analytics, customiser l’apparence de votre site via du CSS ou du JavaScript.
  • Social Icons: Ajoutez votre ID Facebook
  • Article Settings: Laissez apparaître ou supprimer des informations à l’intérieur de vos articles (partage réseaux sociaux, articles similaires, commentaires Facebook…)
  • Search Settings: si vous souhaitez faire apparaitre les articles ou les pages lors d’une recherche sur votre site.
  • Sidebar: permet de créer une multitude de sidebars
  • Custom Fonts:  changer la police d’écriture de votre site.

 

Etape 3: apparence de vos pages et articles

 

Ce qui est intéressant avec le thème WordPress Alyoum, ce sont ses nombreux Shortcode.

Theme wordpress Alyoum Shortcode

 

La liste serait trop longue pour tous les citer, mais sachez que vous pouvez notamment insérer:

  • des puces pour vos pages de vente
  • des box Facebook
  • des tables de prix
  • des formulaires de contact
  • des images, des vidéos

Notez que vous pouvez aller encore plus loin grâce au Awesome Builder.

Theme wordpress Alyoum Awesome Builder

Pour la démo, je vous invite à regarder la vidéo tuto.

Voici quelques sites réalisés avec le thème Alyoum:

  • http://jarretedemepeser.com (le site d’une amie à qui j’ai conseillé le thème)
  • http://www.reflexologue-maville.com (le site d’exemple d’une de mes formations)
  • http://www.voyage-afriquedusud.fr (le site d’un collègue blogueur)
  • http://www.ouvrir-un-restaurant.com (notre étude de cas)
  • http://devenir-therapeute.com/formation/ (une page de vente)

 

Comme vous pouvez le constater, les 5 sites sont tous différents. Pourtant, ils ont tous pour bases le thème Alyoum.

Si vous souhaitez plus d’informations, je vous invite à me les poser dans les commentaires.

[c5ab_box type= »alert-info » ] Télécharger le thème:

Pour vous procurer le thème chez ThemeForest, cliquez ici [/c5ab_box]

 

[c5ab_box type= »alert-success » ]

C’est à vous! Vous avez aimé cet article, partagez-le.

Que pensez-vous de ce thème WordPress? C’est dans les commentaires.[/c5ab_box]

Laissez-moi un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *