Comment bien choisir son thème sur ThemeForest ?

ThemeForest, la section d’Envato consacrée aux thèmes est l’une des places de marché les plus importantes pour les thèmes premium, et on y trouve de tout ; les thèmes à succès sont généralement de mini-frameworks, remplis de tellement d’options qu’on peut paramétrer un site visuellement original à coup de clics de souris. Certains thèmes ont été tellement téléchargés qu’ils sont aussi familiers que les thèmes standards de WordPress.

Pourtant, en tant que développeur, j’ai énormément râlé contre leurs thèmes, lorsque je devais les optimiser chez un client. Pour finalement, après beaucoup de réflexion, choisir l’un d’entre eux – Invicta – pour Lumière de Lune.

Alors, si vous aussi vous voulez choisir un thème sur ThemeForest, voici mes conseils. (Malgré son sujet, cet article est garanti 100% sans lien d’affiliation)

Se débrouiller en anglais est indispensable

“Se débrouiller”, au pire être capable de comprendre les traductions via le traducteur automatique de Bing (plus performant que celui de Google, je trouve). Toutes les discussions sur la plateforme se font en anglais, les thèmes sont documentés en anglais, très rarement en français.

De plus les auteurs ne sont pas toujours des anglophones natifs, ce qui complique encore la communication.

Et s’il y a quelque chose que vous ne comprenez pas, les forums vous seront rarement utiles, à moins de tomber sur la perle rare qui a acheté le même thème que vous.

Lire toute la documentation disponible

La plupart des thèmes sont présentés de façon détaillée. Bien lire tout ce qui est possible, et partir du principe que ce qui n’est pas dit n’est pas disponible.

Ainsi, “multilingual” ne veut pas dire “compatible WPML“, mais simplement que le thème a été traduit. La compatibilité avec Jigoshop n’assure pas nécessairement la compatibilité avec WooCommerce, et le fait qu’un thème présente une boutique en ligne ne veut pas dire non plus que c’est du “WooCommerce” (même si, en pratique, il y a de grandes chances).

La liste des shortcodes, des templates de page, les démonstrations des différentes skins, les techniques employées (pages d’archives en masonry ou pas) vont vous permettre de voir dans quelle mesure vous pouvez utiliser le thème sans mettre les doigts dans de code.

Vérifiez si le thème est livré avec tous les PSD ou avec un fichier de données de démo qui vous facilitera sa prise en main.

Regardez si TimThumb est mentionné, si c’est le cas, fuyez !

Vérifiez les dates de mise à jour : un thème n’a pas besoin d’être mis à jour toutes les semaines, mais il doit intégrer les changements faits dans le front end par WordPress ou certains plugins (WooCommerce 2 par exemple)

Les avis et surtout la discussion font partie de la documentation

Ils vont vous apprendre plusieurs choses essentielles :

• est-ce que les acheteurs trouvent qu’il est facile d’arriver au même résultat que la prévisualisation ?
• est-ce que le développeur répond vite et de façon efficace ?
• quelle est son attitude : un support large, ou un support limité aux bugs, tout le reste étant considéré comme des demandes supplémentaires payantes ?
• et, dans certains cas, quelles sont les limitations et – a priori – les erreurs de code du thème. Ainsi, j’ai été très intéressée par Socha, mais dans la discussion, j’ai vu que la page d’accueil du blog devait obligatoirement avoir comme identifiant “blog”. Même si, en soi, ce n’est pas très grave, cela signifie qu’un certain nombre de choses sont codées en dur, alors qu’elles ne le devraient pas, et cela soulève de grosses questions sur la qualité du code. Le même auteur étant par ailleurs un partisan du “tu payes pour n’importe quoi”, j’ai finalement décidé de ne pas prendre le thème.

Examiner le thème

Vous n’avez pas accès au code source, mais vous avez quelques outils essentiels, vous pouvez vous faire une très bonne idée sur le thème.

La barre d’outils WebDevelopper

Disponible sur Firefox et sur Chrome, cette extension est miraculeuse pour le développeur. Même si vous ne touchez pas au code, elle va vous permettre de vérifier :

• la structure sémantique des titres (bouton information, plan du document), il faut savoir qu’à peu près tous les thèmes WordPress doivent être corrigés… mais le travail peut être plus ou moins lourd. Si vous avez 50 H1 – ou pas du tout – sur la page d’accueil, fuyez !
• la structure du thème sans son maquillage : la plupart des thèmes sont montrés avec des images très esthétiques, qui influent sur votre perception de celui-ci. Parfois, certains auteurs habillent simplement avec quelques images différentes. Le menu “images” permet de désactiver les images, et de voir la grille du thème sans l’effet Waow.

Firebug

L’extension YSlow pour Firebug (lui même extension pour Chrome et Firefox) vous permet d‘analyser la vitesse de chargement de la page. Même si un site de preview n’est pas significatif, les points rapportés par l’outil montrent, d’un point de vue de la performance, la qualité du code et le travail éventuel s’il fallait le modifier pour optimiser la vitesse de chargement.

