it-swarm-fr.com

Comment créer un nouveau thème à partir de zéro?

Je suis nouveau sur WordPress.

Quelles étapes devrais-je suivre pour que mon nouveau design soit implémenté sous forme de thème WordPress?

5
googletorp

Une alternative au framework de thèmes "skinnable" comme Carrington (ce qui est vraiment génial) consiste à intégrer un design que vous avez créé à partir de rien. C’est ainsi que j’ai appris à créer des thèmes WordPress personnalisés. Remarque: il s'agit d'une méthode hacky qui implique beaucoup d'expérimentation. Mais si vous êtes comme moi et que vous apprenez mieux lorsque vous jouez avec vos mains, cela peut vous apprendre beaucoup de choses.

BTW, je suppose que vous connaissez HTML, CSS et PHP. Sinon, une connaissance pratique de ces technologies serait nécessaire pour créer un nouveau thème à partir de zéro. Une connaissance pratique de LAMPE est également utile.

  1. Tout d'abord, construisez votre conception en code statique: HTML et CSS. Assurez-vous qu’il est compatible avec tous les navigateurs et inclut tous les éléments d’un blog WordPress (commentaires, pages d’archives, etc.). Placez également l'intégralité du code CSS dans un seul fichier nommé "style.css" et assurez-vous que toutes les références de fichiers externes (pour CSS, images, JS, etc.) utilisent des URL relatives, et non des URL absolues.

  2. Obtenez WordPress en cours d'exécution sur votre machine locale. Cela nécessitera l'installation d'Apache, PHP et MySQL sur votre ordinateur de bureau ou portable. Si vous utilisez Windows, le WampServer est une solution intéressante. Si vous utilisez un Mac, MAMP fonctionne bien aussi. Ensuite, installez WordPress.

  3. Ouvrez les fichiers du thème Par défaut fourni avec le package d’installation de WordPress. C'est dans le dossier/wp-content/themes/default /. Ce thème contient probablement plus de fichiers que nécessaire. Alternativement, vous pouvez également commencer par le thème classique, qui contient moins de fichiers de thème, dans/wp-content/themes/classic/bien sûr. BTW: le thème par défaut est sélectionné par défaut (duh), mais si vous souhaitez commencer par le thème classique, assurez-vous d'activer ce thème dans le WP admin, afin que vous puissiez voir à quoi il ressemble.

  4. Dans votre navigateur, laissez ouverte la section Theme Development du Codex WordPress. Vous en aurez besoin très souvent. Dans la liste de fichiers de modèles , vous verrez comment cette liste est mappée sur les fichiers que vous voyez dans le thème Par défaut (ou Classique). Certains fichiers de thème sont obligatoires, d'autres non.

  5. Selon le type de personne que vous êtes, vous pouvez maintenant commencer à bricoler avec les fichiers de thèmes et voir ce qui fonctionne, ce qui se casse, etc. Vous pouvez même commencer à déplacer des éléments de votre propre design dans ce thème. Ou bien, vous pouvez lire attentivement les instructions de développement du thème (les informations sur la boucle est particulièrement important), puis revenir et jeter les fichiers.

Quand j'ai commencé à faire ça, beaucoup de choses se casseraient. Ne vous inquiétez pas si cela se produit, c'est pourquoi vous le faites sur votre propre ordinateur local et non sur un site Web public. Les ruptures font partie du plaisir d'apprendre.

Finalement, vous pourrez déplacer lentement des morceaux de votre HTML et CSS dans le thème Par défaut ou Classique, puis le faire fonctionner. C'est à ce moment que vous passerez d'un n00b à un apprenti.

Et après cela, vous pourrez déplacer des morceaux de code PHP (qui sont des balises de modèle WordPress ' ) hors du Thème par défaut ou classique, et dans votre code HTML. C'est à ce moment que vous passerez à un compagnon.

(Je considère un compagnon senior comme une personne capable d'écrire très facilement ses propres widgets, plug-ins et thèmes. Et un Master, eh bien, à ce stade, vous contribuez à la création de WordPress Core. Je ne suis certainement pas ce que c'est.)

J'espère que ça aide.

11
Mike Lee

Vous pouvez utiliser un thème "starter", tel que Starkers , qui fournit une base pour créer votre propre thème. Les fonctionnalités sont minimes, vous devez donc travailler vous-même.

Une autre option consiste à utiliser un framework de thème, qui contient de nombreuses fonctionnalités de base communes que vous pouvez simplement utiliser. Les options incluent Carrington et Genesis .

Je recommande de commencer par Starkers, ce qui vous obligera à en apprendre davantage sur les balises et les fonctions WordPress. Vous pouvez ensuite utiliser un framework pour accélérer les travaux ultérieurs.

En outre, pour les ressources sur le développement de thèmes, vous pouvez consulter les réponses à cette question .

3
Grant Palin

Vous pouvez commencer votre propre thème à partir de zéro ou vous pouvez utiliser des frameworks de thèmes existants tels que Thematic ( http://themeshaper.com/thematic/ ) et développer votre thème autour d'eux. Si vous souhaitez développer le thème entier à partir de zéro , http://codex.wordpress.org/Theme_Development et d’autres ressources telles que le Codex Wordpress peuvent s’avérer utiles. très utile. http://www.wpdesigner.com/2007/02/19/so-you-want-tcreate-wordpress-themes-huh/ est également un très bon tutoriel de création de thème Wordpress pour les débutants.

0
User

Je commence toujours avec WPBasis comme thème de démarrage et j'écris des plugins et un thème pour les besoins du client - c'est tout

0
bueltge