[شرح] بالصور طريقة أضافة ساعة أو صورة أو غيرها للقائمة الجانبية

بسم الله الرحمن الرحيم

السلام عليكم ورحمة الله وبركاته

أن شاء الله يكون الجميع بخير وعافية .

اليوم شرحنا عن أضافة ساعة أو صورة أو أعلان أو أي شيء للقائمة الجانبية للمدونات.

أولاً: القائمة الجانبية باللغة الأنجليزية هي = sidebar

والمدونات عادة أما تكون قائمة وأحدة جانبية أو قائمتان جانبيتان عن اليمين واليسار.

فأن كانت قائمتان فاليمنى تسمى right-sidebar
واليسرى تسمى left-sidebar


فلنبدأ على بركة الله الشرح .

الأدوات المطلوبة :
1- برنامج leap-ftp لنقل الملفات من وإلى الموقع. ( وهو سهل الأستخدام وسوف أشرحه أن شاء الله . . .

حمل البرنامج من هنا . .ftp://ftp.leapware.com/pub/lftp276.exe

بعد ما تحمل البرنامج أدخل معلومات موقعك كما في الصورة لتصل لملفات الموقع . .أنظر الصورة:



حيث أن رقم 1 في الصورة هي الملفات في جهازك ورقم 2 هي الملفات لموقعك . . . .

بعد ما دخلنا لملفات الموقع كيف نصل إلى ملف القائمة الجانبية sidebar

الأمر سهل بعد أن دخلت لملفات موقعك أظغط على ملف puplic-html
ستجد بعده ملف مدونتك أن كنت وضعتها في ملف فأن كان عنوان مدونتك هكذا www.mooshaax.com/wp

فملف المدونة هو wp ستجده بعد أن تفتح puplic-html بعد أن تدخل لملف wp تفتح ملف wp-content

بعد فتح wp-content تفتح ملف themes وهو ملف قوالبك

بعد الدخول لملف themes تفتح قالبك الذي تعمل عليه ..فمثلاً أنا هنا سأعمل على default وهو القالب الأساسي . . .

إذاً المسار بأختصار سيكون

puplic-html/wp/wp-content/themes/default
أنظر للصورة للتوضيح أكثر



حيث أن رقم 1 هو مسار الملفات الذي فتحناها الواحد تلو الأخر لنصل لملف القالب ومنه نصل إلى ملف القائمة الجانبية sidebar وهو الموضح برقم 2 وقد وصلناه ولله الحمد . . .

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





الخطوة الأولى الأن تقريباً أنتهت وهي عملية الوصول لملف القائمة الجانبية . وعمليت فتحة عن طريق Edit.


ملاحظة مهم: قبل أضافة أي شيء يجب أخذ نسخة من الملف المراد تحريرة حتى إذا حصل هناك خطاء لا سمح الله ترجع وتلصقة بمكانة
. . . . . . . . . . . . . . .



الأن سنقوم بالخطوة الثانية وهي أضافة ساعة للقائمة الجانبية وأضافة مواقع مختارة أسلامية كالتي أشرت إليها في هذا الموضوع .http://www.ar-wp.com/t1732.html

الأن نختار الساعة المناسبة لقالب المدونة وذلك بالذهاب لهذا الرابط وأختيار الساعة . . . http://www.clocklink.com/ENG/gallery.php

أنا سأختار الساعات الدجيتل Digitl وهي الرقمية
بعد أختيار الساعة تظغط تحتها على view HTML tag
يأتيك بعدها صفحة أخرى أظغط على accept

وسيظهر لك بعدها كما في الصورة التالية : :



طبعاً تختار اللون وبعد ذلك التوقيت وهو رقم 1 وبعد ذلك حجم الساعة وهو رقم 2 ورقم 3 هو الكود الذي سوف ننسخة من هنا ونضعه في ملف القائمة الجانبية sidebar .
بعد نسخ الكود من المساحة رقم ثلاثة نذهب لملف القائمة الجانبية sidebar كما شرحنا طريقة ذلك سابقاً ومن الظغط على Edit كما في الصورة . . .



بعد فتح تحرير سيظهر الملف كما في الصورة التالية : : :



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

وللحتياط عادة يكون بعد كود النهاية دائماً وهي الأكواد التي هكذا <li/>
<ul/> إلى أخرة المهم تكون مقفلة ب بالشرط هذه / .

وهذا هو الكود بعد أن الصقناه : :



وقبل ما نغلق نريد أن نضيق كود المواقع الأسلامية المختارة لنفس القائمة ولكن هذه المرة أسفل القائمة . . .

الأمر سهل أن شاء الله . . أولاً حمل الكود من هنا . .http://www.mooshaax.com/files/code%20dawah.zip

ثانياً . ونحن لا زلنا في ملف القائمة الجانبية sidebar أنزل أسفل الملف حتى تصل كما في الصورة . . أنظر . .



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



ورقم 2 هي المساحة التي سنضع فيها كود المواقع المختارة . . . وتلاحظ أنه أتى بعد كود النهاية <ul/> الذي أشرت اليه سابقاً وقد يكون <p/> أو <li/> المهم يشمل هذه الشرطة /
نضع الكود في هذه المساحة والرقم 3 يوضح بأنا أسفل الملف.

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



وهو الكود الذي أضفناه بعد ذلك ما عليك الأ أغلاق ملف القائمة الجانبية sidebar من ثم سيطلب منك هل تريد حفظ الملف أظغط نعم yes
ثم سيأتيك خيار أخر أظغط OK ليتم تحميل الملف بالأكواد الجديدة.

وهذه هي المواقع الأسلامية بعد أضافتها : : :




ولمشاهدة ما عملناه أذهب إلى المدونة التجريبية وسترى الساعة بأعلى القائمة والمواقع المختارة أسفلها

www.mooshaax.com/wp

ومدونتي إلتي أكتب فيها من هنا

www.mooshaax.com


أملأ من الله أن أكون قد وفقك في هذا الشرح رأجياً منكم الدعاء.

وأن كان لدى أحدكم زيادة أو ملاحظة فليكتبها وله جزيل الشكر. حتى نستفيد جميعاً.

أخوكم
مشاكس.