قالب HTML لموضوع دروبال

Question

لدي قالب HTML. ما هي الخطوات لتحويلها إلى موضوع Drupal 6؟

Answer 1

قم بإنشاء نسخة من سمة تريد تعديلها - عادة ما يكون موضوع فارغ مثل زن يعمل بشكل جيد. ستحتاج إلى إعادة تسمية الملفات وإصلاح ملف .info.

ثم يمكنك تعديل .tpl.php الملفات. node.tpl.php هو الهيكل العظمي الرئيسي واحد. ابدأ في نسخ المحتوى من قالب HTML الخاص بك في هذا الملف ، واستبدال المحتوى الوهمي بالأصحاب النائب (الذي يمكنك العثور عليه هنا.

تأكد من إيقاف التخزين المؤقت ، ويمكنك التحديث لرؤية التغييرات.

Answer 2

إذا قدمت لي صورة إذا كان موضوعك ، يمكنني أن أخبرك ببعض الخطة الشائعة لذلك. شكرا على الصورة.

نصحاتي هي أنني لا أقترح تطبيق موضوع Zen حقًا ، لأنه يشير فقط إلى تغيير CSS. ولديك بالفعل HTML و CSS التي تم القيام بها في طريق دروبال.

1. قم بتثبيت أي موضوع على مواقعك/جميع السمات. سأستخدم على سبيل المثال موضوع Zen. لذلك سيكون المسار مواقع/كل سمات/زن
2. نسخ الملفات من المواقع/All/temes/Zen/Zen Sub-theme إلى المواقع/All/temes/Zen/MyTheme
3. إعادة تسمية المواقع/All/temes/Zen/MyTheme/Zen.info إلى المواقع/All/temes/Zen/MyTheme/MyTheme.info
4. تغيير اسم السمة في mytheme.info
5. انسخ جميع ملفات CSS و JS الخاصة بك إلى المواقع/كل/سمات/Zen/MyTheme (من الأفضل إنشاء Subdirs لـ CSS و JS)
6. إزالة ملفات Zen Default 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

7. أضف ملفات CSS الخاصة بك إلى MyTheMe.info. باستخدام هذا البناء

stylesheets[all][] = mycss.css

8. أضف ملفات JS الخاصة بك إلى mytheme.info. باستخدام هذا البناء

   البرامج النصية [] = myjs.js

مزيد من المعلومات حول ملف theme.info انظر هنا http://drupal.org/node/171205

1. انظر إلى هذه الصورة

هكذا أعتقد أنه من الأفضل تقسيم الصفحة.

القائمة تحت الرأس تشبه القائمة الأساسية. لتوضيح لهم إضافة

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 وحظر دليل Theming http://drupal.org/node/104319

يعتمد منطقة المحتوى على ما نعرضه كمحتوى. عادة ما يكون العرض أو العقدة. لذلك وجهات النظر = http://drupal.org/node/352970 العقدة = http://drupal.org/node/11816

جميع HTML الأخرى في page.tpl.php. ولكن يجب عليك القيام بذلك عن كتل أو مناطق القائمة أو المحتوى.http://drupal.org/node/11812

Answer 3

لا توجد طريقة تلقائية لتحويل HTML إلى موضوع Drupal. أسهل طريقة لإنشاء موضوع Drupal الخاص بك هو البدء بموضوع Zen ثم تخصيص CSS.

إليك رابط لموضوع Zenhttp://drupal.org/project/zen

Answer 4

لا يوجد حل سريع سهل. أود أن أقترح قراءة وثائق للالتهاب في drupal.org. بعد التعرف على هذه المعلومات ، اضغط على الأدوات وأفضل الممارسات والاتفاقيات القسم الخاص بالثقة.

عندما يحين الوقت لإجراء التحويل من HTML إلى Drupal ، أعتقد أنك ستجد Firebug أو أن أدوات تطوير Chrome لا غنى عنها ، فإن تفحص العنصر في أي من الأداة سيكون مفيدًا للغاية.

Answer 5

أوصي بتجنب موضوع Zen (وهو أمر رائع ، بالطبع) إذا كان لديك بالفعل قالب HTML الخاص بك. إنها وظيفة 10 دقائق:

قم بإنشاء ملف theme.info حسب drupal.org/node/171205

الآن قم بإنشاء ملف page.tpl.php. فقط أعد تسمية قالب HTML الخاص بك لهذا الاسم. ضعها في رأسك (استبدل علامات الارتباط الفعلية لـ CSS ، JS ...):

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

الآن استخدم قائمة المتغيرات $ ، $ يسار ، $ right ، $ محتوى ، إلخ ... حيث تريد وضع شرائح الصفحة المناسبة. لا تنسى وضع هذا

<?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 للحصول على مألوف.

حظا طيبا وفقك الله!