Créez votre propre thème WordPress sans toucher au code !
Votes : environ (100%) 1 vote

Dans le tutoriel d’aujourd’hui, je vais vous montrer comment créer un thème pour votre site web utilisant WordPress sans rien savoir des langages web (Xhtml, CSS, PHP…).

Nous allons utiliser pour cela un programme créé pour ce but. Son interface facile et accessible à tous ceux qui veulent créer un thème avec un menu, couleurs et logo personnalisés.

C’est un programme gratuit, que vous pouvez le télécharger depuis le lien ci-dessous.

Ce fameux logiciel est nommé « Artisteer ».

Allons-y !

Tutoriel :

Téléchargement et installation :

Vous pouvez télécharger le programme Artisteer en utilisant ce lien : http://www.01net.com/tele…8194.html

Et puis ensuite, lancez l’installation en double-cliquant sur le fichier téléchargé. Cliquez « Suivant » (après avoir choisi la langue Française) > « Suivant » > Cochez et cliquez « Suivant » > « Installer »… Attendez jusqu’à la fin de l’installation et terminez en cliquant sur « Terminer ».

Comment l’utiliser :

Après l’installation, lancez votre programme en double-cliquant sur l’icône dans le bureau.

Une fenêtre va s’afficher vous demandant soit de créer un nouveau projet soit ouvrir un projet existant, dans l’onglet « Thèmes Sytème de Gestion de Contenu » cliquez sur WordPress.

La première chose, c’est choisir les couleurs qui peuvent se réunir ensemble dans un thème, qui va être le design de la totalité de votre site web.

Je vous recommande, d’utiliser plusieurs fois le bouton Suggestion… Les couleurs vont à chaque fois que vous cliquez changer, si vous avez sauté la collection de couleurs que vous voulez, cliquez en haut sur « < Annulation ».

Cliquez en haut sur « Mise en Forme », choisissez la mise en forme dans l’onglet « Mise en Page de Conception ».

L’arrière plan joue un rôle très important, si vous mettez un arrière plan qui est très approprié à votre thème, on a l’air que vous êtes un vrai web designer :D

Pour changer l’arrière plan, il suffit de sélectionner l’arrière plan que vous préférez dans l’onglet « Texture ou Image » dans le menu « Arrière-plan ».

Pour la « feuille », c’est le même travail !

La feuille c’est les bordures… Vous pouvez faire des bordures ronds avec un remplissage de 2px, comme vous pouvez faire des bordures qui ne sont plus ronds sans emplissage…

A vous de choisir !

Ensuite, vous devez modifier la bordure de votre design, pour cela, cliquez sur « Feuille » en haut et changez la forme de la feuille, et puis ensuite, vous pouvez modifier chaque détail seul (Largeur, Marge, Remplissage…)

Pour mettre une image dans votre En-tête, il suffit de parcourir votre image dans le menu « En-tête ».

Ensuite, changez le nom de votre site web (ex: Easytutoriel.com) et mettez en dessous le Slogon de ce dernier. Et modifiez par la suite la couleur de l’arrière-plan.

Pour modifier le style du menu, vous devez vous déplacer vers l’onglet « Menu » et changer le style ou bien laisser « Artisteer » choisir le menu comme j’ai pu faire sans perdre le temps…

Voici dans l’image ci-dessous, la relation entre chaque outil et son apparence en temps réel…

Vous pouvez modifier la couleur et taille du texte dans article par l’onglet « Articles » et puis modifier pour chaque balise (ex: <h1>, <h3>…) ses paramètres de style.

Vous pouvez de même modifier tous les autres styles, comme les styles des puces, l’Auteur ou même la date de publication ! Bref, tous !!

Voici une image des styles que vous pouvez modifier afin de rendre votre thème plus attractif :) (Juste pour ceux qui n’ont pas téléchargé le programme…)

Le pied de page est un élément qui joue un rôle très important ! C’est la place ou on met des liens de contact, les droits et les mentions légales…

Vous pouvez – à l’aide de Artisteer – modifier votre pied de page, changer le logo RSS et mettre une image ou un texture pour décorer un peu le style :)

PS: Le pied de la page est prit comme un élément d’important pour les moteurs de recherche comme Google ! Car comme vous le savez, plusieurs sites mettent plusieurs liens dans leur pieds de page.

Et après avoir effectué tous les changements nécessaire dans votre futur thème, vous devez l’enregistrer pour l’installer dans votre Blog ou dans votre site web utilisant le WordPress.

Cliquez sur « Fichier » > « Exporter » > « Thème WordPress ».

Indiquez le nom de votre thème, le chemin de destination « ou d’accès », cliquez sur « Exporter ».

Et voilà !!

Il ne reste qu’envoyer votre dossier vers le dossier « wo-content/themes » et l’activer depuis votre tableau de bord pour pouvoir l’utiliser.

.

Il ne me reste que vous souhaiter un très bon job avec la création de votre propre thème ! N’hésitez pas de partager cette méthode avec vos proches et n’hésitez surtout pas à ajouter des commentaires ci-dessous :)

Soufiane – Easytutoriel.com