Cuisine et Web

Recettes pour Cuisiniers ou Web Dev en herbes

Une page d'acceuil Personnalisée

Rédigé par G.Cyrille Aucun commentaire 180 vue(s)
Classé dans : thèmes, PluXml Mots clés : pluxml, template, theme

Nom de la ressource: plx-custom-static-home

Description C'est un fichier template pour page statique que l'ont ajouter à un théme. Ce template ne sera utilisé que si votre page statique se trouve en page d'acceuil, sinon ce sera le template statique.php qui sera chargé par défaut.

Utilité: personnalise la page d'accueil de votre site au travers d'une page statique.

Ce fichier peut-être inclus au thème par défaut de PluXml ou modifier à votre convenance si vous souhaiter créer votre propre thème. (voir la doc de pluxml :Créer un template et Créer un thème)

Ressource à télecharger https://github.com/gcyrillus/plx-custom-static-home/archive/refs/heads/main.zip Cette archive contient les fichier statique-home-blog-php et le fichier home-static.css dans le repertoire css. Ces fichiers sont à ajouter au(x) thème(s).

Installation et utilisation: Dezipper cette archive dans le repertoire de votre théme (l'installation se reduit à deposer les fichiers dans un repertoire de thème.) , exemple pour le théme par défaut, ou

  1. Ajouter le fichier statique-home-blog-php dans le repertoire de votre thème actif.
  2. Ajouter le fichier home-static.css dans le repertoire CSS de votre thème actif.
  3. Dans la partie édition de votre page statique, choissisez le template statique-home-blog.php.

NOTE: Ce template ne sera utilisé que si votre page statique se trouve en page d'acceuil, sinon ce sera le template statique.php qui sera chargé.

Cette vérification est faites au début du fichier du template :

Si vous changer de théme, pensez à déposer ce fichier dans le nouveau théme actif ou mettez à jour les templates que vos pages statiques utilisent.

<?php 
 // on valide le template si la configuration de PluXml à une page statique en acceuil.
 if ($_SERVER['REQUEST_URI'] !=='/') {
	 include __DIR__.'/static.php';
	 exit;
	 }
?>

exemple d'utilisation visible à http://gcyrillus.alwaysdata.net/ .

L'image bg.jpg utilisée comme fond est celle qui se trouve dans le repertoire img du théme en cours (présente dans le theme par défaut, le bandeau). Pour en utiliser une autre, vous pouvez modifier le fichier css inclus à la ligne 22.

body > :is(header, nav, main, aside, footer) {
  border: solid 1px black;
  background-image: url(../img/bg.jpg);
  transition:0.75s
  }

Voici ce que vous obtenez avec le theme par defaut :

Laisser un message.

Quelle est le premier caractère du mot 0q8yvz3j ?