Sélectionner une page


Il est courant pour les utilisateurs de WordPress de choisir un thème prédéfini. Mais vous pouvez également créer votre propre thème. Cet article décrit différentes manières de procéder.

Les options vont de la modification d’un thème existant à la création de votre propre thème WordPress à partir de zéro. Il existe diverses autres options entre ces extrêmes, y compris la duplication et la modification de thèmes, ainsi que l’utilisation d’une variété d’outils pour vous aider à créer votre propre thème.

Les thèmes WordPress sont constitués d’une collection de fichiers, tous contenus dans un seul dossier situé dans le /themes/ Portefeuille: wp-content/themes/.

Un exemple des fichiers inclus dans un thème WordPress

Option 1: modifier un thème existant

La modification d’un thème existant peut être l’option la plus simple. Vous souhaiterez peut-être simplement apporter quelques modifications mineures, telles que: B. couleurs, tailles de police ou simples changements de mise en page.

Dans ce cas, il est préférable d’en créer un Thème des enfants. Un sujet enfant est lié à un sujet existant et ne modifie que les éléments que vous souhaitez modifier. L’avantage d’utiliser un thème enfant est que si le thème parent est mis à jour lors de la mise à jour de WordPress, vos modifications ne seront pas supprimées.

Pour créer un sujet enfant, créez un nouveau dossier dans votre /themes/ Dossier. Une astuce pratique consiste à inclure le nom du sujet parent -child ajouté car cela indique clairement quel est le sous-sujet. Ainsi, si vous créez une sous-section de la rubrique Twenty Seventeen, votre dossier enfant de rubrique peut être appelé /twentyseventeen-child/.

Fichiers minimum par défaut pour un sujet enfant

Dans ce sous-dossier, vous avez besoin d’au moins un style.css Fichier et un functions.php Déposer. Dans ces fichiers, vous devez ajouter un certain code pour indiquer à WordPress quel est le thème parent, où se trouvent les feuilles de style et quelles autres nouvelles fonctionnalités vous souhaitez dans votre thème enfant.

La dernière étape pour faire fonctionner votre thème enfant est d’afficher la fenêtre d’administration WordPress et de partir Apparence> Thèmes pour activer votre sujet enfant.

Des instructions complètes sur ce processus sont disponibles sur le Codex WordPress. Vous pouvez également utiliser WordPress pour vous aider à configurer un sous-thème Configurateur de thème subsidiaire Utilité.

Option 2: personnaliser un thème existant

Si vous souhaitez approfondir un peu plus le code WordPress, vous pouvez dupliquer un thème existant et le plier à votre guise.

Par exemple, cela peut inclure la suppression de tous les styles actuels et la création des vôtres. Vous pouvez également accéder aux autres fichiers de rubrique et supprimer les éléments inutiles et en ajouter d’autres. Par exemple, vous souhaiterez peut-être modifier la structure HTML de la rubrique. Pour ce faire, vous devez ouvrir divers fichiers, tels que: header.php, index.php et footer.php et mettez à jour les parties HTML avec vos propres éléments de modèle.

Un nouveau dossier avec les fichiers à éditer

En cours de route, vous pouvez décider que le thème copié contient de nombreuses fonctionnalités dont vous n’avez plus besoin, telles que: B. Publiez des commentaires et divers éléments de la barre latérale tels que des catégories et des signets. Vous pouvez trouver des extraits de code PHP pour ces éléments dans les différents fichiers de rubrique. Vous pouvez simplement les supprimer ou les déplacer vers un autre emplacement.

La détermination des fichiers contenant les éléments que vous souhaitez supprimer ou déplacer peut prendre un certain temps. Cependant, c’est un excellent moyen de se familiariser avec votre thème WordPress pour se plonger dans des fichiers comme celui-ci.

Une autre option, au lieu de dupliquer un sujet existant, est de commencer par un «sujet de départ», que nous examinerons ci-dessous.

Option 3: créer un thème à partir de zéro

