Portage du thème Wordpress Writr sous Dotclear 2 : mise en place

Dans l’idée de détailler un peu comment porter un thème Wordpress sur Dotclear 2, j’ai choisi de commencer par un plutôt simple dans sa structure :

  • Une sidebar à gauche
  • Un contenu à droite
  • Largeur fixe (avec configuration possible), et quoi qu’il en soit responsive
  • Aucune image
  • Une police d’icônes (Genericons)

Il ressemble, avec les options par défaut, à quelque chose comme ceci :

Thème Writr pour Wordpress

Pour créer une adaptation, la première chose à faire est de créer un dossier pour le thème, avec le nom Writr pour ne pas faire original et y placer dedans un fichier _define.php contenant ceci :

<?php
# -- BEGIN LICENSE BLOCK ---------------------------------------
# This file is part of Writr, a theme for Dotclear
#
# Copyright (c) Franck Paul
# Licensed under the GPL version 2.0 license.
# See LICENSE file or
# http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
#
# -- END LICENSE BLOCK -----------------------------------------

if (!defined('DC_RC_PATH')) { return; }

$this->registerModule(
	/* Name */				"Writr",
	/* Description*/		"Writr theme adapted from Wordpress.com",
	/* Author */			"Franck Paul",
	/* Version */			'1.0',
	/* Properties */		array(
								'type' => 'theme',
								'tplset' => 'dotty'
							)
);

Deux remarques sur le contenu :

  1. J’utilise la même licence que le thème original, GPL v2
  2. Après avoir testé le thème sur ma copie locale de Wordpress j’ai constaté qu’il mettait en œuvre les balises HTML5 (main, section, …) autant que possible ce qui m’a conduit à sélectionner dotty comme jeu de template puisqu’il se rapproche le plus de cet usage

J’ai ensuite copié tel quel le fichier style.css original dans mon dossier et j’ai activé le tout dans ma copie locale de Dotclear 2. Ça donne quelque chose comme cela :

Application de la CSS de Writr sur le jeu de template Dotty

Pas vraiment convaincant mais utile pour constater que :

  • Il va falloir décortiquer un peu plus la structure (layout) de Writr sous Wordpress
  • Essayer de reproduire celui-ci sous Dotclear 2, soit en s’appuyant sur dotty soit en repartant de zéro

Sachant que je vais éviter de toucher, autant que faire se peut, au fichier CSS du thème original vu qu’en général, les évolutions et corrections sont plus souvent faites sur ce dernier que sur le reste — ce qui se conçoit aisément vu que la décoration est un élément important du thème.

Prochaine étape donc : analyse comparée des layouts respectifs de Writr et dotty

Ajouter un commentaire

Les champs suivis d'un * sont obligatoires

Les commentaires peuvent être formatés en utilisant la syntaxe Markdown Extra.

Ajouter un rétrolien

URL de rétrolien : https://open-time.net/trackback/12983

Haut de page