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

Question

Je suis nouveau dans WordPress.

Quelles mesures aurais-je besoin de le faire, pour obtenir mon nouveau design mis en œuvre en tant que thème WordPress?

Answer 1

Une alternative à un cadre thématique « skinnable », comme Carrington (ce qui est en effet impressionnant) est d'intégrer une conception que vous avez fait de zéro. Voici comment j'ai appris comment créer des thèmes WordPress personnalisés. Note: Ceci est une méthode hacky qui implique beaucoup d'expérimentation. Mais si vous êtes comme moi, et apprenez mieux quand vous jouer avec vos mains, cela peut vous apprendre beaucoup.

BTW, je suppose que vous connaissez HTML, CSS et PHP. Dans le cas contraire, une connaissance pratique de ces technologies seraient nécessaires pour construire un nouveau thème à partir de zéro. Une bonne connaissance des LAMP est également utile.

1. Tout d'abord, construire votre conception dans le code statique: HTML et CSS. Assurez-vous qu'il est facile de cross-browser et comprend tous les éléments d'un blog WordPress (à savoir commentaires feriez, pages d'archives, etc.). En outre, placer tout le code CSS dans un fichier nommé « style.css » et assurez-vous que toutes les références de fichiers externes (CSS, images, JS, etc.) utiliser des URL relatives, et non des URL absolues.

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

3. Ouvrez les fichiers du thème par défaut qui est fourni avec le package d'installation de WordPress. Il est dans le répertoire / wp-content / themes / default / dossier. Ce thème a probablement plus de fichiers que vous aurez besoin. Comme alternative, vous pouvez également commencer par le thème classique au lieu, qui a moins de fichiers thématiques, dans / wp-content / themes / / classique bien sûr. BTW:. Le thème par défaut est sélectionné par défaut (duh), mais si vous voulez commencer par le thème classique, assurez-vous d'activer ce thème dans le wp, afin que vous puissiez voir à quoi il ressemble

4. Dans votre navigateur, gardez la section Thème de développement du Codex WordPress ouvert. Vous en aurez besoin très souvent. vous verrez comment cette liste cartes aux fichiers que vous voyez sur le modèle liste des fichiers , dans le défaut (ou classique) thème. Certains fichiers thème sont nécessaires, certains ne sont pas.

5. En fonction du type de personne que vous êtes, vous pouvez maintenant commencer à bidouiller avec les fichiers de thème et de voir ce qui fonctionne, ce qui brise, etc. Vous pouvez même commencer à déplacer les pièces de votre propre conception dans ce thème. Ou bien, vous pouvez lire les instructions de développement de thèmes soigneusement (les informations sur La boucle est particulièrement important), puis revenir et muck avec le fichiers.

Quand je commencé à le faire, beaucoup de choses se briser. Ne vous inquiétez pas si cela arrive, c'est la raison pour laquelle vous faites cela sur votre propre machine locale et non pas sur un site Web public. Les casses font partie du plaisir d'apprendre.

Finalement, vous serez en mesure de se déplacer lentement des morceaux de votre code HTML et CSS dans le thème par défaut ou classique, puis obtenir tout fonctionnement. C'est quand vous diplômé d'un n00b à un apprenti.

Et après cela, vous serez en mesure de déplacer des morceaux de code PHP (qui sont WordPress' modèle Balises ) sur le thème par défaut ou classique, et dans votre code HTML. C'est quand vous passer à un Journeyman.

(je considère comme une personne qui peut Journeyman principal écrire leurs propres widgets, plug-ins et les thèmes avec une grande facilité. Et un Maître, eh bien, à ce moment-là, vous contribuez revenir à la base de WordPress. Je ne suis certainement pas que.)

J'espère que cette aide.

Answer 2

Vous pouvez utiliser un thème « starter », comme Starkers , qui fournit une base pour la construction de votre propre thème. Il y a une fonctionnalité minimale en place, donc vous devez faire un peu de travail vous-même.

Une autre option est d'utiliser un cadre thématique, qui contient beaucoup de communes, les fonctionnalités de base que vous pouvez simplement utiliser. Les options incluent Carrington et Genèse .

Je recommande de commencer avec Starkers, qui vous forcera à en apprendre davantage sur les balises WordPress et fonctions. Ensuite, vous pouvez utiliser un cadre pour accélérer les travaux plus tard.

En outre, des ressources sur le développement de thème, vous voudrez peut-être regarder le réponses sur cette question .

Answer 3

Vous pouvez commencer votre propre thème à partir de zéro ou vous pouvez utiliser des cadres thématiques existants comme thématique ( http://themeshaper.com / thématique / ) et de développer votre thème autour d'eux. Si vous souhaitez développer le thème à partir de zéro http://codex.wordpress.org/Theme_Development et d'autres des ressources telles que le Codex Wordpress peuvent se révéler très utile. http: // www. wpdesigner.com/2007/02/19/so-you-want-to-create-wordpress-themes-huh/ est également un tutoriel très grande création de thème Wordpress pour les débutants.

Answer 4

Je commence toujours par WPBasis sous forme de plugins thème de démarrage et d'écriture et le thème pour les besoins du client - c'est tout