Thème Wordpress

Projet scolaire

Création de maquettes, puis réalisation de celles-ci sous forme d’un thème wordpress avec intégration des contenus afins qu’ils soient tous personalisables.

Techniques et Logiciels utilisés:

  • Webstorm: Pour réaliser mes maquettes en utilisant HTML/CSS
  • Responsive design: Je m'en suis servis pour adapter mes maquettes sur les différentes plateformes.
  • Phpstorm: Pour intégrer mes maquettes dans le serveur wordpress
  • Wordpress, pour afficher le thème, intéger les CPT et intégrer les ACF

Processus de création:

Avant de commencer les maquettes HTML/CSS, j’ai utilisé le design préalable pour déterminer les Custom Post Type(CPT) et les ACF(Advanced Custom Field). Ainsi lors du travail wordpress, je saurais quelles catégories créer et les types des contenus à rendre modifiable.

Ensuite, en utilisant Webstorm et j’ai conçu les maquettes HTML/CSS de mon futur thème. J’ai utilisé Javascript pour animer différentes fonctions inhérente de certaines parties du thème.

Puis j’ai réalisé les fichiers et templates php nécessaires au bon fonctionnement de mon thème. Puis, je les ai mis dans le bon dossier du serveur Wordpress.

Puis j’ai créé les CPT préalablement sélectionnés et intégrés leur contenu sur les pages prévues. À l’Aide de Phpstorm j’ai intégré les contenus des CPT dans les pages prévues des templates faits précédement.

Puis, il faut Faire les ACF. Pour cela il faut installer l’extension Advanced Custom Field PRO. Puis utiliser les options pour répartir les ACF entre les pages et le footer.

Il ne me restai plus qu’à entrer les ACF sur les pages aux emplacements prévus des contenus ajoutés et à envoyer sur le serveur pour avoir terminé la création de mon thème.

Visuels d’origine: Félix Poirier.