Un guide simple sur les thèmes de démarrage WordPress –

Cet article a été publié à l'origine par le magazine Torque et est reproduit ici avec autorisation.

Commencer à partir de zéro en développant des thèmes signifie naturellement que vous êtes libre de faire ce que vous voulez. Cela laisse beaucoup de place à la liberté de création, mais le démarrage peut prendre beaucoup de temps. La plupart des tâches initiales que vous effectuerez sont nécessaires, mais prennent beaucoup de temps.

La bonne nouvelle est que les thèmes ou frameworks «starter» de WordPress (également appelés thèmes «vierges») peuvent vous aider. toi. En effet, ils incluent le code de base fondamental sur lequel vous pouvez travailler. Ils peuvent vous aider à mettre en œuvre les fonctionnalités essentielles et à vous initier aux meilleures pratiques pertinentes pour la tâche à accomplir.

Dans cet article, nous allons expliquer ce que sont les thèmes de démarrage et pourquoi ils peuvent être si utiles. Nous allons ensuite passer en revue certains des plus performants, tels que Underscores FoundationPress et Bones . Plongeons-nous!

Introduction aux thèmes de démarrage

Pour les non-initiés, un thème de démarrage – également appelé thème «vierge» – fournit un squelette de base que vous pouvez développer par-dessus. Cependant, contrairement aux thèmes WordPress standard, ils ne comprennent que du code structurel très basique. Il y en a juste assez pour faire fonctionner le thème et vous permettre d’implémenter toutes les fonctionnalités de base. Ils ne sont pas non plus censés être utilisés comme thèmes parents eux-mêmes, mais comme base pour pour votre thème parent.

Les thèmes de démarrage peuvent s'avérer extrêmement utiles pour le développement. Voici quelques-unes des raisons pour lesquelles:

• Vous avez une longueur d'avance sur le codage des fondements essentiels de votre thème.
• Ils donnent un aperçu des meilleures pratiques à suivre.
• flexibilité pour coder un thème personnalisé, tout en maintenant une base de qualité pour travailler.

Bien sûr, aucun thème de démarrage n'est parfait, et vous devrez considérer quelques points avant de décider s'il vaut la peine de les utiliser. Par exemple, vous continuerez à jouer selon les règles d’un autre développeur et ce dernier décidera des fonctionnalités considérées comme fondamentales. Cela signifie que le thème peut contenir une quantité d'extraits qui ne vous aident pas réellement à créer le type de thème dont vous avez besoin.

De plus, vous aurez peut-être encore besoin de temps pour comprendre le code et comprendre le comportement du thème. hors de la boîte. Bien sûr, les thèmes de démarrage ne sont pas nécessairement prêts à être utilisés par défaut, ce qui peut être un concept confus à saisir par moments.

Tout de même, à moins que vous ne travailliez avec un thème particulier (par exemple, nous avons vu Les développeurs utilisant des thèmes tels que Divi et Avada comme base), nous pensons que les thèmes de démarrage sont un excellent outil pour la majorité des développeurs WordPress. Si vous décidez d’en implémenter un, la question suivante est de savoir laquelle choisir.

5 principaux thèmes de démarrage de WordPress à prendre en compte pour votre prochain projet

Dans un autre article de Torque, nous avons brièvement examiné un plus grand ensemble de thèmes de démarrage . Cependant, nous allons maintenant prendre certaines des options hors concours et les examiner de plus près. Les solutions figurant dans la liste ci-dessous sont pour la plupart gratuites, mais nous mentionnerons clairement le prix.

Commençons par un thème qui porte sans conteste le sceau d’approbation WordPress.

1. Underscores

