Soufiane Sabiri
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.artisteer.com/?p=downloads
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 
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
Réparer une clé USB de A à Z sur Windows 11
Réparer les fichiers système corrompus de Windows 10
Inverser les couleurs de l'écran pour protéger vos yeux
j’apprécie beaucoup votre tutoriel cela m'aide énormément.
Mais j'ais encore une préoccupation que j'aimerai que vous me portez un coup de main. Je suis en train de développer un site web dynamique et je veux que mes articles affiches comme celui ci : http://www.easytutoriel.com et aussi le defilement des articles
Aidez-moi et merci pour tous.
Manassé Du Ciel
Envoyez-moi la partie du code PHP ou bien la page "home.php", "index.php" de votre thème actuel.
) et donc il faut faire plusieurs modifications pour que votre thème fonctionne de la même façon...
Le thème utilisé sur Easytutoriel.com est personnalisé (je l'ai créé moi-même
Sinon donnez-moi juste le nom du thème s'il s'agît d'un thème gratuit...
Bien cordialement,
Soufiane
Bonjour merci d'avoir repondu à la question.
J'utilise thème gratuit dont les noms suivent:
Coporate Lite et WEN associate.
Encore merci
Cordialement
Manassé Du Ciel
Bonjour,
Le thème est largement loin du thème, je vous encourage de chercher un autre thème qui ressemble à vos besoins, il y en a des milliers
Attention à ne pas utiliser les thèmes hors ceux qui sont dispo sur le site officiel de WordPress, car parfois on risque d'avoir des codes malicieux.
Utilisez le plugin "Theme Checker" pour vérifier si le thème n'a aucun code qui peut faire mal à votre site
A+
ok merci mais est ce que vous n'avez pas une solution pour moi ou me proposé un thème .
merci!!!
Manassé Du Ciel
Il n'existe pas "le thème qui sert à tous les sites", chaque site a ses besoins
Donc je vous invite à chercher un thème adaptable (responsive) pour mobile car aujourd'hui tout le monde utilise le mobile et c'est le futur !
BREF, lisez ce tutoriel pour savoir comment choisir un bon thème de A à Z : https://easytutoriel.com/wordpress-choisir-theme-template
J'avais l'habitude d'utiliser Artisteer pour créer des thèmes, avant qu'ils n'aient l'activation de thème en ligne. Je ne connais pas le statut maintenant, mais alors, les thèmes Artisteer n'étaient pas du tout complets en ce qui concerne la conception et le codage. Il y avait des bordures autour des images qui interféraient avec l'alignement du texte. Il y avait des bordures blanches flagrantes sur toutes les images avec des légendes, et aucun moyen dans le logiciel de les supprimer ou de les colorer. Il y avait le fond blanc éclatant du champ "Rechercher" dans ce widget, sans aucun moyen de le colorer. En fait, aujourd'hui, des années après avoir créé un thème en 2015, je suis de retour en ligne pour "rechercher" un moyen de changer la couleur d'arrière-plan du champ de recherche blanc éblouissant dans mon thème noir et rouge. Artisteer était très incomplet et vous deviez vraiment connaître le code et rechercher haut et bas pour résoudre les problèmes causés par l'omission d'éléments de conception importants par Artisteer. Certains n'ont pas pu être facilement résolus.
Bonjour,
Artisteer n'est pas gratuit, pour pouvoir exporter votre projet ou enlever Trial il vous faut acheter la License, par contre ce logiciel que j'utilise depuis 4 ans et très bien mais si vous voulez un code propre il vous faudra revenir dessus.
Merciiii
et moi qui galérer à apprendre le codage !
merci pour les informations ton article est super
Mais j'ai une interrogation: si je fais un theme avec se logiciel es que je peux mettre le lien de mon site en bah comme auteur du thème?
slt souf lorsque je veux enregistrer le projet aristeer refuse "aucun profil créé, panneau de config-télécopie........"
Salem Soufiane, pour commencer, merci pour ce super tuto ! Enfin mon propre design
mais j'ai un problème... Quand je sélectionne le thème, il est bien installer mais quand je vais sur mon site, en fond il y a "TTrial" tout sur le fond. Est ce normale ? si tu veux allez faire un tour sur mon blog : http://samirmellali.fr
Merci
Merci pour tout!!! =)^^
Merci pour tous vos commentaires Izzie
Super Tuto frère, Merciiiii
Ça bouge chez vous, disons
PAAAS DEEE QUOIII
est t'il possible d'enlever les filigrammes 'trial' des modeles exportés de artisteer.
merci
Non. Sauf en passant par la version payante du programme.
Je vais chercher s'il existe une solution gratuite !
Avez vous trouvé une solution gratuite, en passant par le code source ou autre ? Merci d'avance !
En fait, cela est quasi-impossible, car le texte est imprimé sur les images, donc la seule solution pour ce logiciel (Artisteer) est de le "cracker" (illégal) ou acheter la version complète...
Je parle d'autres logiciels, je vais rechercher.
bonjour soufiane,
je suis un amateur dans la creation de site.
une universite privee ma(mon groupe et moi) demande de creer un site web interactif, ou les etudiants peuvent s'inscrire, avoir les nouvelle de l'ecole dans leur boite etc...
j'aimerai s'il vous plait avoir vos idées, astuces... qui peuvent m'aider dans l'elaboration de ce site.
merci
Bonjour Chaudamort,
Je vous recommande la platforme uPortal, voici leur site : http://www.jasig.org/uportal
C'est un CMS conseillé pour les sites dans le domaine de l'éducation et l'enseignement !
Bien amicalement.
bonsoir souf...
j'aimerai savoir si vous connaissez d'autre logiciel plus puissants qui peuvent nous aider a designer notre site web.
merci
Bonjour Chadamort,
Le Adobe Dream Weaver est un logiciel très recommandé pour les professionnels, si vous n'êtes qu'un débutant, le Artisteer reste le meilleur selon moi
Sinon, quel est le type du site que vous avez ?
Cordialement.
merci beaucoup!
je decoubre ton site et il est tres interessant...
continue
peut être je suis en retard de mettre un commentaire sur cet article mais juste une petite question quand j'utilise Artisteer avec une version complète est ce que je peux enlever la phrase sous le pied de la page "powered by WordPress ...."?
Bonjour Mhamed,
Merci pour votre commentaire, et soyez le bienvenue ici.
En ce qui concerne la phrase "powered...", Oui !
Il suffit d'ouvrir tous vos fichiers exportés (php) ou les importer dans Notepad+, et chercher la phrase ou le lien wordpress.org dans tous les fichiers PHP que vous venez d'importer !
Je vous ai donné la solution qui peut marcher avec tous problèmes de ce genre (un lien dans l'en-tête par exemple).
Amicalement,
Soufiane
Vraiment super je connaissais Artisteer mais je savais pas qu'il était si puissant et assez facile d'acces (grâce à ce tuto)
Vraiment merci
Bonjour Sangimed,
Cool !
D'abord merci pour votre commentaire et bienvenue sur Easytutoriel.com
En faite, ce programme a connu des adaptations dans ces derniers mois, car comme vous le savez, la concurrence peut rendre un programme plus puissant et le rendre plus innovant qu'avant !
Amicalement,
Soufiane