Enfin, Firebug, ou plus simplement Ctrl+U vous permet d’examiner le code source, et d’estimer s’il est inutilement chargé (par exemple des divs dédiés à la mise en page) ou pas. Vous pouvez aussi rechercher la présence de microformats, en particulier sur les pages produits.

Tester la responsivité

Rétrécir l’écran de votre navigateur vous permet de voir comment se comporte le thème. Chrome va plus loin en vous permettant d’émuler l’écran pour n’importe quel type de device sous Android : vous pouvez alors tester les fonctions et la navigation.

Vérifier les plugins nécessaires

Les thèmes incluent souvent des plugins, notamment Page Builder ou des Sliders, comme Revolution. Or vous ne disposez pas directement d’une licence : si l’auteur choisit de ne pas mettre à jour le plugin, vous n’avez aucun droit aux mises à jour, sauf à racheter le plugin vous même. Cela peut parfois s’avérer indispensable.

Rajoutez ce budget dans le prix du thème, pour éviter les mauvaises surprises.

Poser des questions à l’auteur

Vérifiez ce que vous avez cru comprendre, ou que ce que vous avez en tête est possible ou pas.

Par exemple, j’ai été séduite par Cafeteria, mais je préférais le look de la page événements à celui de la page de blog. J’ai demandé au développeur si je pouvais paramétrer ma page de blog pour montrer des images. Sa réponse a été (presque) claire : il n’y a pas d’autre page que celle montrée dans la démo, et les jolies images de gâteau sont les vignettes des articles.

J’en ai conclu que la réponse était “non”, et que, si je craquais, je devrais mettre les mains dans le cambouis.

Quand je cherchais mon thème pour Lumière de Lune, c’est la qualité des réponses de l’auteur qui m’a décidée. Je lui ai fait passer une véritable interview, en lui demandant des exemples de code dans ses fichiers, en fait je voulais voir les sources ! Il m’a laissé un accès admin à la version de démo, ce qui me permettait de voir les fichiers php du thème via l’éditeur ! (C’est exceptionnel, il ne le fera sans doute pas pour vous, j’avais su être convaincante).

Nous avons discuté par Skype pendant une heure, le lendemain de Noël.

Enfin, une fois le thème mis en place, il a été remarquablement réactif, intégrant mes remarques SEO, corrigeant les petits bugs, regardant même une fois mon thème enfant pour vérifier un truc bizarre.

Vous trouverez peut-être que cela fait beaucoup pour un thème à 60 dollars ? N’oubliez pas de rajouter le temps que vous allez passer à personnaliser votre site, à faire éventuellement un thème enfant, à paramétrer des options. Entre un bon thème bien codé, optimisé, et un thème qui va vous faire perdre des heures, des jours, le “prix total” va se monter à des centaines d’euros.

Si le thème utilise un plugin inutile et dangereux comme TimThumb et que vous êtes hacké, là aussi la facture va se chiffrer en centaines d’euros, plus peut-être…

Le thème répond-il réellement à vos besoins ?

Ce conseil est valable particulièrement pour les thèmes “spécifiques” (hôtel, voyage, restaurant, construction de tipi).

Ces thèmes, une fois les images supprimées, n’ont de “spécifique” que quelques fonctions et custom post types ou modèles de page.

Si vous avez, par exemple, un petit hôtel avec une seule catégorie de chambres, un thème d’hôtel qui a comme axe central la présentation des différentes catégories de chambres, vous convient-il ?

Si vous avez un hôtel-restaurant gastronomique, un thème d’hôtel (sans section détaillée pour la carte), ou un thème restaurant (sans info sur les chambres) est-il adapté ?

Pouvez-vous être original ?

Une des raisons du succès immense d’Avada ou d’Enfold, dans une moindre mesure, c’est qu’ils sont assez neutres, et suffisamment personnalisable pour que vous puissiez avoir un site qui ne “sente pas” son Avada à trois kilomètres.

C’est plus difficile pour des thèmes au graphisme marqué, comme Sahifa, que je reconnais partout, ou les productions d’ElegantThemes (qui ne sont pas sur Envato).

Concentrez-vous sur l’essentiel : la beauté intérieure

Le plus beau des sliders n’est pas l’essentiel. Au “pire”, vous achetez de façon indépendante un slider comme Revolution, et voilà.

“600 polices de caractères, 300 icônes”, c’est la version marketing de “utilisation des Google Fonts et d’un set d’icône SVG standard”. Vous ne regarderez jamais les six cent polices, vous allez en tester trois ou quatre…

Impressionné par les multiples possibilités du thème, demandez-vous si vous allez les utiliser ? Essayez par exemple de faire une fiche avec vos compétences représentées par des curseurs ? Avez-vous besoin d’une carte du monde pour représenter la localisation de votre petit magasin au fin fond de la Lozère ?

• une structure SEO correcte
• une bonne rapidité de chargement des pages
• un bon template de page single.php (celui que vos visiteurs verront le plus souvent)
• une page d’accueil ergonomique (fuyez les sliders qui occupent toute la page)
• de la place pour vos publicités si vous comptez en mettre
• la qualité du responsive

Évidement, tous ces conseils sont utiles pour le choix de n’importe quel thème payant…