Underscores est sans doute le thème de démarrage le plus connu à ce jour. Il a été développé et mis à jour par Automattic (c'est-à-dire par les développeurs de WordPress) et était à l'origine un fork du thème Toolbox . Le slogan d’Underscores est qu’il vous offre un «1 000 heures d’avance» lors du développement de thèmes.

En fait, chaque thème par défaut a été traité par WordPress (extrait de Twenty Twelve . Underscores est utilisé comme base:

Bien entendu, le principal argument de vente ici est que vous obtenez les meilleures pratiques de WordPress en un paquet pratique. Par conséquent, il sera simple de créer un thème valide basé sur les exigences de WordPress. Cependant, à moins que vous ne maîtrisiez mal le codage, il est également très facile de créer accidentellement un autre thème WordPress «moi aussi».

Si vous souhaitez essayer Underscores, nous avons déjà publié Le Guide du débutant pour créer un Theme With Underscores qui fait exactement ce qui est écrit sur la boîte. Vous pouvez également consulter le Guide de développement du thème WordPress car il vous montrera également la structure du code au niveau de base.

2. FoundationPress

Ensuite, FoundationPress est un thème démarreur à code source ouvert construit sur Foundation 6 qui utilise Sass et Grunt . Il a été publié en 2013, continue d'être mis à jour régulièrement par une communauté de développeurs et est présenté comme «le plus novateur des environnements mobiles au monde».

Généralement, FoundationPress est utilisé pour développer des thèmes personnalisés. entreprises et groupes. La page GitHub présente une vitrine décrivant les nombreux sites Web qui utilisent actuellement le thème de base. Ceci inclut le Centre des villes et bâtiments écologiques de Harvard :

Ce thème est idéal si vous souhaitez développer fins spécifiques à l'entreprise. En contrepartie, cela signifie qu’il n’ya pas autant de thèmes que vous pouvez télécharger pour avoir une idée de la façon dont FoundationPress est utilisé dans le «monde réel». Le mieux est de jeter un coup d'œil au modèle d'évier de cuisine et de lire la documentation détaillée du thème .

3. Bones

Bones est un autre thème gratuit, le premier à être utilisé sur un mobile, avec l'intégration intégrée de Sass. Cependant, l’accent est mis sur la vitesse. Par exemple, Bones est livré avec un en-tête clair prêt à l'emploi, ce qui contraste avec de nombreux autres thèmes de démarrage WordPress. De plus, cela vous donne un coup de pouce pour apprendre à mieux comprendre son fonctionnement interne. C’est parce que Bones est pré-chargé avec des fonctions de tableau de bord personnalisées et des types de publication, ce qui vous permet de voir leur fonctionnement par défaut.

La simplicité d’utilisation est un avantage de Bones, mais elle présente également certains inconvénients. Étant donné la quantité de code utile incluse par défaut, les utilisateurs plus expérimentés du thème risquent d’être ennuyés de devoir supprimer tous les éléments dont ils n’ont pas besoin. Il n'y a pas non plus de vitrine disponible, ce qui rend difficile de déterminer comment Bones se traduira par un thème du monde réel.

Néanmoins, suivre un tutoriel décent peut vous aider à avoir un thème de travail prêt en un éclair. . Avoir immédiatement un contact direct avec un nouvel outil n'est jamais une mauvaise chose, et Bones le rend très simple.

4. Le cadre Genesis

Pour notre avant-dernier thème, nous sortons des sentiers battus pour examiner un «cadre» – plus précisément le Genesis Framework . C’est la seule solution premium de notre liste (avec des forfaits à partir de 60 USD) et vous oblige à développer en utilisant des thèmes enfants plutôt que d’éditer directement le cadre. Malgré tout, c’est probablement le thème le plus convivial pour les développeurs de cette liste. De plus, il utilise les crochets de WordPress pour vous aider à créer vos thèmes.

Le marché des thèmes pour enfants de Genesis est en plein essor. Vous trouverez une pléthore d'exemples sur le site Web de StudioPress ainsi que sur des développeurs tiers proposant leurs propres thèmes (comme Imagely ):

Sans aucun doute, la richesse des ressources et de la documentation disponibles est un avantage remarquable de Genesis. Des développeurs tels que Carrie Dils ont une grande expérience du framework, et son portefeuille Lynda contient un certain nombre de cours spécifiques à Genesis qui méritent d’être examinés. Cependant, il y a un coût impliqué. En outre, la nécessité de développer des thèmes enfants à utiliser avec la structure peut se traduire par des problèmes supplémentaires qu'un client ne souhaite peut-être pas.

Comme nous l'avons mentionné, Carrie Dils est la reine de la genèse. En ce qui nous concerne, ses cours sur Learning Genesis pour WordPress et WordPress et Genesis: Construire des thèmes pour enfants à partir de rien peuvent être considérés comme un "évangile" à développer avec ce cadre.

5. HTML5 Blank

HTML5 Blank complète notre liste et n'est pas moins puissant que certaines des autres options. C’est un thème open-source, similaire à Bones et FoundationPress, mais il est fier de proposer un moyen simple de convertir du code HTML et CSS standard en WordPress:

Malheureusement, à l’instar de certains des autres thèmes de base de cette liste, HTML5 Blank n’a pas de vitrine. Il peut donc être difficile de trouver des exemples de réussite dans le monde réel. Cependant, le thème suit les normes de codage de WordPress et le profil GitHub en contient de quoi vous mordre au début de votre développement.

HTML5 Blank est le seul thème de cette liste à avoir peu de tiers. documentation de partie disponible sur la façon de commencer avec elle. C’est dommage, car il a beaucoup de soutien et peut être un excellent outil. Si vous débutez dans les thèmes de démarrage, vous devrez peut-être chercher ailleurs pour vous familiariser avec les choses.

Conclusion

L'utilisation de thèmes de démarrage WordPress dans votre flux de travail peut vous aider à créer un thème WordPress prêt à l'emploi. en moins de temps que si vous partiez complètement de zéro. Pour cette raison, ils devraient constituer un outil de développement de choix, quelle que soit votre expertise.

Cet article a été consacré à cinq des meilleurs thèmes de démarrage disponibles. Récapitulons rapidement chacun d'eux:

1. Underscores : L'offre d'Automattic est une excellente option, quelle que soit votre expertise initiale.
2. FoundationPress : C'est une application mobile , thème de démarrage open-source idéal pour la création de thèmes personnalisés à des fins spécifiques.
3. Bones : C’est sans doute le meilleur thème pour débutants de la liste, compte tenu de la richesse des conseils pratiques qui en découlent.
4. Genesis : Seule option premium ici, ce cadre bénéficie du soutien de certains des plus grands noms de WordPress.
5. HTML5 Blank : Enfin , il s’agit d’un thème simple qui vous aidera à traduire le code HTML standard en code compatible avec WordPress.

Avez-vous des questions sur l’utilisation des thèmes types, ou avez-vous une suggestion à ajouter? Faites-nous savoir dans la section commentaires ci-dessous!

John est un fanatique des blogs, fanatique de WordPress, et rédacteur pour WordCandy.