dKret : mon sous-thème Lisemini

dKret, le thème que j’utilise depuis mes débuts sous WordPress est aisément personnalisable.

Nous avons décrit essentiellement dans deux pages comment il est possible d’adapter dKret :

Sur le conseil de Jörn, le développeur de dKret, j’ai créé mon propre sous-thème, Lisemini.

Page mise à jour le 3 avril 2015 @ 17:17

Les sous-thèmes (1)

Un sous-thème est un thème WordPress qui utilise un fichier PHP (par exemple index.php, single.php etc.) d’un autre thème (ici le thème dKret). Installer un sous-thème s’effectue de la même façon que pour un thème. Aucune donnée des fichiers du thème n’est modifiée, seul un nouveau fichier style.css est utilisé.

Pour créer un sous-thème, on peut lire utilement la page Designing Themes for Public Release consacrée à la création d’un thème sur le Codex de WordPress et consulter l’aide du Forum officiel de WordPress. Jörn (et moi éventuellement sur le forum 😉 ) sommes prêts à répondre aux questions relatives à dKret.

En principe il suffit de modifier le fichier style.css original du thème dKret et l’entête du fichier :

/*
THEME NAME: Mon theme
THEME URI: https://monsite.com/
DESCRIPTION: description du theme
VERSION: 0.1
AUTHOR: Mon nom
AUTHOR URI: https://mondomaine.com/
TEMPLATE: dkret3
*/

La ligne « TEMPLATE: dkret3 » indique à WordPress qu’il doit charger les fichiers du thème « dKret3 », mais utiliser la feuille de style de « Mon theme ». Dans le Codex de WordPress, la page WordPress Theme Style Sheets, vous apportera les indications nécessaires à la création de feuilles de style.

Afin d’activer un sous-thème, dKret doit être téléchargé dans le répertoire wp-content/themes !

Lisemini version 1

Cette première version de Lisemini a été élaborée pour dKret3 version 2.4.

Lisemini, version 2

Lisemini version 2 est adapté à la nouvelle architecture de dKret3, depuis sa version 2.5.

Par défaut, Lisemini version 2 utilise une feuille de style Fluidelity.css qui permet d’afficher le blog en fonction de la largeur de la fenêtre du navigateur.

J’ai laissé à disposition les autres feuilles de style de Jörn :

  • une feuille de style Sans-barre.css, qui affiche le blog sans barre latérale,
  • une feuille de style Sidebar-Left-And-Right.css qui affiche le blog avec une barre latérale à droite ou à gauche,
  • une feuille de style Sidebar-Right.css qui affiche une barre latérale à droite.

Lisemini version 3

Lisemini version 3 est adapté à WordPress 2.8 beta et dKret 3.0 beta.

Jörn a vérifié la compatibilité de Lisemini avec les modifications qu’il a apportées à dKret3 3.0.

Téléchargement

Utilisation

Principales différences entre Illumini et Lisemini :

  • Lisemini offre une largeur variable de la page,
  • de nouvelles couleurs (du vert au lieu du bleu),
  • les titres des articles, la date de publication, les données de la bande meta (celles situées sous un article) sont alignées à gauche et non pas centrées,
  • une barre latérale avec des titres entre deux lignes pointillées,
  • un autre style de puces.

Installation

  • téléchargez dKret, décompressez l’archive et téléchargez-la vers wp-content/themes le répertoire dKret3 ;
  • télécharger un sous-thème, décompressez l’archive et téléchargez également le répertoire vers wp-content/themes ;
  • rendez-vous dans l’interface d’administration du blog dans Apparence et cliquez sur la vignette représentant le thème que vous voulez activer ;
  • de nouvelles options sont accessibles depuis l’onglet Apparence :
    • dKret Configuration,
    • ou Illumini Configuration,
    • ou Lisemini Configuration, selon le thème ou sous-thème que vous avez choisi.
  • sélectionnez vos options, puis validez.

Pour les curieux 😉

