لا يوجد منتجات فى سلة التسوق

المحرر المطور

أهلا بك أخي التاجر مرة أخرى سنقوم هنا بالتركيز على جميع مايتعلق بالمحرر من جميع النواحي وسيكون هذا عام لجميع المحررات في كل الاقسام حيث أننا سنتعمل بعض الخبايات الخاصة بالمحرر منها كيفية عمل سلايدرات واعلانات ونماذج داخله وروابط داخل الوصف وروابط خارجية .

تكلمنا في درس اعداد المتجر وتجهيزه للظهور(إضافة المنتجات) عن بعض القوائم مثل قائمة ملف وتحرير وعرض ويمكنك الرجوع لها في الدرس وسوف نكمل الان باقي اجزاء المحرر . 

 

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

الأمر الأول وهي خاص بإدارج صورة وعند الضغط عليه يظهر لك مربع الادراج كما في الصورة:

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

وثانية خانة هي النص البديل والذي يظهر عند فشل تحميل الصورة او عندما يكون حجمها كبير 

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

فإن كان الصورة قد قمت برفعها عن طريق تبويب الصور الافضل حذف الرابط منها كما في الصورة وفقط ابقاء مابعد الكلمة images حتى يكون التحميل سريع .

وبعد الضغط على الزر  enter من لوحة المفاتيح او الضغط على الزر حفظ حتى يقوم النظام بعرض الصورة ويضعك لك اطار عليه حتى تتمكنك من التحكم في حجمها كما في الصورة 

يمكنك من خلال هذه المقابض تصغيير وتكبير الصورة بسهولة .

الأمر الثاني هو Link وهو خاص بوضع روابط داخلية او خارجية داخل الوصف فعند الضغط عليه يظهر لك المربع التالي:

 

الخانة الاولى وهي العنوان وهو خاص بالرابط الخاص بالنص والخانة التي تحتها النص المطلوب عرضه  وهو خاص بالنص الذي يتم الضغط عليه والخانة العنوان خاصة بعنوان الرابط اي النص الذي يظهر عند التأشير على الرابط وتحتها open link in فيها خيارين 

current window وذلك لعرض النافذة عند الضغط على الرابط في نفس النافذة الحالية والاخر new window لعرضها في صفحة جديدة.

الأمر الثالث Media وهو خاص بعرض الفيديوا حيث يمكنك عرض فيديوا من اليوتيوب او اي موقع هنا فعند الضغط عليه تظهر لك النافذة التالي:

ويظهر لك كما ترى ثلاث تبويبات :

الاول: uhl وهو تبويب وضع رابط الفيديوا مباشرة  بحيث يقوم النظام بعرضه هنا حتى ولوكان رابط مضمن مثل اليوتيوب 

 

فبعد ماوضعنا رابط اليوتيوب في المربع قام بالنظام بعرض الفيديوا الخاص به مباشرة 

الثاني: تضنين وهو وضع الكود الخاص بالتضمين عن طريق اوسم الفيديوا مثل هذا

<video id="example_video_1" width="490" height="276" class="video-js vjs-default-skin" controls="controls" preload="none" poster="example-video.png" data-setup="{}">

الأمر الرابع: وهو الجدول فنحن سهلا لك عمل الجدول فلايحتاج ان تقوم بكتابة الكود او تصميمه نحن سهلا لك الموضوع مثل الوورد فقط قم بتحديد عدد الخلايا التي تريدها والنظام يتكفل بالباقي

 

ليس هذا فحسب بل يمكنك مثل الصورة التحكم بحجم الجدول بالمقابض إضافة إلى ظهور قائمة مختصر بجوار الجدول 

حتى يمكنك الضغط على الجدول باليمين وعندها تظهر لك القائمة المنبثقة التالية:

ويحتوي على عدة خيارات الاول وهو Link إن كنت تريد وضع رابط عليه وشرحنا طريقة الرابط سابقا

والثاني وهو المختار هو الخلية cell ولها ثلاث خيارات الخيارة cell properties وهي خصائص الخلية واللي تحته merge cells وهو لدمج الخلايا بحيث يمكنك اختيار خليتين من ثم الضغط باليمين ومن اختيار الامر merge cells وسيقوم النظام بدمج الخليتين عجيبة بهذه السهولة !! 

ليس هذا فقط بل يمكنك فصلها بالامر اللي تحته وبسهولة وهو spilt cells 

والامر الثاني وهو الخاص الصف Row كما في الصورة

وهو يحتوي كما ترون على عدة خيارات 

الخيار الاول insert row before وهذا يقوم بادراج صف قبل الصف المختار واللي تحته يقوم بادارج صف بعد المختار  سوف نقوم إن شاء الله بعمل شرح فيديوا كامل عن كل هذه الخصائص وبالتفصيل الممل  إن شاء الله 

اترك تعليقا