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à.