تحويل أي قالب html إلى تيم دروبال

تيم دروبال يتكون من بعض العناصر الرئيسية
لكي تنشئ تيم إنطلاقاً من صفحة html و هو المثال المستعمل في هذا الشرح افتح الملف page.html و احفظه باسم page.tpl.php استعمل محرر نص و شخصياً أنصحك بأن تبدأ استعمال eclipse
هذا رأس الصفحة فيه تدخل معلومات عن الموقع و معلومات عن الملفات css و js و عن لغة الصفحة إلى أخره
عندما تحول صفحة html إلى قالب tpl.php عليك أن تضيف منعيرات البي.إتش.بي التي تعبر عن نفس الأشياء

العناصر الأساسية لإنشاء تيم دروبال

كما تعرف صفحة دروبال تتألف من بعض العناصر الأساسية وهي

الهيدر

في قسم الهيدر ادخل الكود التالي

<head>
  <title><?php print $head_title; ?></title>
        <?php print $head; ?>
        <?php print $styles; ?>
        <?php print $scripts; ?>
</head>

الهامش

في الهامش اليساري أو/ و اليميني عليك أن تدخل الكود التالي

<?php print $left; ?>
<!-- انسخ الكود التالي للهامش اليميني-->
<?php print $right; ?>
</code></div>

القوائم

هناك القائمة الأولية و القائمة الثانوية في حال استعمالك القائمة الأولية
عليك أن تدخل الكود التالي في أي منطقة من المناطق حسب حاجتك

<div id="primary">
<?php print theme('links', $primary_links); ?>
</div> <!-- /#primary -->

تتردد بين استعمال القائمة الأولية أو استعمال القائمة الثانوية تستطيع أن تدخل الكود التالي و بعد ذلك تحدد أي من قائمتين ستستعمل

<?php if ($primary_links): ?>
<div id="primary">
    <?php print theme('links', $primary_links); ?>
</div>
<?php endif; ?>
<?php if ($secondary_links): ?>
<div id="secondary">
    <?php print theme('links', $secondary_links); ?>
</div>
<?php endif; ?>

المحتوى الرئيسي للصفحة

لحد الآن أنت أضفة إطار الصفحة حان الوقت لإضافة محتوى الصفحة في منطقة المحتوى أضف الكود التالي

<?php if ($breadcrumb): ?><div id="breadcrumb"><?php print $breadcrumb; ?></div><?php endif; ?>
<?php if ($mission): ?><div id="mission"><?php print $mission; ?></div><?php endif; ?>
<div id="content">
<?php if ($title): ?><h1 class="title"><?php print $title; ?></h1><?php endif; ?>
<?php if ($tabs): ?><div class="tabs"><?php print $tabs; ?></div><?php endif; ?>
<?php if ($messages): print $messages; endif; ?>
<?php if ($help): print $help; endif; ?>
<?php print $content; ?>
</div>

قدم الصفحة

قدم الصفحة

<?php if ($footer_message || $footer) : ?>
<div id="footer-message">
    <?php print $footer_message . $footer;?>
</div>
<?php endif; ?>

وسم النهاية

وسم النهاية لكي تشير لدر وبال بأن صفحتك قد انتهت في أخر الصفحة أضف الكود التالي

<?php print $closure; ?>
</body>
</html>

الملف info

الآن عليك إنشاء الملف info على الشكل التالي

name = YourThemeName
!REG3XP1!>description = Description of YourTheme
core = 6.x
engine = phptemplate
stylesheets[all][] = style.css
regions[left] = Left sidebar
regions[right] = Right sidebar
regions[content] = Content
regions[header] = Header
regions[footer] = Footer

عليك أن تستبدل YourThemeName باسم تيمك
أحفظ عملك و تيمك أصبح جاهز للعمل تستطيع تفعيله من صفحة ادر/بناء الموقع/ التيمات
تستطيع تطبيق هذه الطريقة على أي قالب html و تحويله إلى تيم لدر وبال

على هذة الصفحة هناك فيديو شرح كامل لعملية التحول html إلى tpl.php

آخر المشاركات

 

أوسمة الموقع