Une option plus intimidante – mais plus amusante aussi! – est de créer votre propre thème complètement à partir de zéro. C’est en fait plus facile qu’il n’y paraît car vous avez besoin d’au moins deux fichiers – style.css et index.php.

Les fichiers minimum requis pour créer votre propre thème

Cependant, cela conduirait à un sujet assez limité! Au moins, vous en voulez probablement un functions.php Fichier de fonctions personnalisées et éventuellement plusieurs autres fichiers modèles pour les différentes sections du site, tels que: B. un fichier modèle 404.php pour afficher 404 pages.

Dans cet exemple, nous avons créé un dossier avec le nom dans notre répertoire de rubriques /scratch-theme/. (Vous devriez bien sûr choisir un nom plus chic.) style.css Le fichier sert de feuille de style principale de notre thème WordPress. Dans ce fichier CSS, nous devons d’abord ajouter du texte d’en-tête. Voici un exemple basique:


Vous pouvez maintenant accéder à l’administrateur WordPress sujets Section dans laquelle nous voyons notre sujet actuel répertorié.

Notre nouveau sujet en option

À ce stade, il n’offre pas de styles et de mises en page personnalisés, mais il peut toujours être activé et utilisé. (Vous pouvez ajouter une vignette pour le thème en téléchargeant un fichier image appelé « Capture d’écran » dans le dossier racine du thème, de préférence 880 x 660 pixels.)

Pour plus d’informations sur le développement de thèmes WordPress, consultez Guide de développement sur le thème du Codex WordPress.

Il est assez facile de créer un thème WordPress très basique à partir de zéro, mais aller au-delà est plus difficile. Avant de décider que c’est un peu en dehors de votre timonerie, il vaut la peine de consulter certains des outils disponibles pour vous aider.

Utilisez un thème de démarrage

Un thème de démarrage est un thème WordPress barebones ou vierge qui ne contient que le minimum de base de code structurel. Cela signifie qu’un thème de démarrage WordPress a des fonctionnalités de base mais n’offre aucun ajustement ou ajustement. C’est un point de départ très pratique pour créer votre thème unique.

Il existe plusieurs façons de choisir un thème de développement de démarrage, dont le plus populaire est Soulignements. Il est géré par Automattic, le développeur de WordPress, et constitue la base des derniers thèmes standard publiés par WordPress.

Capture d'écran de la page d'accueil Underscores

D’autres options incluent FoundationPress, maintenu par ZURB.

Capture d'écran de la page d'accueil de FoundationPress

OS est un autre thème WordPress simple et facile à comprendre qui peut servir de très bon point de départ pour le développement de thèmes.
HTML5 vide est une autre option qui fournit une base de code fiable et bien documentée pour le développement de thèmes.

Utiliser des soulignements dans le développement de thèmes

Entrez les détails de votre sujet sur la page d’accueil soulignée pour commencer par des soulignements.

Configurer un thème de démarrage de soulignement

Vous pouvez également inclure le passe-partout WooCommerce – utile si le sujet cible est susceptible d’avoir le support WooCommerce, par exemple B. Dispositions personnalisées pour le panier et les pages de paiement, etc. Cliquez sur générer, et c’est tout! Notre sujet est généré et disponible en téléchargement. Dans le fichier ZIP résultant, nous trouvons notre répertoire de sujets.

Le thème WordPress généré par soulignement comprend de nombreux modèles ainsi que des sections séparées pour les mises en page personnalisées et les éléments JavaScript. Cela signifie que notre structure de rubrique est prête pour nous, tout comme les fichiers de modèle, qui ont un code minimal sous la forme de balises PHP et de commentaires. Nous pouvons commencer tout de suite en changeant tout ce dont nous avons besoin et en éliminant tout ce dont nous n’avons pas.

C’est bien sûr un gain de temps énorme car nous n’avons pas à créer manuellement chaque fichier de modèle.

Utilisation d’un cadre de thème WordPress

Semblable aux frameworks pour CSS, JavaScript et PHP, un framework de thème propose des outils standardisés avec lesquels vous, en tant que développeur, pouvez créer vos propres thèmes. Les cadres de sujets sont livrés avec des conventions prédéfinies qui peuvent aider au développement de sujets en économisant le temps et les efforts qui seraient autrement consacrés au codage et à la création de ces conventions.

