Comment convertir un thème Wordpress?

11

J'ai googlé, mais je n'ai trouvé aucune solution automatisée. Donc, je l'ai démarré manuellement. Le mappage de fichiers CSS est facile, mais je cherche un moyen de mapper des blocs / modèles. S'il vous plaît, aidez.

theming

— user931
source

16

Il n'y a aucun moyen direct de le faire ni aucun moyen programmatique. En effet, les structures de modèles diffèrent tellement. Mais voici les étapes à suivre pour les conversions les plus rapides ...

Chargez le thème dans Wordpress puis affichez le site dans un navigateur. (le but est d'extraire la structure HTML de base du modèle).
Affichez la source sur la page, copiez tout le code HTML et déposez-le dans un éditeur de texte. Enregistrez dans un nouveau dossier de projet.
Copiez les fichiers CSS et JS dans ce nouveau dossier de projet. Je recommande d'utiliser un dossier "css" et un dossier "js" pour l'organisation.
Copiez toutes les images dans ce dossier de projet. Je recommande d'utiliser le dossier "images".
Vous avez maintenant le modèle de base dont vous avez besoin pour le transformer en thème pour Drupal. Il est temps de s'occuper!
Je recommande de copier le thème "guirlande" dans un nouveau dossier de projet et de le renommer en votre nouveau nom de thème. Cela accélérera les choses.
Copiez les dossiers css, js et images dans le nouveau projet de thème.
Modifiez le fichier .info pour charger les fichiers css et js.
Modifiez les fichiers css et js pour charger toutes les images et autres chemins de fichiers qui leur seront relatifs.
En utilisant une comparaison côte à côte entre le fichier page.tpl.php et votre modèle de fichier html, vous devrez transformer la structure du fichier tpl pour qu'elle soit proche de celle du fichier html. Veillez à ne pas supprimer les références dynamiques.
Testez, dépannez au besoin.

C'est beaucoup d'étapes, mais cela fonctionne. Vous pouvez également utiliser un cadre de thème qui fournit un thème squelette sur lequel s'appuyer. Le seul problème avec cela est que, parfois, ces cadres sont très lourds et font bien plus que nécessaire. Le zen est courant, mais il est très lourd. Vous pouvez en trouver plus sur le site Web de Drupal à drupal.org (recherche de thèmes). Voici quelques liens vers quelques thèmes de base.

Cadre Zen
NineSixty (960 Grid System, concept très flexible, je ne l'ai jamais utilisé)
Fluid Grid (un autre grand concept, je l'ai vu en action et c'est plutôt sympa)

Enfin, voici un lien vers le guide thématique de Drupal .

— Patrick
source

Je veux ajouter que depuis l'écriture de cette dernière année, j'ai utilisé un thème de base 960gs et c'est tout simplement magnifique de voir comment cela fonctionne. Je l'ai même utilisé pour transformer très rapidement un modèle de base que j'ai acheté en ligne en un thème Drupal. Je suis amoureux du système et le recommande vivement. Je ne suis généralement pas un gars front-end, mais je peux toujours faire le travail si nécessaire.

— Patrick

Je voudrais ajouter que vous mentionnez la copie du thème de la guirlande et son utilisation comme point de départ. Je suggérerais d'utiliser l'un des thèmes de démarrage que vous mentionnez, comme le Zen (je recommanderais à quelqu'un d'utiliser le Zen si c'est la première fois qu'il fait cela). Il est conçu dans ce but et entraînera beaucoup moins de piratage et un thème plus flexible à la fin.

— cjm2671

1

Zen a beaucoup de frais généraux impliqués et peut en fait causer plus de confusion par rapport à certains des thèmes de poids plus léger. De plus, beaucoup des extras qu'il avait dans D6 sont disponibles sous une forme ou une autre dans D7.

— Patrick

Vous pouvez utiliser wget pour obtenir le site:

wget --recursive --no-clobber --page-requisites --html-extension --convert-links --restrict-file-names=windows --no-parent -e robots=off --domains domain.com http://domain.com/path

. Suivez ensuite les instructions de cette réponse.

— frazras

4

Je suis d'accord avec la réponse de pthurmond, mais je suggère de ne pas copier l'intégralité du HTML et du CSS mais de le faire étape par étape. Copiez d'abord le code HTML pour, disons, le menu; puis copiez le CSS pour cela. Utilisez Firebug pour le processus. De cette façon, vous ne vous retrouverez qu'avec les choses vraiment nécessaires. Je recommande également une ligne de système de grille 960.gs car elle est très flexible et vous n'aurez aucun problème de mise en page.

— Varshith
source

1

Moi aussi, je cherchais un moyen de convertir un thème WordPress en Drupal, mais je n'ai trouvé aucune solution facile.

Étant donné que mon site Drupal est principalement du contenu texte, j'ai décidé de créer un iframe dans mon site WP contenant le site Drupal.

On dirait que ça va marcher. J'ai supprimé l'en-tête et le pied de page du fichier de modèle Drupal et maintenant tout ce que j'ai est le corps à l'intérieur de mon site WP.

Je vais devoir ajuster légèrement le CSS sur le site Drupal mais j'ai vraiment hâte de voir ce design hybride.

— Parag
source