web-dev-qa-db-fra.com

Premier thème entièrement personnalisé, par où commencer?

J'utilise Genesis Framework pour créer des thèmes personnalisés avec des outils Visual Builder tels que WPBakery Page Builder. Plus j'en apprends sur la taille du fichier et les performances du site Web, moins je veux faire confiance à ces outils. Ils semblent ballonnés et avisés.

Personnellement, je voudrais construire des sites Web légers et très efficaces utilisant une sorte de framework CSS avec un thème dépouillé WP. Le problème est que je ne sais pas vraiment par où commencer. Dans le but de créer des sites Web rapides, légers et hautement personnalisables, quel framework CSS et quel thème "base" recommanderiez-vous?

2
EDWARD SINGLETON

Thème de départ:

Vérifiez Underscores ou Sage pour le thème de base).

Underscores est assez basique, mais un très bon point de départ. D'autre part, Sage a plus d'options que Underscores, mais vous aurez peut-être besoin d'un peu plus de temps pour vous familiariser avec tous les outils de développement (si vous n'êtes pas déjà familiarisé avec les outils de développement modernes).

Cadre CSS:

Pour le framework CSS, essayez Twitter Bootstrap .

Guide de développement de thème:

Suivez The Official Guide de développement du thème WordPress pour personnaliser un thème de démarrage ou créer un nouveau thème à partir de rien. Vous pouvez également consulter le Ancien, mais utile document Codex sur le développement du thème WordPress.

En outre, il y a aussi mines d'or Q & A ici sur WPSE).

Gutenberg:Etant donné que l’équipe principale de WordPress est sur le point de changer l’éditeur par défaut en Gutenberg dans un avenir proche, il est judicieux de vous familiariser également avec Gutenberg. Ce Guide officiel peut être un bon point de départ pour se renseigner sur Gutenberg.
(Merci WebElaine de l'avoir rappelé!)

Courbe d'apprentissage:

Je vous suggèrerais tout d'abordd'apprendre le développement de base d'un thème avec WordPress, puis de vous familiariser avec CSS Framework, Gutenberg, etc. Sinon, tout se présentera comme trop d'informations. .

2
Fayaz

Vous voudrez peut-être aussi vous renseigner sur Gutenberg, si vous êtes prêt à apprendre une technologie émergente et prête pour la production. Le nouvel éditeur intégré de WP - qui devrait arriver cette année - est essentiellement un constructeur de page en soi. Vous pouvez récupérer le plugin dans le dépôt WP et commencer à expérimenter. Vous aurez également besoin d'un thème à utiliser - Underscores, comme l'a suggéré Fayaz, est très léger et prêt à être construit, ou vous pouvez créer le vôtre à partir de rien, en vous basant partiellement sur les styles Gutenberg de Core.

Je resterais loin des cadres à ce stade. Ils ajoutent le même genre de frais généraux que vous souhaitez échapper. CSS Grid a déjà un bon support sur la plupart des navigateurs, et il est facile d’ajouter une solution de secours Flexbox ou float pour ceux qui ne le font pas. Grid vous permet de faire à peu près les mêmes choses avec seulement quelques lignes de CSS que vous feriez avec Bootstrap ou les lignes et colonnes de Foundation, qui nécessitent des centaines de lignes de styles.

0
WebElaine