Menu

Le développement de notre thème (pas pour aujourd’hui)

21 juillet 2017 - bidouilles internes

Développement du template linuxtarn

 

Introduction

La page de référence.  Un site avec pleins d’informations . Le codex : références des fonctions .

Comprendre le fonctionnement de base

Analyse rapide:

première chose, comprendre la philosophie du thème.

Au minium , il faut un fichier index.php et un fichier style.php.

Ensuite, c’est très bien expliqué dans la documentation. Tout est histoire de hiérarchie

Quand on demande une catégorie, par exemple avec l’url:

https://blog.linuxtarn.org/?cat=6

wordpress recherche dans themes/linuxtarn , dans l’ordre  les pages :

category-developpement.php (car développement est l’id de identifiant de la catégorie). Si il ne le trouve pas, il cherche ensuite dans l’ordre:

  1. category-6.php
  2. category.php
  3. archive.php
  4. index.php

Activer le mode debug :

c’est expliqué ici

Liste des modifications :

2017/08/

Dans le thème, création d’un répertoire images-perso pour utiliser avec la feuille de style des images.

Méthode certainement incorrecte à reprendre .

la feuille de style dans le thème (style.css) , attention la couleur du texte du header se modifie dans l’administration Apparence/thème/personnaliser

2017/08/09

Création dans themes/linuxtarn/ d’un répertoire brouillons-a-supprimer contenant des pages de tests

Modification du fichier category.php pour qu’il n’affiche que le titres des articles contenu dans la catégorie , l’auteur et la date avec la ligne

<p class="post-info">
 Posté le <?php the_date(); ?> dans <?php the_category(', '); the_shortlink("lire l' article");?> par <?php the_author(); ?>.
 </p>

 

2017/08/07

Création dans themes/linuxtarn/ des pages :

  1. category-developpement.php
  2. category-6.php

Pour tester le principe de hiérarchie

Dans themes/linuxtarn/style.css, modification des commentaires , très important pour que le thème soit correctement interprété  par l’interface d’administration.

Des exempls  d’affichages clair :

https://www.w3schools.com/Bootstrap/bootstrap_ref_css_images.asp