كيف ابدأ
لتصميم ستايل ، لسكربت الزواج الإصدار 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?