Qu’est-ce qu’un PSD?

Les thèmes PSD et WordPress sont deux termes qui n’ont pas besoin d’être introduits dans la conception Web. PSD est un document Photoshop créé par Adobe Photoshop.

Quels Sont les Thèmes WordPress?

En supposant que vous êtes nouveau sur les thèmes WordPress, permettez-moi de vous l’expliquer sous une forme plus simple. Considérez les thèmes WordPress similaires aux thèmes de votre smartphone.

Étape 1: Découpage de votre PSD

Vous découpez votre PSD et le divisez en fichiers image distincts afin que chaque composant de conception soit effectivement enregistré en tant que fichier de conception séparé. Vous pouvez utiliser n’importe quel logiciel de retouche photo ou plus préférablement Adobe Photoshop pour découper vos fichiers PSD.

Un moyen facile de découper votre PSD consiste à rechercher d’abord ces composants.

• Arrière-plan
• En-tête et séparateur
• Pied de page et autres

Étape 2: Créer un index.html et style.css

Maintenant, l’étape suivante consiste à atteindre le monde de la programmation depuis le monde de la conception. Mais ça va être assez simple. À partir de la conception PSD que vous avez conçue, créez un modèle HTML et CSS statique.

Vous pouvez suivre une conception Web réactive pour vous assurer que votre site est magnifique sur tous les écrans.

Permettez-moi de vous montrer un exemple de découpage de code basé sur la balise div et le style CSS.

Étape 3: Décomposez votre index.html dans la structure du fichier de thème WordPress

Maintenant, vous avez le modèle de base prêt et vous devez le porter dans l’environnement WordPress. Mais avant de faire cela, vous aurez peut-être besoin d’un peu de connaissances sur la façon dont les choses sont organisées dans WordPress.

WordPress a une structure de fichiers spécifique que vous devez suivre. Vous allez essentiellement télécharger votre page Web sur des thèmes WordPress et le logiciel WordPress devrait fonctionner de manière transparente afin que les plugins et les fonctionnalités supplémentaires puissent être ajoutés sans tracas ni problèmes d’incompatibilité.

Quelques pointeurs qui peuvent vous aider sont énumérés ci-dessous.

Fichiers de base du thème WordPress

• index.en-tête php
• .barre latérale php
• .php
• pied de page.php

• style.css
  

  La feuille de style principale: Ce fichier doit être joint au thème, et il contiendra les informations d’en-tête du thème.

• rtl.css
  

  La feuille de style principale: Ce fichier doit être joint au Thème, et il contiendra les informations d’en-tête du thème.

• index.php
  

  Le fichier de modèle principal : C’est le fichier parent du modèle.

• commentaires.php
  

  Ce fichier définit le modèle de commentaires.

• première page.php
  

  Le modèle de page d’accueil : il n’est utilisé que pour une page d’accueil statique.

• accueil.php
  

  La page d’accueil est la page d’accueil par défaut.

• simple.php
  

  Ce fichier est utilisé lorsqu’un seul message est interrogé. Pour cela et tous les autres modèles de requête, indexez.php est utilisé si le modèle de requête n’est pas présent.

• page.php
  

  Celui-ci est utilisé pour les modèles de page individuels.Catégorie

• .php
  

  Cette page est nécessaire pour afficher les catégories.Balise

• .php
  

  Cette page est requise lorsque la balise est nécessaire.

• date.php
  

  Pour afficher la date/ heure, nous avons besoin de cette page de modèle.

• archive.php
  

  Utilisé lorsqu’une catégorie, un auteur ou une date est interrogé. Notez que ce modèle sera remplacé par catégorie.php, auteur.php et date.php pour leurs types de requêtes respectifs.

• recherche.php
  

  Pour effectuer une recherche, nous avons besoin de ce fichier dans le modèle.

• pièce jointe.php
  

  Pour afficher une seule pièce jointe, nous avons besoin de ce fichier.

• image.le modèle de pièce jointe d’image php
  

  est utilisé lors de l’affichage d’une seule pièce jointe d’image.

• 404.php
  

  Le modèle 404 Introuvable permet d’afficher le message d’erreur lorsque le message n’est pas trouvé.

Étape 4: Ajouter des balises WordPress

Tout ce que vous avez à faire maintenant est d’importer les fonctionnalités intégrées impressionnantes fournies par WordPress dans vos fichiers de thème à l’aide de balises WordPress et d’ajouter ces balises, vous pouvez dire que vous avez créé un thème WordPress. Suivez le lien indiqué pour connaître les balises de modèle WordPress disponibles.