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 8 janvier 2012 @ 22:11

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: http://monsite.com/
DESCRIPTION: description du theme
VERSION: 0.1
AUTHOR: Mon nom
AUTHOR URI: http://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 []
Mot(s)-clé(s) ,

7 commentaires

Ecrire un commentaire»
  1. 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. 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.

    1. 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).

      1. 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. 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. 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 !

  5. […] page explicative Cet article a été écrit par André Girard, le 3 décembre 2009 à 0 h 29 min. Il est […]

Laisser un commentaire

Votre adresse mail ne sera jamais rendue publique ni utilisée.

*Si vous écrivez un commentaire ici pour la première fois, celui-ci ne sera publié qu'après validation par un administrateur du blog. Ne l'envoyez pas plusieurs fois !
*Bien sûr, tout commentaire injurieux, publicitaire ou spam sera supprimé.
*C'est à vous maintenant !

(obligatoire)
(obligatoire)

Laisser ces deux champs tels quels :

Protégé par Invisible Defender.


  • Mentions légales
    Les différents éléments du Blog de Lise restent la propriété de leur(s) auteur(s) respectifs.


snowflake snowflake snowflake snowflake snowflake snowflake snowflake snowflake snowflake snowflakeClef two-factor authentication