![](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2021\/09\/The-Best-WordPress-Hosting-for-Your-Website.jpg\")
<\/p>\n\n<\/p>\n
Alors que je terminais mon th\u00e8me premium \u00e0 soumettre pour examen sur ThemeForest, je faisais mon test final et j’ai pens\u00e9 que je pourrais aussi bien \u00e9crire un article sur certaines des v\u00e9rifications les plus importantes et g\u00e9n\u00e9rales \u00e0 faire avant de lancer le th\u00e8me. Bien s\u00fbr, il y a beaucoup de choses \u00e0 v\u00e9rifier, mais voici 20 d’entre elles que je consid\u00e8re comme les v\u00e9rifications les plus importantes avant de lancer votre th\u00e8me.<\/p>\n
C’est quelque chose d’assez basique mais tr\u00e8s important. Assurez-vous d’avoir inclus le hook wp_head dans le fichier header.php et votre hook wp_footer dans le fichier footer.php. Ces crochets sont tr\u00e8s importants pour que les plugins fonctionnent avec votre th\u00e8me. De plus, si vous incluez des fonctionnalit\u00e9s qui sont ajout\u00e9es \u00e0 ces crochets, vous en aurez \u00e9videmment besoin.<\/p>\n
J’ai souvent h\u00e2te de lancer mon th\u00e8me et j’ai oubli\u00e9 d’inclure le fichier screenshot.png de base avec le th\u00e8me. C’est l’image qui appara\u00eetra dans votre gestionnaire WP sous votre balise Apparence.<\/p>\n
En gros, prenez une capture d’\u00e9cran de votre th\u00e8me, coupez-la \u00e0 environ 300 pixels sur 225 pixels, enregistrez-la au format png et nommez-la “capture d’\u00e9cran”. Ensuite, d\u00e9posez ce b\u00e9b\u00e9 directement \u00e0 la racine de votre dossier de th\u00e8me.<\/p>\n
Il existe de nombreuses fonctionnalit\u00e9s \u00e9tonnantes dans WordPress qui ne sont pas activ\u00e9es par d\u00e9faut et doivent \u00eatre activ\u00e9es \u00e0 l’aide de la fonction add_theme_support dans votre th\u00e8me. Certaines de ces fonctionnalit\u00e9s incluent les vignettes de publication, la balise meta title, la prise en charge html5, l’en-t\u00eate personnalis\u00e9, le logo personnalis\u00e9, etc. Vous trouverez ci-dessous un exemple d’activation de ces fonctions (notez que vous devez vous connecter au hook d’action after_setup_theme).<\/p>\n
\/\/ Add theme support\r\nfunction themename_add_theme_support() {\r\n\tadd_theme_support( 'post-formats', array( 'aside', 'video', 'image', 'gallery', 'quote' ) );\r\n\tadd_theme_support( 'post-thumbnails' );\r\n\tadd_theme_support( 'automatic-feed-links' );\r\n\tadd_theme_support( 'html5', array( 'comment-list', 'comment-form', 'search-form', 'gallery', 'caption' ) );\r\n\tadd_theme_support( 'title-tag' );\r\n\tadd_theme_support( 'custom-header' );\r\n\tadd_theme_support( 'custom-logo' );\r\n\tadd_theme_support( 'customize-selective-refresh-widgets' );\r\n}\r\nadd_action( 'after_setup_theme', 'themename_add_theme_support' );<\/pre>\nNoter<\/strong>: Dans l’exemple d’extrait de code, nous ajoutons uniquement la prise en charge de th\u00e8me de base, mais pour la plupart des fonctions, vous pouvez \u00e9galement transmettre une liste d’arguments. Par exemple, pour un logo personnalis\u00e9, vous pouvez passer un tableau avec largeur, hauteur, texte d’en-t\u00eate, etc. Assurez-vous donc de rechercher chaque fonctionnalit\u00e9 et de voir si vous souhaitez transmettre des arguments personnalis\u00e9s.<\/p>\n<\/span>Assurez-vous que la pagination fonctionne<\/span><\/h2>\nSurtout si vous utilisez des types de publication personnalis\u00e9s, il est important de vous assurer que la pagination fonctionne non seulement sur votre page de blog, vos cat\u00e9gories et vos balises, mais \u00e9galement sur les fichiers de type de publication personnalis\u00e9s et les taxonomies personnalis\u00e9es. Jetez un \u0153il \u00e0 notre guide pour ajouter de la pagination dans WordPress si vous ne savez pas comment.<\/p>\n
<\/span>D\u00e9finir la r\u00e9servation du menu WordPress<\/span><\/h2>\nL’une des questions les plus courantes que je re\u00e7ois des gens, outre la fa\u00e7on de configurer vos images, est de savoir comment configurer votre menu. Lorsque vous utilisez le syst\u00e8me de menu glisser-d\u00e9poser de WP, il est toujours id\u00e9al de d\u00e9finir un retour pour votre menu avec un lien vers le panneau d’administration afin que les utilisateurs puissent voir comment configurer leur menu. Ne laissez pas vos utilisateurs deviner\u00a0!<\/p>\n
Jetez un \u0153il \u00e0 notre guide sur la fa\u00e7on d’ajouter un menu alternatif dans WordPress si vous ne savez pas comment.<\/p>\n
<\/span>Mettre le script en file d’attente pour les commentaires fil\u00e9s<\/span><\/h2>\nLorsque les utilisateurs activent les commentaires fil\u00e9s dans leur administrateur WordPress, vous autorisez les gens \u00e0 r\u00e9pondre \u00e0 leurs commentaires sur votre blog. Vous avez probablement remarqu\u00e9 comment certains th\u00e8mes rechargent la page lorsqu’un utilisateur clique sur le bouton “r\u00e9pondre”, ce qui n’est pas tr\u00e8s convivial ou professionnel. Heureusement, WordPress est livr\u00e9 avec un script int\u00e9gr\u00e9 afin que les commentaires en fil de discussion puissent fonctionner sans avoir \u00e0 recharger la page. Pour l’activer, ajoutez simplement le code suivant dans votre fichier functions.php :<\/p>\n
\n<\/span>Aseg\u00farese de que Javascript se haya agregado correctamente<\/span><\/h2>\nEs importante incluir Javascript correctamente en sus temas para que no entre en conflicto con ning\u00fan complemento. Hace un tiempo escrib\u00ed una publicaci\u00f3n que mostraba c\u00f3mo agregar Javascript a trav\u00e9s de su archivo functions.php. Si a\u00fan est\u00e1 agregando su JS en el archivo header.php, aseg\u00farese de leer nuestra publicaci\u00f3n sobre C\u00f3mo agregar Javascript a WordPress de la manera correcta.<\/p>\n\n
<\/span>Pruebe su tema en todos los navegadores \"principales\"<\/span><\/h2>\nDesafortunadamente, la gente todav\u00eda usa navegadores m\u00e1s antiguos como Internet Explorer 10. Si est\u00e1 desarrollando temas de WordPress, es muy importante probarlo en todos los navegadores principales y asegurarse de que se vea bien. Si su sitio se ve mal en Firefox, Safari o IE (no solo verifique en Chrome), es posible que las personas no lo descarguen ni lo compren y, si lo hacen, es posible que obtenga muchos tickets de soporte pidi\u00e9ndole que arregle el tema y lo haga funcionar . Echa un vistazo a algunos de los mejores sitios de prueba de navegadores a continuaci\u00f3n:<\/p>\n
<\/span>Incluir un archivo 404.php<\/span><\/h2>\nEsto es muy f\u00e1cil de hacer y tambi\u00e9n muy importante. Si no incluye un archivo 404.php en su tema cuando un usuario navega por el sitio y termina en una p\u00e1gina de error 404, puede mostrar el contenido de su archivo index.php o mostrar una p\u00e1gina 404 generada por el servidor que no lo hace. coincidir con el dise\u00f1o de su sitio o proporcionar enlaces \u00fatiles al visitante. Esto puede ser malo para el SEO, pero tambi\u00e9n es muy poco amigable para el usuario. Personalmente me gusta incluir un t\u00edtulo, una lista de p\u00e1ginas y tal vez incluso mi formulario de b\u00fasqueda. Realmente depende de usted lo que incluya, pero aseg\u00farese de tener el archivo.<\/p>\n
<\/span>Cree p\u00e1ginas individuales para sus tipos de publicaciones<\/span><\/h2>\nSi tiene alg\u00fan tipo de publicaci\u00f3n en su tema, debe crear p\u00e1ginas individuales para cada una, de lo contrario, se usar\u00e1 el archivo single.php predeterminado. y todos los tipos de publicaciones se ver\u00e1n como un blog. Por ejemplo, si tiene un tipo de publicaci\u00f3n personalizada de cartera, debe tener un archivo single-portfolio.php para mostrar las publicaciones de cartera \u00fanica.<\/p>\n
Si tiene tipos de publicaciones personalizadas para las que no necesariamente desea publicaciones individuales (como un control deslizante o un tipo de publicaci\u00f3n espec\u00edfica de la p\u00e1gina de inicio), debe tener estos tipos de publicaciones definidos con el par\u00e1metro p\u00fablico establecido en falso y el par\u00e1metro show_ui establecido en verdadero ( consulte la funci\u00f3n register_post_type para obtener m\u00e1s informaci\u00f3n),<\/p>\n\n
<\/span>Incluir detalles del tema en la hoja de estilo<\/span><\/h2>\n\u00a1No olvide incluir los detalles del tema en su tema! No solo necesita un nombre para que el tema aparezca en la pesta\u00f1a Apariencia, sino que tambi\u00e9n querr\u00e1 mostrar a los usuarios qu\u00e9 versi\u00f3n del tema est\u00e1n usando y darse algo de cr\u00e9dito por el tema. A continuaci\u00f3n se muestra una muestra de los detalles del tema de mi tema Total de WordPress.<\/p>\n
\/*\r\n Theme Name: Total\r\n Version: 4.6\r\n Description: Premium WordPress theme by WPExplorer\r\n Author: WPExplorer\r\n Theme URI: https:\/\/themeforest.net\/item\/total-responsive-multipurpose-wordpress-theme\/6339019\r\n Author URI: https:\/\/themeforest.net\/user\/wpexplorer\r\n License: Custom license\r\n License URI: http:\/\/themeforest.net\/licenses\/terms\/regular\r\n Text Domain: total\r\n Tags: custom-colors, accessibility-ready, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready<\/pre>\n<\/span>Style d'alignement\/styles d'image par d\u00e9faut<\/span><\/h2>\nN'oubliez pas de concevoir les alignements d'images et les styles d'images par d\u00e9faut dans WordPress. Comme vous le savez, vous pouvez aligner les images \u00e0 gauche, \u00e0 droite ou au centre dans votre \u00e9diteur de publication, mais vous devez inclure les styles correspondants dans votre th\u00e8me pour que cela fonctionne vraiment. Vous trouverez ci-dessous uniquement le CSS de base pour l'image, les guillemets et les alignements de texte, les l\u00e9gendes et quelques r\u00e9initialisations pour les visages souriants. Vous pouvez le copier et le coller directement dans votre th\u00e8me et le modifier en cons\u00e9quence.<\/p>\n
\/*--------------------------*\r\n\/* WordPress Alignments\r\n\/*--------------------------*\/\r\n.aligncenter{ display:block;\u00a0 margin:0 auto}\r\n.alignright{ float:right;\u00a0 margin:10px 0 10px 10px}\r\n.alignleft{ float:left;\u00a0 margin:10px 10px 10px 0}\r\n.floatleft{ float:left}\r\n.floatright{ float:right}\r\n.textcenter{ text-align:center}\r\n.textright{ text-align:right}\r\n.textleft{ text-align:left}<\/pre>\n<\/span>Style de widget par d\u00e9faut<\/span><\/h2>\nWordPress comprend de nombreux widgets int\u00e9gr\u00e9s. Si vous cr\u00e9ez un th\u00e8me, vous devez le concevoir pour qu'il corresponde \u00e0 votre site et le rendre meilleur. Vous trouverez ci-dessous une liste de tous les diff\u00e9rents widgets que vous voudrez concevoir.<\/p>\n
\/*--------------------------*\r\n\/* WordPress Widget Styles\r\n\/*--------------------------*\/\r\n.widget {}\r\n\r\n\/* links widget *\/\r\n.widget_links {}\r\n.widget_links ul {}\r\n.widget_links ul li {}\r\n.widget_links ul li a {}\r\n\r\n\/* meta widget *\/\r\n.widget_meta {}\r\n.widget_meta ul {}\r\n.widget_meta ul li {}\r\n.widget_meta ul li a {}\r\n\r\n\/* pages widget *\/\r\n.widget_pages {}\r\n.widget_pages ul {}\r\n.widget_pages ul li {}\r\n.widget_pages ul li a {}\r\n\r\n\/* recent-posts widget *\/\r\n.widget_recent_entries {}\r\n.widget_recent_entries ul {}\r\n.widget_recent_entries ul li {}\r\n.widget_recent_entries ul li a {}\r\n\r\n\/* archives widget *\/\r\n.widget_archive {}\r\n.widget_archive ul {}\r\n.widget_archive ul li {}\r\n.widget_archive ul li a {}\r\n.widget_archive select {}\r\n.widget_archive option {}\r\n\r\n\/* tag-cloud widget *\/\r\n.widget_links {}\r\n.widget_links li:after {}\r\n.widget_links li:before {}\r\n.widget_tag_cloud {}\r\n.widget_tag_cloud a {}\r\n.widget_tag_cloud a:after {}\r\n.widget_tag_cloud a:before {}\r\n\r\n\/* calendar widget *\/\r\n.widget_calendar {}\r\n#calendar_wrap {}\r\n#calendar_wrap th {}\r\n#calendar_wrap td {}\r\n#wp-calendar tr td {}\r\n#wp-calendar caption {}\r\n#wp-calendar a {}\r\n#wp-calendar #today {}\r\n#wp-calendar #prev {}\r\n#wp-calendar #next {}\r\n#wp-calendar #next a {}\r\n#wp-calendar #prev a {}\r\n\r\n\/* category widget *\/\r\n.widget_categories {}\r\n.widget_categories ul {}\r\n.widget_categories ul li {}\r\n.widget_categories ul ul.children {}\r\n.widget_categories a {}\r\n.widget_categories select{}\r\n.widget_categories select#cat {}\r\n.widget_categories select.postform {}\r\n.widget_categories option {}\r\n.widget_categories .level-0 {}\r\n.widget_categories .level-1 {}\r\n.widget_categories .level-2 {}\r\n.widget_categories .level-3 {}\r\n\r\n\/* recent-comments widget *\/\r\n.recentcomments {}\r\n#recentcomments {}\r\n#recentcomments li {}\r\n#recentcomments li a {}\r\n.widget_recent_comments {}\r\n\r\n\/* search widget *\/\r\n#searchform {}\r\n.widget_search {}\r\n.screen-reader-text {}\r\n\r\n\/* text widget *\/\r\n.textwidget {}\r\n.widget_text {}<\/pre>\n<\/span>Afficher les liens sortants<\/span><\/h2>\nCela ne s'applique pas beaucoup aux th\u00e8mes premium, car vous ne devez inclure aucun lien dans votre th\u00e8me (sauf peut-\u00eatre un lien vers la documentation ou le journal des modifications), mais pour ceux qui cr\u00e9ent des th\u00e8mes gratuits, assurez-vous que les liens que vous fournissez dans la zone d'administration et plus important encore, le pied de page du site va quelque part. Et veuillez ne pas cr\u00e9er de lien vers des sites contenant du spam ou inclure des liens sponsoris\u00e9s dans vos sujets. Si vous voulez vraiment cr\u00e9er un th\u00e8me gratuit, faites-le pour redonner \u00e0 la communaut\u00e9 ou augmenter votre visibilit\u00e9. Vous ne devriez pas cr\u00e9er des sujets uniquement dans le but d'obtenir ou de vendre des backlinks.<\/p>\n
<\/span>Assurez-vous que votre formulaire de recherche est configur\u00e9<\/span><\/h2>\nBien que votre th\u00e8me n'inclue peut-\u00eatre pas de barre de recherche int\u00e9gr\u00e9e au th\u00e8me quelque part, les gens peuvent vouloir en ajouter une \u00e0 leur barre lat\u00e9rale ou \u00e0 toute autre zone widgetis\u00e9e via le widget de la barre de recherche, alors assurez-vous d'avoir inclus votre fichier searchform.php dans votre th\u00e8me. Voici un exemple de ce \u00e0 quoi pourrait ressembler le code dans votre fichier searchform.php\u00a0:<\/p>\n
\r\n\r\n<\/pre>\n<\/span>Essayez toutes vos options de th\u00e8me<\/span><\/h2>\nSi vous avez cr\u00e9\u00e9 un tableau de bord de th\u00e8me personnalis\u00e9 pour votre th\u00e8me ou ajout\u00e9 des options personnalis\u00e9es via WordPress Customizer, il est tr\u00e8s important de vous assurer que toutes vos options fonctionnent correctement. Ce serait tr\u00e8s frustrant pour un utilisateur essayant de d\u00e9finir une option et ne pouvant pas la faire fonctionner. V\u00e9rifiez donc chaque option \/ param\u00e8tre et assurez-vous qu’il fonctionne correctement.<\/p>\n
<\/span>Embellissez les fichiers CSS de votre th\u00e8me<\/span><\/h2>\nUne autre chose que j’aime faire avant de terminer mon th\u00e8me est d’ex\u00e9cuter mon CSS via un “g\u00e9n\u00e9rateur CSS” pour m’assurer que tous mes retraits sont parfaits et qu’il n’y a pas d’erreurs. Parfois, j’aime aussi compresser mon CSS, en fonction de l’orientation du th\u00e8me. J’ai personnellement achet\u00e9 une application mac appel\u00e9e “Procssor” que j’utilise, mais vous pouvez rechercher sur Google “pretty css” ou “css beautifier” et il existe de nombreux outils en ligne pour cela.<\/p>\n
<\/span>V\u00e9rifier la validation sur w3.org<\/span><\/h2>\n\u00c9videmment, vous voulez que votre th\u00e8me n’ait pas d’erreurs de syntaxe de code. Non seulement pour que vous puissiez \u00eatre fier de votre travail, mais aussi parce que les gens peuvent ne pas acheter votre th\u00e8me s’ils trouvent beaucoup d’erreurs. Un sujet valide montre du professionnalisme et de l’exp\u00e9rience, alors assurez-vous d’effectuer quelques validations simples pour vous assurer qu’il est vert. Rendez-vous sur le validateur en ligne W3 et entrez l’URL de d\u00e9monstration de votre th\u00e8me pour v\u00e9rifier les erreurs. Assurez-vous de consulter toutes les pages principales (page d’accueil, archives, recherche, publications uniques, types de publications uniques, 404, etc.).<\/p>\n
<\/span>Essayez le \u00ab Th\u00e8me de test unitaire \u00bb de WordPress.org<\/span><\/h2>\nBien que ce soit l’une des \u00e9tapes les plus importantes, je l’ai ajout\u00e9e en dernier car de nombreux d\u00e9veloppeurs utilisent des tests unitaires pendant le processus de d\u00e9veloppement. Fondamentalement, WordPress a un fichier xml que vous pouvez importer sur votre site avec divers “tests” pour v\u00e9rifier le formatage, les widgets, les alignements, les images, les formats de publication, la pagination, etc. Il est toujours important de v\u00e9rifier votre th\u00e8me avec le test unitaire de th\u00e8me pour vous assurer qu’il est pr\u00eat \u00e0 \u00eatre rendu public et que vous n’avez aucun probl\u00e8me avec les fonctionnalit\u00e9s et les styles de base de WordPress.<\/p>\n
\n\nTable of Contents<\/p>\nToggle<\/span>