HTML шаблон к теме Drupal

StackOverflow https://stackoverflow.com/questions/3865926

Вопрос

У меня есть шаблон HTML. Какие шаги для преобразования его в тему Drupal 6?

Это было полезно?

Решение

Создайте копию темы, которую вы хотите изменить - обычно пустая тема, как дзен работает хорошо. Вам нужно переименовать файлы и исправить файл .info.

Тогда вы можете редактировать .tpl.php файлы. node.tpl.php является основным скелетом. Начните копировать контент из своего HTML-шаблона в этот файл, замена фиктивного контента с заполняющими (которые вы можете найти здесь.

Убедитесь, что кэширование выключено, и вы можете обновить, чтобы увидеть изменения.

Другие советы

Если вы предоставляете мне изображение, если ваша тема, я мог бы рассказать вам общий план для этого. Спасибо за изображение.

Мои советы - я предлагаю не реально реализую тему дзен, потому что он предлагает просто менять CSS. И у вас уже есть HTML и CSS, которые были сделаны не в Путе.

  1. Установите любую тему на ваши сайты / все / темы. Я буду использовать, например, Zen Theme. Поэтому путь будет сайтами / все / темы / дзен
  2. Скопируйте файлы из сайтов / ALL / TEMES / ZEN / ZEN SUB-TOME на сайты / все / темы / дзен / мистер
  3. Переименовать сайты / ALL / TEMES / ZEN / MYTHEME / ZEN.INFO на сайты / ALL / TEMES / ZEN / MYTHEME / MYTHEME.INFO
  4. Изменить название темы в mytheme.info
  5. Скопируйте все ваши файлы CSS и JS на сайты / все / темы / ZEN / MyTheme (лучше создавать подразделения для CSS и JS)
  6. Удалить файлы ZEN по умолчанию ZEN CSS
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
  1. Добавьте свои файлы CSS в Mytheme.info. Используя эту конструкцию
stylesheets[all][] = mycss.css

  1. Добавьте свои файлы JS в mytheme.info. Используя эту конструкцию

    скрипты [] = myjs.js

Больше информации о файле Theme.info Смотрите здесь http://drupal.org/node/171205.

  1. Посмотрите на это изображение alt text

Вот как я думаю, лучше разделить страницу.

Меню под заголовком выглядит как основное меню. На тему их добавить 

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;
}

Правый блок выглядит как блок. Так что проверьте Block.tpl.php и блок тематического руководства http://drupal.org/node/104319.

Тематическая зона содержания зависит от того, что мы показываем как контент. Обычно это вид или узел. Таким образом, взгляды = http://drupal.org/node/352970. узел = http://drupal.org/node/11816.

Все остальное HTML Place на Page.tpl.php. Но вы должны сделать это, чтобы тематические блоки, меню или содержание областей.http://drupal.org/node/11812.

Нет автоматического способа преобразования вашего HTML в тему Drupal. Самый простой способ создать свою собственную тему Drupal - начать с темы Zen, затем настраивая CSS.

Вот ссылка на тему Zenhttp://drupal.org/project/zen.

Там нет быстрого простого решения. Я бы предложил прочитать Документация для тематики в Drupal.org. После знакомы с этой информацией, нажмите Инструменты, лучшие практики и конвенции раздел, специфичный для тематики.

Когда приходит время, чтобы сделать преобразование из HTML в Drupal, я думаю, что вы найдете Firebug или инструменты разработки Chrome, чтобы быть незаменимым, осмотр элемента в любом инструменте будет очень полезным.

Я бы порекомендовал избежать темы Zen (конечно, отлично, конечно), если у вас уже есть свой собственный шаблон HTML. Это 10 минут работы:

Создайте файл theme.info согласно drupal.org/node/171205

Теперь создайте Page.tpl.php-файл. Просто переименуйте свой шаблон HTML к этому имени. Поместите их в заголовок (замените теги фактических ссылок для CSS, JS ...):

<?php print $head; ?>
<?php print $styles; ?>
<?php print $scripts; ?>

Теперь используйте переменные $ MENU, $ left, $ правы, $ content etc ... где вы хотите поставить соответствующую страницу сегменты. Не забудьте поставить это

<?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 } ?>

Выше содержания, чтобы вы также получите вкладки, справку и сообщения.

Стиль это. Вот и все. Вы можете посмотреть на эта статья, Однако это в словацком языке. Но из кусочков кода должно быть совершенно ясно, что происходит, если нет, используйте Google Translate, чтобы получить более знакомый.

Удачи!

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top