LE BLOG DU YIN-YIN || dkret : le modèle yin-yin

Vu 203 fois

EN COURS DE REDACTION…

Page mise à jour le 04 juilet 2008

Présentation

Test ici
et puis là
et puis là aussi…

Cette page est la traduction de celle qu’a écrite Jörn Kretzschmar, l’auteur du thème dKret. Voir la page de Présentation du thème dKret en français.

Je n’ai fait que traduire cette page de documentation. Même si j’utilise ce thème pratiquement depuis mes débuts avec WordPress, je ne saurai pas répondre à toutes les questions. N’hésitez pas à poser vos questions sur le forum.

Installation de dKret3

Téléchargez tout le répertoire dkret3 dans le répertoire des thèmes (wp-content/themes) de votre blog WordPress.
Donnez les droits d’écriture au sous répertoire headers (../dkret3/images/headers) - chmod 777 - pour pouvoir y télécharger des images d’entête.
Connectez-vous à votre blog comme administrateur et allez dans le panneau d’administration de WordPress puis cliquez sur l’onglet Thème.
Cliquez ensuite sur l’image de dKret3 et le plus dur est fait!

Ajouter des widgets à la barre latérale

Maintenant que votre version de dKret est opérationnelle, vous pouvez ajouter des widgets à la barre latérale ou au pied-de-page.

Attention :

L’utilisation des widgets est obligatoire.

Ajouter des widgets est (bien sûr) TRES facile. Allez dans l’onglet Widgets (situé juste après Thèmes) et déplacez quelques widgets du bas de la page vers une des barres latérales au dessus.

La partie sympa de dKret est que seule les barres vers lesquelles des widgets ont été déplacés sont visibles. Par exemple, si vous n’aimez pas les barres latérales de couleur verte, n’y ajoutez aucun widget, elles ne seront pas visibles.

ATTENTION : chaque widget a ses propres options ; une fois le widget déplacé dans la barre souhaitée, cliquez sur le petit carré à droite pour les modifier.

Modifier les options

Vous pouvez modifier l’apparence de dKret sans modifier le thème lui-même. Téléchargez votre propre image d’entête, choisissez d’afficher des menus déroulants dans la barre de menu. C’est vous qui décidez !

Pour accéder aux options de dKret, cliquez dans le panneau Thème, sur l’onglet dKret3 Options.

N’oubliez pas de cliquer sur le bouton Mettre à jour la configuration au bas du panneau d’administration. Sinon vos modifications ne seront pas prises en compte.

Utiliser des feuilles de style

Vous pouvez modifier le style de dKret sans vous plonger dans le code du thème lui-même. Les changements ou les ajouts doivent être placés dans une feuille de style (avec l’extension css), qui doit être elle-même téléchargée dans le répertoire /dKret3/schemes (ne modifiez pas le fichier style.css , sinon, vous aurez besoin d’y apporter de profonds changements lors des futures mises à jour de dKret).

Tous les changements nécessaires à vos plugins devront être ajoutés à votre feuille de style.

Vous pouvez choisir votre feuille de style dans le panneau d’administration de dKret3. En jetant un oeil aux feuilles de style fournies, vous pourrez voir comment elles sont construites et réaliser la vôtre. Vous pouvez bien sûr simplement utiliser les feuilles de style fournies.

Réaliser une feuille de style

Modifiez la feuille de style par défaut (avec Firebug ou Webdeveloper Toolbar).
Sauvegardez le fichier style.css dans son propre répertoire.
Comparez les modifications de votre nouveau fichier style.css avec le fichier par défaut (en utilisant par exemple Totalcommander).
Supprimez dans votre feuille de style les éléments identiques à ceux de la feuille de style par défaut style.css.
Sauvegardez votre nouvelle feuille de style avec un nom de fichier, par exemple monnom.css dans le répertoire /dKret3/schemes.

Pour ma part, j’utilise un éditeur de texte (comme Dreamweaver ou Taco HTML Edit) pour réaliser ma feuille de style. Je copie/colle les éléments qui m’intéressent à partir des feuilles de style proposées par Jörn, je sauvegarde le fichier et le télécharge dans le répertoire /dKret3/schemes.

Vidéo

Vous pouvez visualiser la vidéo rélaisée par Jörn : “Faire ses propres feuilles de style pour dkret”

Réaliser votre propre modèle

Peut-être souhaitez-vous utiliser dKret comme base de votre thème. Pensez à utiliser le NOUVEAU mode de réalisation des modèles et obtenir ainsi un nouveau thème.

