الأربعاء، 19 أغسطس 2015
درسنا اليوم بإذن الله هو أحد التطبيقات الهامة على الدرس السابق و
الذي كان بعنوان : خاصية إخفاء الإضافات بين التطبيق و التعليق و هو كيف
تستطيع أن تجعل صفحة ثابتة من صفحات المدونة بعرض الصفحة. بعض المدونين يبغي جعل
صفحة معينة بمدونته بعرض الشاشة و ذلك لاستغنائه عن وجود إضافات بتلك الصفحة فيلجا
إلى توسيع الصفحة من أجل استغلال المساحات بأكبر قدر ممكن مثل صفحة الفهرس مثلاً و غيرها من الصفحات التي تحتاج إلى مساحة واسعة.
و مثال لذلك صفحة الفهرس الخاصة بمدونتنا :
و مثال لذلك صفحة الفهرس الخاصة بمدونتنا :
و يتم هذا التطبيق عن طريق استغلال خاصية إخفاء إضافات بلوجر التي أشرنا إليها في تدوينتنا السابقة - كما ذكرنا.
يتم هذا الموضوع عن طريق إخفاء السايدبار الجانبي و كذلك صندوق
التعليقات إن أردت و غيره من الإضافات حسب تصميم مدونتك٬ و لكن لا تبالغ في عملية
الإخفاء كما ذكرنا في تدوينتنا السابقة و خصوصاً في القوالب معقدة التصميم
و في الإضافات المتداخلة فيما بينها و القوالب ذات الأعمدة الكثيرة مثل تلك ذات
أكثر من سايدبار لأن ذلك قد يرتد عكسياً على مدونتك من حيث تشوه المظهر و ثقل
التحميل و غيره من العيوب التي قد تطرأ على مدونتك نتيجة الإسراف في استخدام خاصية
الإخفاء تلك.
لكن هذا التطبيق له صورتان :
1-
إما أنك تريد جعل
جميع الصفحات الثابتة للمدونة " Static Pages " بعرض الشاشة.
2-
أو أنك تريد جعل
صفحة بعينها بعرض الشاشة.
أولاً : جعل جميع الصفحات الثابتة للمدونة بعرض الشاشة :
قم معي بعون الله بتطبيق تلك الخطوات :
1-
قم بالذهاب إلى
لوحة تحكم بلوجر الخاصة بمدونتك.
2-
قم بالذهاب إلى
قالب المدونة.
3-
قم بالبحث عن
الوسم التالي :
]]></b:skin>
4-
قم بنسخ الكود
التالي و لصقه تحت الوسم السابق :
<b:if cond='data:blog.pageType == "static_page"'><style>.ID1,.ID2,.ID3,.ID4,.ID5 {display:none;}#main-wrapper{width: 100%; float: none; margin: 0px auto;}.post {width: 100%; margin: 12px auto;}.post h3 a { text-align: center; padding:7px;}html {overflow-x: hidden;}</style></b:if>
مع
مراعاة التالي :
·
" ID1, ID2, ID3, ID4, ID5 " : عبارة عن معرَّفات
الإضافات التي تريد إخفاءها.
فلو كان مثلاً :
معرَّف السايدبار لمدونتك : " sidebar " ٬ و كان معرَّف صندوق التعليقات لديك : " comment-form " ٬ و كان معرَّف صندوق البحث لديك : " search " ٬ و كان معرَّف الفوتر لديك : " footer " ٬ و كان معرَّف مساحة إعلانية معينة : " ads1 " و أردت إخفاء تلك الإضافات فإنك تضعها بديلاً لـ : " ID1, ID2, ID3, ID4, ID5 " و إذا كان لديك المزيد من الإضافات تريد إخفاءها فزد في المعرَّفات في الكود بنفس الطريقة مع الحفاظ على النقطة " . " قبل كل معرَّف و على الفاصلة " , " بعد كل معرَّف ماعدا المعرَّف الأخير - كما هو موجود بالكود بالأعلى.
*** يمكنك معرفة معرَّفات إضافات مدونتك بمراجعة هذه التدوينة : كيف تحصل على معرَّفات إضافات و قطاعات بلوجر لمدونتك.
ثانياً : جعل صفحة ثابتة بعينها بعرض الشاشة :
تابع معي
تلك الخطوات :
1-
قم بالذهاب إلى
لوحة تحكم بلوجر الخاصة بمدونتك.
2-
قم بإنشاء صفحة
جديدة و التي تريد عرضها بعرض الشاشة.
3-
قم بعرض الصفحة في
وضع " Html " و ليس وضع " تأليف ".
4-
سيظهر لك كود صغير
عبارة عن علامة " div " و إغلاقها - كما بالصورة رقم " 1 ".
5-
قم بوضع الكود
التالي بين علامة " div " و إغلاقها - كما بالصورة رقم " 2 ".
<style>.ID1,.ID2,.ID3,.ID4,.ID5 {display:none;}#main-wrapper{width: 100%; float: none; margin: 0px auto;}.post {width: 100%; margin: 12px auto;}.post h3 a { text-align: center; padding:7px;}html {overflow-x: hidden;}
</style>
* مع مراعاة الضبطيات في الكود كما بالكود في الطريقة الأولي.
6-
بعد ذلك قم بتغيير
الوضع من " Html " إلى " تأليف " و اكتب
بالصفحة ما تريد أو اترك الوضع على " Html " إن كانت إضافتك
داخل الصفحة على هيئة كود مثل إنشائك فهرس للمدونة أو نموذج " Contact us " أو غيرهما من الإضافات التي توضع داخل الصفحات الثابتة مع ضرورة وضع الكود داخل علامتي " div
" و إغلاقها.
تم بحمد الله تعالى
و انتظرونا في التدوينة القادمة بإذن الله تعالى
الاشتراك في:
تعليقات الرسالة (Atom)
إرسال تعليق
كم يسعدنا تفاعلكم معنا بتعليقاتكم الهادفة٬ فهي تساعد على إثراء الحوار بالمزيد من الإفادة للجميع و أنا أولكم. لكن يرجى من الجميع مراعاة الآداب العامة و القيم الإسلامية و عدم نشر روابط للإشهار حتى يتم نشر التعليق. كما يمكنكم استخدام ركن الاستفسارات للسؤال عن شئ خارج الموضوع كما يمكنك إضافة كود داخل التعليق بعد تحويله بـمحول الأكواد .