Fermer

Créer un custom post type dans WordPress

Les custom post type se traduit par types de contenus personnalisés. Ils vont nous permettent dans WordPress de créer des contenus différents des pages et des articles. On pourrait les utiliser pour créer des contenus de types immobilier, film, produits, prestations…ou des réalisations dans le cadre d’un portfolio.

Pour chaque Custom Post Type (CPT), nous pourrons y attacher des catégories et des étiquettes.

Mise en place de WordPress et de notre propre thème

Avant tout, il nous faut un WordPress fonctionnel. Nous allons donc partir sur une installation vierge de WordPress (actuellement 5.3).

Une fois l’installation terminé, nous allons créer le dossier wp-content/themes/portfolio.

Nous allons créer plusieurs fichiers :

  • style.css
  • functions.php
  • index.php
  • header.php
  • footer.php

Le fichier style.css doit au contenir un minimum de ligne :

Le fichier functions.php déclare l’utilisation d’un menu principal, le support des flux RSS, de la gestion des titres, pas de couleurs personnalisées…

Notre page index.php affiche la liste des derniers articles ou page d’accueil et inclus le header et footer.

Notre fichier header.php, affiche le début de notre page, et prévoit l’utiliation d’un menu principal.

Le fichier footer.php termine nos pages de notre site portfolio

N’oubliez pas de penser a activer le thème que nous venons de créer.

La création de notre Custom Post Type

Ce bout de code à mettre dans notre fichier functions.php va ajouter le custom post type ‘portfolio’ dans notre Back-Office.

On peut dés à présent ajouter des réalisations à notre portfolio.

Aller dans le menu Réglages / Permaliens, sélectionne « Titre de la publication » et cliquer sur enregistrer.

Ajout des réalisations sur la page d’accueil

Pour ajouter l’affichage de nos réalisations en plus des actualités présentes sur la page d’accueil, il va nous falloir ajouter un bout de code au fichier functions.php

Modifions le fichier index.php pour y afficher le résumé et un bouton « Lire la suite » :

Le permaliens pour les articles est de la forme :

  • /portfolio/2019/11/22/bonjour-tout-le-monde/

WP a généré également des permaliens pour nos réalisations :

  • /portfolio/portfolio/projet-x/
  • /portfolio/portfolio/projet-y/
  • /portfolio/portfolio/projet-z/

Si je clic sur les liens, rien ne s’affiche. C’est normal nous n’avons pas encore créer le fichier d’archive.

Affichons une réalisation

Créons le fichier single-portfolio.php qui nous permettra d’afficher une réalisation suivant un modèle HTML prédéfini.

Créons un shortcode [portfolio]

Je créer une page d’accueil, avec un titre, un petit texte et le shortcode [portfolio].

Je modifie ensuite WordPress pour que la page d’accueil affiche une page statique dans Réglages / Lecture.

Je créer ensuite le fichier page.php qui contiendra notre contenu de page :

Nous n’avons plus qu’à rendre fonctionnel notre shortcode grâce au fichier functions.php :

Nous avons maintenant un shortcode fonctionnel.

Il ne vous reste plus qu’à faire le CSS, un menu, un footer, mettre un petit slider…

Laisser un commentaire

Votre adresse email ne sera pas publié. Required fields are marked *