Hiremeplease, un site basé sur bootstrap

Bootstrap a été présenté ailleurs sur ce site et le web déborde d’informations sur ce framework css. Pour des raisons de portabilité, il est utilisé pour le développement de ce thème. Mais il y a aussi d’autres choix techniques opérés pour ce thème, décrits ici.

1/7 | Suivant

Un thème àremplir

Ce thème n’est pas "complet". Il est une base de travail, àcompléter, permettant de commencer rapidement le travail de codage.

Choix de base

Ce thème de base pour wordpress est basé sur le framework Bootstrap. Il intègre une police (Poppins) et une police d’icones (Font Awesome) dans sa version 4.7.

Les templates précodés

Le thème contient les templates suivants :
PAGE home.php
Utilisé pour afficher la page d’entrée du site
 Affiche touts les posts avec un flitrage par mots clés

PAGE single.php
Utilisée pour afficher individuellement les articles (posts)
 La boucle wordpress est placée
 Utilisation des images àla une
 un code permet de splitter le texte en deux avec la balise "more", permettant de séparer le contenu en deux blocs.

PAGE page.php
Permet d’afficher les pages
 La boucle wordpress est placée
 Utilisation des images àla une

PAGE index.php
Utilisée pour les contenus non couverts par les autres templates du thème.
 La boucle wordpress est placée

Fichier "functions.php"
Le fichier functions.php permet d’activer certaines fonctionnalités proposées dans Wordpress. Dans notre cas, nous y activons
 L’utilisation d’un logo,
 La possibilité de mettre une couleur de fond de page ou une image
 L’utilisation des images àla une, et de deux formats prédéfinis pour celles-ci
 L’utilisation d’un menu,
 Déclare l’utilisation du fichier javascript de jquery
 Ajoute la fonction split_content qui permet de découper le texte en deux éléments pour une mise en page particulière
 Le codage des éléments complexes (formulaire et galeries par exemple) en html5
 Le chargement d’un script destiné àtransformer le code html du menu en un code compatible pour Bootstrap.

Le dossier "Templates parts"

Un dossier "morceaux" contient trois fichiers, destinés àêtre importé làou c’est nécessaire.
 Le fichier big_header.php contient un bloc d’une hauteur de 100vh (Viewport Height, soit la totalité de la hauteur de la fenêtre) avec le titre du site et son slogan, avec le logo du site en fond sur toute sa surface.
 Le fichier loop-simple.php contient un simple boucle wordpress, pour memo
 Le fichier mosaique_tout.php contient l’affichage de la mosaique employée dans le template home.php, avec un code javascript permettant le fitrage par mot clé.

Le dossier "Templates"

Ce dossier est prévu par wordpress pour contenir des templates alternatifs.
 Le template single-perso.php est un exemple simple de template alternatif pour la page single. Il peut être choisi dans la page d’administration des posts, dans la partie "attributs d’articles".

Templates

PAGE "header.php"
Header inclus dans toutes les pages du thème
 charge un webfont kit pour la police font awesome pour les icônes
 Le wp_header, qui permet de charger proprement les plugins
 La navigation est chargée, avec un code spécifique pour l’adapter au code attendu par Bootstrap

PAGE footer.php
Footer inclus dans toutes les pages, il contient en plus le wp-footer, qui affiche le menu en haut de page, et le chargement du javascript de bootstrap.

Le dossier inc

Ce dossier un peu technique contient uniquement un fichier, wp_bootstrap_navwalker.php, qui permet de transformer le codage des menus de Wordpress en un code compatible avec le codage Bootstrap. Il n’est pas nécessaire de l’ouvrir, il doit juste être là.