HTML Template à Thème Drupal
-
28-09-2019 - |
Question
J'ai un modèle HTML. Quelles sont les étapes pour le convertir en un thème Drupal 6?
La solution
Créer une copie d'un thème que vous souhaitez modifier - généralement un thème blanc comme zen fonctionne bien. Vous aurez besoin de renommer les fichiers et corriger le fichier .info.
Ensuite, vous pouvez modifier les fichiers .tpl.php
. node.tpl.php
est le principal squelette. Commencez la copie du contenu de votre modèle HTML dans ce fichier, en remplaçant le contenu factice avec des espaces réservés (que vous pouvez trouver .
Assurez-vous la mise en cache est désactivée, et vous pouvez actualiser pour voir les changements.
Autres conseils
Si vous me fournissez image si votre thème, je pourrais vous dire un plan commun pour cela. Merci pour l'image.
mes conseils sont Je suggère de ne pas zen application thème vraiment, car il suggère que le changement css. et vous avez déjà html et css qui a été fait pas façon drupal.
- Installer un thème à vos sites / all / thèmes. Je vais utiliser par exemple le thème zen. Donc, chemin sera sites / all / thèmes / zen
- Copier les fichiers à partir de sites / all / thèmes / zen / zen sous-thème des sites / all / thèmes / zen / mythème
- Renommer des sites / all / thèmes / zen / mythème / zen.info aux sites / all / thèmes / zen / mythème / mytheme.info
- Changer le nom du thème dans mytheme.info
- Copier tous vos fichiers CSS et js vers des sites / all / thèmes / zen / mythème (mieux créer subdirs pour css et js)
- Supprimer les fichiers CSS zen par défaut zen
stylesheets[all][] = html-elements.css stylesheets[all][] = tabs.css stylesheets[all][] = messages.css stylesheets[all][] = block-editing.css stylesheets[all][] = wireframes.css stylesheets[all][] = zen.css stylesheets[print][] = print.css
- Ajoutez vos fichiers CSS pour mytheme.info. En utilisant cette construction
stylesheets[all][] = mycss.css
-
Ajoutez vos fichiers js à mytheme.info. En utilisant cette construction
scripts [] = myjs.js
En savoir plus sur theme.info look fichier ici http://drupal.org/node/171205
- Regardez cette image
Voilà comment je pense mieux à la page partagée.
Menu sous les regards d'en-tête comme le menu principal. Pour les ajouter thème
function mytheme_menu_links ($items, $type = 'free') {
if (!empty($items)) {
foreach ($items as $index => $link) {
$output = l($link['title'], $link['href'], $link['attributes'], $link['query'], $link['fragment']); /* insert your html*/
}
return $output;
}
bloc de droite ressemble à bloc. Vérifiez donc block.tpl.php et bloquer thématisation manuel http://drupal.org/node/104319
Le contenu thématisation dépend de ce que nous montrons que le contenu. Habituellement, il est vue ou nœud. si vues = http://drupal.org/node/352970 node = http://drupal.org/node/11816
Tout autre lieu html dans page.tpl.php. Mais vous devriez le faire befor blocs thématisation, des zones menu ou contenu. http://drupal.org/node/11812
Il n'y a pas de façon automatique pour convertir votre HTML pour thème Drupal. Meilleure façon de créer votre propre thème de Drupal est de commencer par thème Zen personnalisant alors le CSS.
Voici un lien vers le thème Zen http://drupal.org/project/zen
Il n'y a pas de solution rapide et facile. Je vous suggère de lire pour thématisation à Drupal.org. Après se familiariser avec ces informations, appuyez sur les Outils, les meilleures pratiques et la section spécifique à la thématisation de conventions.
Quand vient le temps de faire la conversion de HTML vers Drupal, je pense que vous trouverez Firebug ou les outils de développement de Chrome pour être élément indispensable, dans ces deux outils inspecter sera très utile.
Je recommande d'éviter le thème zen (ce qui est grand, bien sûr) si vous avez déjà votre propre modèle HTML. Il est à 10 minutes travail:
Créez votre fichier theme.info selon drupal.org/node/171205
Maintenant que vous créez page.tpl.php fichier. Il suffit de renommer votre modèle HTML à ce nom. Mettez-les dans votre tête (remplacer les balises de liens réels pour css, js ...):
<?php print $head; ?>
<?php print $styles; ?>
<?php print $scripts; ?>
Utilisez les variables $ menu, à gauche $, $ droit, $ contenu, etc ... où vous voulez mettre les segments de page appropriés. Ne pas oublier de mettre cette
<?php if ($tabs): print '<div class="tabs">'.$tabs.'</div>'; endif; ?>
<?php if ($help) { ?><div class="help"><?php print $help ?></div><?php } ?>
<?php if ($messages) { ?><div class="messages"><?php print $messages ?></div><?php } ?>
au-dessus du contenu, de sorte que vous obtiendrez les onglets, l'aide et les messages ainsi.
dénommer. C'est ça. Vous pouvez jeter un oeil à cet article , mais il est en langue slovaque. Mais à partir des morceaux de code, il devrait être tout à fait clair ce qui se passe, sinon, utilisez le Google Translate pour obtenir plus familier.
Bonne chance!