Modifier le fichier style.css pour répondre à vos besoins.
Ajouter les informations nécessaires en haut du fichier style.css.
Copier ce fichier style.css dans son propre répertoire.
Ajouter un répertoire images et copiez au moins les fichiers favicon.ico, spinner.gif et default_gravatar.jpg (utilisez vos propres images pour une personnalisation plus complète).
Si vous envisagez de proposer votre propre modèle à d’autres utilisateurs, vous devez également créer un répertoire schemes.
Ajoutez une copie d’écran screenshot.png au répertoire de base.
Votre nouveau modèle est prêt, vous pouvez l’activer depuis l’onglet Thème.

Utiliser dKret dans votre propre langue

Comme dKret est déjà traduit en français, je ne m’étends pas davantage sur cette question…

Téléchargez les fichiers de traduction (Taille inconnue)
Téléchargé : 843 fois

Installez les fichiers de langue dans le répertoire dkret3/languages.

Désinstaller dKret

Vous pouvez désinstaller dKret depuis les options du thème que vous trouvez dans Thème/Thèmes/dKret3 options.

Cliquez sur le bouton Réinitialiser et désinstaller dKret. Ceci ne supprime aucun fichier, seules sont effacées de la base de données les options relatives à dKret ; votre blog reviendra alors au thème par défaut.

Mettre à jour dKret

Après avoir désinstallé dKret comme indiqué ci-dessus, supprimez l’ancien répertoire dKret3 (n’effacez pas les images d’entête et les feuilles de styles que vous aviez téléchargées).
Téléchargez le nouveau répertoire dKret3 dans le répertoire wp-content/themes.
Activez la nouvelle version comme indiqué au début de cette page.

Ajouter des images aux articles

Il est nécessaire d’ajouter une classe pour que le texte encadre l’image. Ajouter par exemple la classe “alignleft”.

Vous pouvez utiliser l’éditeur visuel de WordPress. Dans la barre d’icônes, cliquez sur celle vous permettant d’insérer une image, puis indiquez si l’image doit être alignée à gauche, à droite ou centrée.

Les images ne sont pas automatiquement “flottantes” car cela induit des problèmes, notamment si le texte n’est pas assez long pour encadrer l’image.

Images alignées à droite

Pour afficher les images sur le côté droit de vos articles, utiliser la classe “alignright” ; vous pouvez là aussi utiliser l’éditeur visuel de WordPress.

Vous pouvez également faire le choix d’écrire vos articles comme d’habitude, puis basculer dans l’onglet “code” pour ajouter les classes nécessaires.

1. Commencez par écrire votre article dans l’éditeur visuel

TRUC :

Regardez précisément où le texte commence, juste après l’image, sans laisser d’espace. Ceci est important, sinon le texte sera mal positionné par rapport à l’image !

2. Cliquez sur l’onglet code

3. Ajoutez la classe “alignright” au code html de l’image (img)

Images à gauche ou centrées

Parfois, vous ne souhaitez pas avoir d’image flottante. Dans ce cas, ajoutez simplement la classe “image” dans la ligne de code html (ou utilisez le bouton d’insertion d’image dans l’éditeur visuel). Il est nécessaire d’insérer un saut de paragraphe après l’image (<br>) sinon le texte sera collé à l’image en bas à droite.

Il est aussi facile de centrer des images. Appliquez simplement la classe “centered” au code de l’image (ou utilisez l’éditeur visuel).

Comment afficher des images SANS bordure

Si vous souhaitez afficher une image sans bordure, appliquez la classe “noborder” au code l’image. TRUC ! Vous pouvez utiliser plusieurs classes pour la même image. Séparez-les par un espace (exemple : class=”alignright noborder”).

Ajoutez de l’espace

Parfois le texte accompagnant une image flottante n’est pas assez long pour encadrer l’image.

Vous pouvez ajouter un espace avec la classe “clear”. Ajoutez dans un tag <p> la classe “clear” (<p class=”clear”></p>). Si vous avez besoin de davantage d’espace, vous pouvez aussi utiliser la classe “space”.

Utiliser les modèles de dKret

Quelques modèles sont déjà fournis avec le thème.

Disposez de votre propre livre d’or

Ecrivez une page sans barre latérale

Affichez la liste des événements à venir (si vous utilisez le plugin Event calendar)
Publiez une page avec toutes les tâches à faire (si vous utilisez le plugin Ourtodolist - traduit en français, voir la page Les plugins que j’ai traduits en français)

Le modèle “Livre d’or”

Ajouter un livre d’or à votre blog est aussi facile qu’écrire une page avec WordPress.

Allez dans le panneau d’administration de WordPress, cliquez sur Ecrire, puis sur Ecrire une page.
Saisissez du texte (et éventuellement des images) à afficher au début de votre livre d’or.
Ouvrez le widget Modèle de page (en bleu, à droite de l’interface de saisie) s’il n’est pas déjà ouvert.
Dans la liste déroulante, au lieu de Modèle par défaut choisir Guestbook.
Vous pouvez maintenant publier votre page, vous avez créé votre livre d’or !