{"id":62358,"date":"2021-10-29T04:00:31","date_gmt":"2021-10-29T04:00:31","guid":{"rendered":"https:\/\/blogging-techies.com\/fr\/10-conseils-pour-creer-votre-premier-theme-wordpress\/"},"modified":"2021-10-29T04:00:31","modified_gmt":"2021-10-29T04:00:31","slug":"10-conseils-pour-creer-votre-premier-theme-wordpress","status":"publish","type":"post","link":"https:\/\/blogging-techies.com\/fr\/10-conseils-pour-creer-votre-premier-theme-wordpress\/","title":{"rendered":"10 conseils pour cr\u00e9er votre premier th\u00e8me WordPress"},"content":{"rendered":"<p>\n<img decoding=\"async\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2021\/09\/1632186122_229_Agregue-eventos-a-WordPress-con-el-calendario-de-eventos.jpg\"><\/p>\n<p>J&#8217;ai commenc\u00e9 \u00e0 cr\u00e9er des th\u00e8mes WordPress il y a environ 1 an et j&#8217;aime vraiment \u00e7a.  Non seulement vous vous salissez avec vos fichiers XHTMl et CSS habituels, mais vous pouvez maintenant ajouter un bon codage php.  La mise en route peut \u00eatre la plus difficile, surtout si vous n&#8217;\u00eates pas un d\u00e9veloppeur Web exp\u00e9riment\u00e9.  Quand j&#8217;ai commenc\u00e9, je ne savais m\u00eame pas comment cr\u00e9er un manuel <a href=\"%E2%80%9D%E2%80%9D\"><\/a>    Relier.  Il y avait une courbe d&#8217;apprentissage assez longue au d\u00e9but, mais j&#8217;ai beaucoup appris gr\u00e2ce \u00e0 l&#8217;exp\u00e9rimentation et maintenant j&#8217;ai de tr\u00e8s bonnes comp\u00e9tences.<\/p>\n<p>Afin de vous aider dans votre cheminement vers la cr\u00e9ation de votre premier th\u00e8me WordPress, je voulais vous donner 10 conseils qui peuvent vous aider et vous faciliter la t\u00e2che.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"10_conseils_pour_creer_votre_premier_theme_WordPress\"><\/span>10 conseils pour cr\u00e9er votre premier th\u00e8me WordPress<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Tu es pr\u00eat?  Voici nos 10 meilleurs conseils pour cr\u00e9er votre premier th\u00e8me WordPress en 2011. Commen\u00e7ons les gars !<\/p>\n<h3><span class=\"ez-toc-section\" id=\"1_Lancez_le_theme_WordPress_par_defaut\"><\/span>1. Lancez le th\u00e8me WordPress par d\u00e9faut<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>La meilleure fa\u00e7on d&#8217;apprendre comment fonctionne WordPress est de regarder un th\u00e8me en action.  Lorsque vous d\u00e9butez, je vous sugg\u00e8re de t\u00e9l\u00e9charger le th\u00e8me WordPress par d\u00e9faut et d&#8217;inspecter chaque \u00e9l\u00e9ment afin que vous puissiez voir exactement comment tout fonctionne et ce qu&#8217;il fait.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"2_Connaissez_vos_balises_de_modele\"><\/span>2. Connaissez vos balises de mod\u00e8le<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Les th\u00e8mes WordPress sont constitu\u00e9s de diverses \u00ab balises de mod\u00e8le \u00bb que vous pouvez utiliser pour obtenir divers effets.  Tels que, qui<\/p>\n<p>affichera le contenu d&#8217;un article donn\u00e9 sur la page o\u00f9 qu&#8217;il soit plac\u00e9.  Il existe des tonnes de balises de mod\u00e8les diff\u00e9rentes qui sont utilis\u00e9es pour diff\u00e9rentes choses.  Vous allez vouloir vous familiariser avec ces derniers.  Tous sont disponibles dans le Codex WordPress.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"3_Personnalisez_dabord_un_theme\"><\/span>3. Personnalisez d&#8217;abord un th\u00e8me<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>A moins que vous n&#8217;ayez des connaissances pr\u00e9alables en HTML et CSS et que vous puissiez d\u00e9j\u00e0 cr\u00e9er facilement un site, je vous sugg\u00e8re de commencer par t\u00e9l\u00e9charger quelques th\u00e8mes de base et de les personnaliser afin d&#8217;apprendre plus rapidement comment sont compos\u00e9s les th\u00e8mes et comment fonctionne la feuille de style.  Sinon, passez au conseil suivant.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"4_Commencez_avec_votre_fichier_Indexphp\"><\/span>4. Commencez avec votre fichier Index.php<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Au d\u00e9but, lorsque je commen\u00e7ais \u00e0 coder des th\u00e8mes, je cr\u00e9ais tous les fichiers (header.php, index.php, footer.php, sidebar.php\u2026), puis je commen\u00e7ais \u00e0 ajouter du code \u00e0 chacun.  Finalement, vous voudrez que tout votre code soit s\u00e9par\u00e9 dans ces fichiers, mais si vous cr\u00e9ez d&#8217;abord votre fichier index.php avec tout votre code, vous pouvez facilement pr\u00e9visualiser lorsque vous apportez des modifications.  Ensuite, une fois cela fait, vous pouvez le diviser en ses sections correspondantes.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"5_Ne_codez_pas\"><\/span>5. Ne codez pas<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Si vous cherchez \u00e0 offrir des th\u00e8mes ou \u00e0 vendre des th\u00e8mes \u00e0 l&#8217;avenir, vous devriez prendre l&#8217;habitude de ne coder aucun lien dans votre th\u00e8me.  Utilisez toujours lorsque vous cr\u00e9ez des liens vers des images ou des fichiers de votre dossier de th\u00e8me.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"6_BAISER\"><\/span>6. BAISER<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Si vous \u00eates un designer d\u00e9butant, votre premier th\u00e8me WordPress devrait \u00eatre tr\u00e8s simple.  Cr\u00e9er d&#8217;abord un th\u00e8me simple vous aidera \u00e0 comprendre toutes les bases et vous pr\u00e9parera \u00e0 un projet plus difficile.  Tenez-vous en \u00e0 un design minimal et essayez de comprendre tous les codes php, fonctions et balises de mod\u00e8les associ\u00e9s \u00e0 wordpress.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"7_Recherchez_de_laide_en_ligne\"><\/span>7. Recherchez de l&#8217;aide en ligne<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Internet est la meilleure source pour tout d\u00e9veloppeur Web.  Si vous ne savez pas coder quelque chose ou si vous rencontrez des probl\u00e8mes pour effacer les \u00e9l\u00e9ments flottants, vous trouverez une solution en ligne.  Chaque fois que vous \u00eates perplexe (et je suis s\u00fbr que vous le ferez), il y a des tonnes de bonnes ressources en ligne.  Vous pouvez consulter certains blogs, sites d&#8217;articles, wordpress.org ou m\u00eame certains forums Web.  Pour d\u00e9velopper des th\u00e8mes, le lieu est probablement le forum wordpress.org.  Il y a toujours des gens pr\u00eats \u00e0 vous aider (moi y compris).<\/p>\n<h3><span class=\"ez-toc-section\" id=\"8_Travailler_en_direct\"><\/span>8. Travailler en direct<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Chaque fois que je con\u00e7ois un nouveau th\u00e8me, j&#8217;aime travailler &#8220;en direct&#8221;, ce qui signifie que je cr\u00e9e tout et que je le fais glisser sur mon serveur pendant que je travaille (vous pouvez \u00e9galement utiliser une base de donn\u00e9es locale, mais j&#8217;aime utiliser ma cr\u00e9ation secr\u00e8te domaine des sujets).  D\u00e8s que les premi\u00e8res lignes de votre feuille de style et de votre fichier d&#8217;index sont termin\u00e9es, vous pouvez activer le th\u00e8me et le visualiser au fur et \u00e0 mesure de votre conception.  De cette fa\u00e7on, vous pouvez voir exactement \u00e0 quoi cela ressemble pendant que vous travaillez et vous ne serez pas surpris lorsque vous aurez termin\u00e9 que cela a l&#8217;air horrible.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"9_Enregistrez_votre_travail\"><\/span>9. Enregistrez votre travail<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Cette astuce peut sembler un peu \u00e9vidente, mais j&#8217;ai fait l&#8217;erreur de d\u00e9truire certains des th\u00e8mes personnalis\u00e9s que j&#8217;ai cr\u00e9\u00e9s lorsque j&#8217;ai commenc\u00e9.  \u00c9tant donn\u00e9 qu&#8217;une grande partie du code est \u00ab\u00a0modulaire\u00a0\u00bb, tout conserver vous permettra d&#8217;\u00e9conomiser beaucoup de temps et d&#8217;efforts \u00e0 l&#8217;avenir.  Par exemple, si vous avez pass\u00e9 quelques heures \u00e0 \u00e9crire votre fichier comments.php, vous devez l&#8217;enregistrer et l&#8217;utiliser dans les sujets futurs.  Vous pouvez \u00e9galement copier et coller vos anciennes boucles de th\u00e8me dans de nouvelles pour gagner du temps.  Mais si vous r\u00e9utilisez un code, assurez-vous qu&#8217;il n&#8217;est pas obsol\u00e8te et qu&#8217;il est toujours conforme aux normes les plus r\u00e9centes.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"10_Amusez-vous\"><\/span>10. Amusez-vous<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Chaque fois que vous concevez un th\u00e8me, essayez de vous amuser avec.  Si vous n&#8217;\u00eates pas d&#8217;humeur, mettez-le de c\u00f4t\u00e9 et faites autre chose.  J&#8217;ai trouv\u00e9 que tous les meilleurs sites que j&#8217;ai cr\u00e9\u00e9s \u00e9taient quand j&#8217;\u00e9tais de bonne humeur et que je m&#8217;amusais avec eux.<\/p>\n  <div id=\"ez-toc-container\" class=\"ez-toc-v2_0_89 ez-toc-wrap-center counter-flat ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 eztoc-toggle-hide-by-default' ><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/blogging-techies.com\/fr\/10-conseils-pour-creer-votre-premier-theme-wordpress\/#10_conseils_pour_creer_votre_premier_theme_WordPress\" >10 conseils pour cr\u00e9er votre premier th\u00e8me WordPress<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/blogging-techies.com\/fr\/10-conseils-pour-creer-votre-premier-theme-wordpress\/#1_Lancez_le_theme_WordPress_par_defaut\" >1. Lancez le th\u00e8me WordPress par d\u00e9faut<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/blogging-techies.com\/fr\/10-conseils-pour-creer-votre-premier-theme-wordpress\/#2_Connaissez_vos_balises_de_modele\" >2. Connaissez vos balises de mod\u00e8le<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/blogging-techies.com\/fr\/10-conseils-pour-creer-votre-premier-theme-wordpress\/#3_Personnalisez_dabord_un_theme\" >3. Personnalisez d&#8217;abord un th\u00e8me<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/blogging-techies.com\/fr\/10-conseils-pour-creer-votre-premier-theme-wordpress\/#4_Commencez_avec_votre_fichier_Indexphp\" >4. Commencez avec votre fichier Index.php<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/blogging-techies.com\/fr\/10-conseils-pour-creer-votre-premier-theme-wordpress\/#5_Ne_codez_pas\" >5. Ne codez pas<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/blogging-techies.com\/fr\/10-conseils-pour-creer-votre-premier-theme-wordpress\/#6_BAISER\" >6. BAISER<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/blogging-techies.com\/fr\/10-conseils-pour-creer-votre-premier-theme-wordpress\/#7_Recherchez_de_laide_en_ligne\" >7. Recherchez de l&#8217;aide en ligne<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/blogging-techies.com\/fr\/10-conseils-pour-creer-votre-premier-theme-wordpress\/#8_Travailler_en_direct\" >8. Travailler en direct<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/blogging-techies.com\/fr\/10-conseils-pour-creer-votre-premier-theme-wordpress\/#9_Enregistrez_votre_travail\" >9. Enregistrez votre travail<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/blogging-techies.com\/fr\/10-conseils-pour-creer-votre-premier-theme-wordpress\/#10_Amusez-vous\" >10. Amusez-vous<\/a><\/li><\/ul><\/nav><\/div>\n ","protected":false},"excerpt":{"rendered":"<p>J&#8217;ai commenc\u00e9 \u00e0 cr\u00e9er des th\u00e8mes WordPress il y a environ 1 an et j&#8217;aime vraiment \u00e7a. Non seulement vous vous salissez avec vos fichiers XHTMl et CSS habituels, mais vous pouvez maintenant ajouter un bon codage php. La mise en route peut \u00eatre la plus difficile, surtout si vous n&#8217;\u00eates pas un d\u00e9veloppeur Web [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":62359,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[],"class_list":["post-62358","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blogs"],"_links":{"self":[{"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/posts\/62358","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/comments?post=62358"}],"version-history":[{"count":0,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/posts\/62358\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/media\/62359"}],"wp:attachment":[{"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/media?parent=62358"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/categories?post=62358"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/tags?post=62358"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}