De nos jours, de nombreux frameworks de thèmes WordPress offrent des fonctionnalités telles que:

  • crochets et filtres personnalisés
  • Fonctions personnalisées à utiliser dans le sujet
  • rappels personnalisés
  • Intégration ou compatibilité avec des bibliothèques personnalisées telles que jQuery, etc.

Ces cadres de thèmes WordPress offrent également des avantages supplémentaires. Ils permettent évidemment de créer plus rapidement et plus facilement un thème WordPress. Certains offrent également des fonctionnalités sur mesure et des normes de codage qui permettent aux nouveaux développeurs de coder rapidement et d’apprendre les ficelles du métier plus efficacement. Bien sûr, cela signifie également que vous avez moins de contrôle que de créer un thème à partir de zéro. Cependant, en fonction de vos besoins et de votre expertise, un cadre de thème adapté aux débutants peut s’avérer très utile.

Choisir un cadre de thème WordPress

Il existe de nombreux cadres de thèmes WordPress parmi lesquels choisir. Un choix populaire est Cadre Genesispar StudioPress. Genesis est au prix de 59,95 $ et est livré avec des fonctionnalités telles que des modèles de page personnalisés, plusieurs options de mise en page personnalisables et une prise en charge complète de Gutenberg, le prochain éditeur WordPress.

Un exemple de cadre Genesis

Une autre option premium digne est le Thème Divi de sujets élégants. Divi regorge d’éléments de conception en temps réel, de mises en page et de modèles de page personnalisables, d’éléments déplaçables et visuellement modifiables, et plus encore. En d’autres termes, Divi est un constructeur de pages déguisé en framework thématique qui vous permet d’exporter vos paramètres de développement et d’assembler rapidement des sites Web.

Si vous cherchez quelque chose de gratuit, portail vaut le coup d’œil. Ce cadre de thème robuste et convivial pour les développeurs n’est pas seulement destiné à être utilisé avec WordPress. Développé par RocketTheme, Gantry est plus un conglomérat d’extensions personnalisées et de méthodes de modèles adoptées à partir de Joomla, WordPress et GravCMS.


Gantry permet aux programmeurs de créer de puissants thèmes et modèles frontaux. Il dispose également de nombreux modèles et skins prédéfinis personnalisés, ainsi que d’une interface visuellement modifiable pour faciliter la vie, même pour les non-codeurs.

Il existe de nombreux autres concurrents dignes de ce nom dans le domaine, comme vous trouverez n’importe quelle recherche en ligne pour « WordPress Theme Builders » ou autre.

Conclusion

Cet article était un rapide tour d’horizon des options pour le changer ou créer votre propre thème WordPress. Nous avons commencé avec l’option la plus simple de créer un sujet enfant contenant peu de fichiers qui modifient des aspects d’un sujet existant.

Ensuite, nous avons examiné de plus près la duplication et la modification d’un thème existant. C’est une façon amusante de se plonger dans un thème WordPress, d’apprendre comment il fonctionne et de l’adapter exactement à vos besoins sans avoir à réinventer la roue et à recommencer.

Une option plus ambitieuse consiste à coder un sujet entier à partir de zéro. Nous l’avons seulement mentionné ici, mais nous nous sommes préparés une série d’articles expliquant comment procéder en détail.

Pour créer rapidement un thème à partir de zéro, nous avons examiné les thèmes de démarrage tels que les traits de soulignement et les cadres de thèmes tels que Genesis. D’une certaine manière, la boucle est bouclée car certains d’entre eux offrent des outils de glisser-déposer / WYSIWYG qui ne nécessitent pas beaucoup de connaissances techniques et sont probablement l’option la plus conviviale si vous ne voulez pas creuser dans le code.

Espérons que cette brève introduction vous a donné un meilleur aperçu de la création d’un thème WordPress qui répond à vos besoins.



Source link

Recent Posts