لتصميم ستايل ، لسكربت الزواج الإصدار 6 ، اصبح الأمر سهل كثير ، واسهل من الإصدارات السابقة

هو مثلة مثل جميع انظمة الستايلات المعروفة ، التي فيها القالب مفصول ، عن ملفات البرمجة ،


هذا الشرح ليس للمبتدئن ، يجب ان يكون عندك تجربة سابقة في تصميم ستايلات وتوزيعها ، ولاتستطيع القيام بالمهمة في حال ليس لديك خلفية سابقة عن ذلك



الإصدار 6 لايستخدم اي نظام قوالب  ، فقط اكواد مفصولة وموزع


بداية العمل ، لإنشاء ستايل جديد ،


المجلد التالي يحوي كل الستايلات المخصصة للقسم الرئيسي من الموقع

Apps\Layout\MainSection


نقوم بالدخول للمجلد ، وانشاء نسخة جديدة من ملفات اي من الستايلات الثلاث الموجودة ، اي واحد منهم نفس العمل

على سبيل المثال نحن سنختار

Pinkone


سنقوم بعمل نسخة جديدة من هذا المجلد وكل محتواه ، ونسميها مثلا

Newstyle


الأن كل عملنا سيكون داخل هذا المجلد ، وهو المسوؤل الكامل عن الستايل الجديد ، حتى تختاره ليكون الستايل الإفتراضي

من لوحة تحكم سكربت الزواج ادخل على


العام - الإعدادت العامة - إعدادت الموقع


ثم

ستايل الموقع الإفتراضي الأساسي  


اختر هنا من القائمة المنسدلة الستايل الجديد

Newstyle


وبذلك يكون موقع الزواج الخاص بك يعمل على ملفات الستايل الجديد ، الذي تبقى ان تقوم بتصميمه من جديد حسب رغبتك


الأن تصميم الستايل ، نحن ننصح بأن يكون الستايل مؤلف من الهيكلية العام

هيدر

يمين - منتصف - يسار

فوتر


في التصميم والتقطيع والتوزيع


ويحوي 4 اشكال لقوائم جانبية مختلفة ، تسمح للعميل بحرية اختيار القائمة ، لأن سكربت الزواج يتيح للعميل عند اضافة اي قائمة اختيار التصميم الذي يريد عرضه عيها


الأن بعد تصميم الستايل على الفوتوشوب او غيره ، وتقطيعه يبدأ التوزيع كالتالي


ملف

Header.html.php

سيحوي على

الهيدر

العمود اليمين - بداية المنتصف


وملف

Footer.html.php

سيحتوي على

نهاية المنتصف ،العمود اليسار

الفوتر


اسماء الملفات حصرا لازم مثل ماهي مذكورة وانتبه ان اول حرف من اسم الملف انجليزي كبير ، وفي حال مخالفة ذلك سيحدث خطأ

Header.html.php - Footer.html.php


برمجيا سيكون كالتالي ، وطبعا الكود يجب ان يحوي اومر

php



Header.html.php

<div id="HeaderStyle"></div>


<div class="CenterLay">

<div style="display: table-row;">

<?if($this->RightBlocks!=''){?><div class="RightLay"><?=$this->RightBlocks?></div><?}?>

<div class="CenterLayDiv">

<?=$this->CenterUPBlocks?>


كما لاحظنا تركناهم بدون اغلاق للتاغز ، المنتصف


الأن ملف الفوتر

Footer.html.php

<?=$this->CenterDownBlocks?></div>

<?if($this->LeftBlocks!=''){?><div class="LeftLay"><?=$this->LeftBlocks?></div><?}?>

</div>

</div>

<!-- Footer Div-->

<div id="FooterStyle"></div>


هكذا سيكون الموقع قام بالتوزيع الرئيسي للأقسام العامة للستايل  ، طبعا داخل الهيدر والفوتر ، ستكون انت كم مصمم وزعت ماتريد من ازار وصور وافكار

وحتى طبعا يمكن عمل خلفية صفحات الموقع ليست لون ابيض ، وكل شيئ ، مثل عملية تصميم اي ستايلات اخرى


هكذا نكون حصلنا على الشكل العام للموقع

الأن يجب تركيب 4 قوالب للقوائم الجنابية ، التي كما ذكرنا المدير يستطيع اختيار اي منها عند اضافة قائمة جديدة

ممكن ان تكون قائمة واحدة او10 لامشكلة بذلك ، لكن المهم طريقة الكتابة لاسم الملف

مثال

داخل مجلد الستايل الجديد سنجد

\Blocks

ويحوي على

1_Block.html.php

2_Block.html.php

3_Block.html.php

4_Block.html.php

فمثلا في حال الستايل الجديد يحوي على 6 قوائم مختلفة الشكل ، وليس فقط 4 ، بكل بساطة نزيد عدد هذه الملفات ، لكن مع المحافظة على شكل اسم الملف وهذا هام جدا

5_Block.html.php

6_Block.html.php


أما في حال الستايل مثلا فقط شكلين للقوائم ، يمكن ان نحذف حينها

3_Block.html.php

4_Block.html.php

لكن هذا سيتطلب من المدير تعديل ستايل كل القوائم ، من داخل لوحة تحكم سكربت الزواج ، يدخل القوائم ويعدل كل واحدة منهم تستخدم القوائم المحذوفة ، ويختار رقم القالب الجديد

لكن حتى لاتحتاج لهذا العملية ، يمكن ببساطة تكرار القوائم 1 - 2 عبر النسخ واللصق  ، لكن مع تعديل اسم الملفات ليكون 3 - 4

اتنبه لحالة الأحرف كبيرة وصغيرة في اسم ملف القوائم


طبعا كل ملف قائمة ، مؤلف من هيكلية كالتالي

<div class="Block1">

   <div class="HBlk1"><?=$Title?></div>

   <div class="BdBlk1"><?=$Body?></div>

   <div class="FoBlk1"></div>

</div>


الإطار العام ، يحوي

العنوان

الجسم

الفوتر


تصميم الجسم ، يجب ان يكون متمدد بشكل عامودي ، لأن القائمة عرضها ثابت ، لكن ارتفاها متغير حسب الطول

وتوزيع صور وستايل القائمة ببساطة عبر CSS


وبذلك يكون اصبح لديك ستايل جديد كامل لسكربت الزواج ، لنسخة الموقع الرئيسة فقط وليس لنسخة الجوال ،

الأن يجب ان تراجع ، ماذا يجب ان يحتوي الستايل ، لأنه ضروري جدا لإتمام الستايل بكل المهام

في دليل استخدام السكربت


Created with the Personal Edition of HelpNDoc: What is a Help Authoring tool?