Шаблон HTML в тему Drupal - PullRequest
Новая
       25

Шаблон HTML в тему Drupal

2 голосов
/ 05 октября 2010

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

Ответы [ 5 ]

4 голосов
/ 06 октября 2010

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

мои советы Я предлагаю не совсем реализацию темы дзен, потому что она предлагает просто изменить CSS. и у вас уже есть html и css, которые не были сделаны друпал.

  1. Установите любую тему на свои сайты / все / темы. Я буду использовать, например, тему дзен. Таким образом, путь будет сайты / все / темы / Zen
  2. Копирование файлов с сайтов / всех / тем / дзен / подтем zen на сайты / всех / тем / дзен / mytheme
  3. Переименование сайтов / всех / тем / zen / mytheme / zen.info на сайты / всех / тем / zen / mytheme / mytheme.info
  4. Изменить название темы в mytheme.info
  5. Скопируйте все ваши css и js файлы на сайты / all / themes / 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. Используя эту конструкцию

    scripts [] = 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 размещают в page.tpl.php. Но вы должны сделать это для тематических блоков, меню или областей содержимого. http://drupal.org/node/11812

4 голосов
/ 05 октября 2010

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

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

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

2 голосов
/ 05 октября 2010

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

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

0 голосов
/ 06 октября 2010

Я бы рекомендовал избегать темы дзен (что, конечно, замечательно), если у вас уже есть собственный 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, $ right, $ content и т. Д., Где вы хотите разместить соответствующие сегменты страницы. Не забудьте поставить это 

<?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, чтобы стать более знакомым.

Удачи!

0 голосов
/ 06 октября 2010

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

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

...