Lisemini s’appuie sur les fichiers du thème parent dKret.

  • Lisemini 1 et Lisemini 2 utilisent le fichier footer.php qui affiche, tout en bas de la page le nom du blog et du thème utilisé. Je l’avais modifié pour indiquer notamment le copyright (2) ;
  • Lisemini utilise les images du répertoire dkret3/images ;
    • les images spécifiques à Lisemini version 1 sont placées dans le répertoire Lisemini/images,
    • les images spécifiques à Lisemini versions 2 et 3 sont placées dans Lisemini/library/images.

Pour ceux d’entre vous qui prendraient comme point de départ Lisemini pour le personnaliser, créez un nouveau fichier .css dans le répertoire schemes(Lisemini version1) ou dans library/layouts (Lisemini versions 2 et 3) et apportez-y les modifications souhaitées. A chaque mise à jour de dKret (ou de Lisemini), vous pourrez continuer à utiliser votre feuille de style personnalisée. Pour plus d’informations, vous pouvez vous reporter aux pages :


Ecrit par Lise - Site

  1. Ce paragraphe est une traduction de la page Child-Themes de Jörn Kretzschmar []
  2. Voir la page dKret : insérer un copyright dans le pied-de-page []

7 commentaires pour “dKret : mon sous-thème Lisemini

  1. 4 mars 2009 à 00:11

    Hello Lise!

    J’ai tenté de créer mon sous-thème.

    Par contre en important la feuille de base de dKret ainsi qu’en important le « layout » par défaut je n’ai plus la date affiché comme sur le thème dKret par défaut.

    As-tu un tuyau?

    Du coup je suis revenu sous dKret avec un « layout » personnalisé avec mon schéma + mes modifs 🙁

    Biz…

  2. 4 mars 2009 à 13:28

    Dans le thème que tu utilises, il faut vérifier les parties
    /* hide not used elements */
    et
    /* show used elements */.

    Pour afficher la date sous les articles, il faut que « .entry-date » soit dans la partie /* show used elements */ et suivie de { display: inline; }

    Tu peux regarder le début de mon sous-thème, j’ai commenté les lignes concernées.

    • 10 mars 2009 à 05:07

      Ok merci Lise 🙂 Je vais rechercher tout ça 🙂
      J’arrive à afficher la date mais pas à la mettre en forme comme dans le thème par défaut (sous forme de calendrier).

      • 10 mars 2009 à 22:33

        Facile ça 😉
        Dans le fichier style.css de dKret, il faut voir à partir de la ligne 636.
        Et dans « ton » article dKret : créer une feuille de style, j’avais même indiqué comment j’avais modifié les icônes dans le paragraphe « Icônes du calendrier et de l’auteur » 😉

  3. 10 mars 2009 à 22:50

    Re-coucou Lise!

    En fait j’ai trouvé l’origine du probleme!

    Lors de la création d’un sous-thème à partir du sous-thème base il y a un fichier function.php qui apparaît.
    Celui-ci contient un morceau de code qui désactive la fonction d’affichage de type « calendrier« .

    J’ai donc supprimé son contenu et comme par magie j’ai l’affichage de la date identique à l’affichage par défaut dans le thème dKret 🙂 .

    Je ferai un p’tit article pour argumenter ma manip avec quelques images. Je m’en occupe la semaine prochaine car ce w-e je fais un trail de 80km qui arrive au 1er étage de la tour Eiffel. Je suis donc en pleine préparation 😉 .

    Au passage ça peut te faire une idée de reportage photo 😉 .

    Biz @ p’luche…

  4. 11 mars 2009 à 13:31

    Moi, je suis partie d’Illumini, je n’ai pas utilisé le sous-thème base…

    Quant au WE prochain, dommage, on aurait pu faire connaissance, mais je pars skier !

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Laisser ces deux champs tels quels :

Protégé par Invisible Defender. 275 993 spammeurs ont vu s'afficher une page d'erreur 403.

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.