التخطي إلى المحتوى الرئيسي

مصرية بعمر الستين تمسح الأحذية وتدرس بالجامعة

مواقع صديقة : متجر مكملات غذائية

تركيب اكثر من قالب في مدونتك في ان واحد ماجعل الزائر يختار ما يريد....


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

فكرة تركيب أكثر من قالب للمدونة

هل يمكن نزع خصائص الأنماط CSS من قالب المدونة وجعله في ورقة أنماط خارجيه، من ثم استحضاره ؟. هذا هو السؤال الذي بدر في ذهني وكنت واثق بأن بلوقر بمشيئة الله لن يمنع هذا ، جربت الطريقة ونجحت ، إذاً هذا هو المفتاح ، الخطوة التالية هو استخدام إضافة تعتمد على مكتبة الجي كيوري وهي Switchstylesheets ، ستسمح لنا هذه الإضافة بالتنقل بين النمط الافتراضي للمدونة وأوراق الأنماط الخارجية البديله ، مع الاحتفاظ بالنمط ( القالب ) الذي يختاره الزائر ما لم يحدث الصفحة أو يحذف بيانات التصفح ( الكوكيز )، إذا  فالطريقة باختصار 
  • ترك القالب الأصلي كما هو ليصبح هو القالب الافتراضي
  •   حفظ القوالب البديلة في أوراق أنماط خارجية ثم رفعها وحفظها في مكان مناسب مثل Dropbox أو google sites أو google code . ثم 
  • تركيب الإضافة .
  • عمل أزرار بسيطة لزائر المدونة ليتنقل بين القوالب.

 تنبيه قبل الخوض في شرح تركيب القوالب المدمجة

  في البدء أنبه على أن القوالب يجب أن تكون متناسقة من ناحية بناءها أقصد هيكل كود HTML ، وكذلك لها نفس أسماء خصائص CSS ، مثلاً إذا أسميت خصائص القائمة الجانبية ( sidebar_left ) في القالب الافتراضي ، فيجب أن يكون له نفس الاسم في بقية القوالب البديلة. ولو أسميته في القوالب البديلة مثلاً ( sidebarleft ) بدون علامة الشرطة السفلية ( _ ) فسوف لن يتم أي تغيير على القائمة الجانبية وستبقى القائمة الجانبية تحت تأثير خصائص القالب الافتراضي. لماذا ؟  ، الجواب: لأن جميع القوالب ستستخدم بناء هيكلي HTML واحد ، وقد علمت أو ستعلم أن HTML تستدعي خصائص CSS بأسمائها ، إذاً HTML سيعطي اسماً واحداً لكل خصيصة ولن يتبنى أي اسم آخر لنفس الجزء .. هذا الكلام سيكون مملاً إذا قضيت ساعة واحده في تعلم HTML و CSS.
إذاً فما رأيك في حل بسيط وآمن جداً وهو استخدام قالب واحد ، ثم نجري عليه التعديلات قلّت أو كثرت ، ثم نصدره كقالب بديل ، ثم نجري تعديلاً ثانٍ ونصدره كقالب بديل ثالث ؟ وهكذا … هذا ما فعلته أنا على أي حال. تنبه! أيها المُبارك الخطوات يجب أن تكون حسب هذا السيناريو 1. تنشئ مدونة جديدة ثم ترفع عليها القالب الأصلي ، ثم لا تجري التعديلات على هذه المدونة بل 2. نزل نسخة من القالب وارفعها في مدونة جديدة ثانية غير الأولى، الآن عدل عليها واحفظ قالبها، هذه الآن مدونة تحمل القالب البديل الأول 3. أنشئ مدونة جديدة ثالثة ارفع عليها القالب الأصلي أجري عليها التعديلات احفظها هذه المدونة الثالثة التي تحمل القالب البديل الثاني. النتيجةثلاثة مدونات الأولى تحمل القالب الأصلي أي الافتراضي، الثانية تحمل القالب البديل الأول، الثالثة تحمل القالب البديل الثاني … افعل هذا وإذا انتهيت إنشاء هذه المدونات الثلاث فتعال نكمل لعل الله أن يفتح علينا!

نزع خصائص CSS وحفظها في ورقة أنماط خارجية

الآن وبعد إنشاء المدونات الثلاث ، سنقوم بنزع الجزء المحتوي على خصائص CSS من كل قالب بديل ، وسنترك القالب الافتراضي بدون أن ننزع منه أي شيء!. ستقول لماذا لا ننزع من القالب الافتراضي ؟ ، الجواب: يمكن نزعه وستنجح الطريقة بدون مشاكل إن شاء الله ، بل انه جيد لمن يحبون إظهار القالب في سطور أقل، وكنت حتى قبيل نشر القالب الثلاثي أعتمد هذه الطريقة ، لكن واجهت سلبية طفيفه ولكنها مزعجه وهي أن الزائر الذي سيفتح المدونة لأول مرة سيرى المدونة لثانيةٍ أو جزء منها بدون تنسيق نظراً لأن القالب محفوظ على ورقة أنماط خارجية ويتطلب هنية حتى يتم تطبيق القالب الافتراضي على المدونة ، ولكن بترك القالب الافتراضي كما هو بدون نزع الخصائص سيظهر القالب الافتراضي مباشرة ، بالإضافة الى ميزة أخرى وهي في حال تعطل الإضافة لأي سبب كالحذف أو توقف الخدمة التي اشتفت عليها ملفات الأنماط ، فلن يؤثر على المدونة ولن تخسر زواراً .. مرة أخرى يبدو أني أطلت، اليك طريقة نزع الخصائص:
الخطوة الأولى:  من المدونة الثانية – أي القالب البديل الأول - قُم بنسخ جميع الأكواد الواقعة  ما بين :
هذا السطر:
>

وهذا السطر:

]]></b:skin>

الخطوة الثانية قم بفتح ملف نصي والصق فيه جميع الأكواد التي نسختها من الخطوة الاولى.
الخطوة الثالثة: احفظ الملف النصي بصيغة CSS ، مثلاً سمه:   style1.css .
الخطوة الرابعةكرر الخطوات السابقة مع القالب البديل الثاني الموجود في المدونة الثالثة ، لينتج عندك ملفانstyle1.css و style2.css. هذه هي أوراق الأنماط الخارجية البديلة!

حفظ أوراق الأنماط وملف الإضافة

  الملفات التي نحتاجها لإنشاء قالب ثلاثي عددها أربعة ، الأول: مكتبة الجي كيوري التي تعتمد عليها الإضافة، لستَ مضطراً لرفعها لأن قوقيل توفرها لك وكذلك ميكروسوفت سنرى لاحقاً ، الثاني: ملف الإضافة يمكن تنزيله من موقع المطور من هنا ، عبارة عن ملف مضغوط يحتوي على ملف الإضافة ( styleswitch.js ) وملفات أخرى عبارة عن مثال حي من المطور ليوضح كيف تعمل الإضافة. الملفان الثالث والرابع: هما أوراق الأنماط style1.css وstyle2.css  ..
عليك رفع ملف الإضافة وورقتي الأنماط في استضافة مناسبة، استخدم الموقع الذي يعجبك المهم أن يوفر روابط مباشرة مثل  Dropbox أو google sites أو google code أو ؟؟؟ .

شرح استيراد ملفات الإضافة وتركيبها في بلوقر

ابحث عن نهاية وسم رأس القالب أي هذا السطر :

</head>

الآن قبله مباشرة انسخ هذا الكود:

<link rel="alternate stylesheet" type="text/css" href="style2.css" title="styles2" media="screen" />
<link rel="alternate stylesheet" type="text/css" href="style3.css" title="styles3" media="screen" />
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js'/>
<script type="text/javascript" src="http://alblogger-gen.googlecode.com/svn/trunk/styleswitch.js"></script>

  السطر الأول والثاني: خاصان باستيراد أوراق الأنماط للقوالب البديله ، أكتب رابط كل ورقة في الموضع المضلل باللون الأصفر، عنوان الرابط title المضلل بالأخضر مهم لأننا سنستخدمه لاحقاً، ولاحظ أننا كتبنا alternate stylesheet في القيمة rel وتعني ورقة الأنماط البديله.  السطر الثالث: خاص باستيراد مكتبة الجي كيوري اتركه كما هو فهذا مستضاف في قوقيل ، السطر الرابع: خاص باستيراد ملف الإضافة نفسه وهو مستضاف في حساب خاص بمدونة البلوقر في قوقيل كود، تفضل باستخدامه ان شئت وإن شاء الله لن أحذفه أبداً كما ذكرت في تدوينات سابقة.
بهذا ستكون مدونتك مدونة ذات ثلاثة قوالب في آنٍ واحد ، بقي أن نوفر لزوار مدونتك أزراراً تمكنه من التنقل بين القوالب ، لنتابع:

تركيب أزرار اختيار القالب المفضل لزوار المدونة

  أزرار الاختيار إما تدمجها مع هيكل المدونة HTML وبالتالي أي مستخدم لقالبك ستظهر عنده مباشرة، أو تجعلها على هيئة أداة يضيفها المستخدم عن طريقة إضافة أداة HTML/Javascript من واجهة عناصر الصفحة، مثلاً لنجعلها بسيطة ونصية وبالتالي نكتبها هكذا:

<p>اختر قالبا</p>
<ul>
<li><a href="serversideSwitch.html?style=style1" rel="styles1" class="styleswitch">القالب الافتراضي </a></li>
<li><a href="serversideSwitch.html?style=style2" rel="styles2" class="styleswitch">القالب البديل الأول</a></li>
<li><a href="serversideSwitch.html?style=style3" rel="styles3" class="styleswitch">القالب البديل الثاني</a></li>
</ul>

ولاحظ أن قيمة rel هنا يجب أن تكون مماثلة لـ title في الكود المتعلق باستيراد أوراق الأنماط وضللناه باللون الأخضر سابقاً ، أيضاً من الضروري كتابة قيمة class كما هو موضح .. بقي عليك أن تبدع في تصميم أزرار اختيار لمدونتك، أو يمكنك استخدام أزرار القالب الثلاثي الذي نشرته سابقاً والتعديل عليه كما تشاء ..

هذه هي الطريقة آمل أن يكون هذا الشرح واضح ليس فيه غموض ، أتمنى أن يستخدم الإخوة المعربين والمصممين هذه الإضافة ، ويستخدمونها بطرق متنوعة !

تعليقات

المشاركات الشائعة من هذه المدونة

موضوع حول التشرد

ان التشرد كظاهرة اجتماعية تعتبر من الظواهر الظاهرة للعامة في المجتمعات المتلاحمة , انها بكل بساطة تعتبر ظاهرة متفشية في البلدان النامية او ان صح التعبير المتخلفة في معظم المجالات , ففي العالم ككل يعيش رقم مهول من المتشردين , انه فقط
100.000.000 شخص من اصل 7.000.000.000 ملايير شخص , انها في نظرك نسبة قليلة لا تمثل الكثير , لكن ما الذي سينقص من ترواث العالم ان عملنا على توفير سكن و تعليم وصحة وادماج في سوق العمل لهؤلاء الناس . فهم في أخر المطاف اناس مثلنا مثلهم . فماهو اذن المتشرد ؟ وما هي الظروف التي ادت به الى وضعية التشرد ؟ اذا كان التشرد انحرافا فما النتائج المترتبة عنه وما حلولها ؟
تعريف التشرد 
التشرد هو بقاء الانسان في العراء لفترات طويلة والمبيت في اي مكان يختلف احيانا تبعا للظروف , المتشرد انسان بلا مأوى لا ينعم بالأمان في بيت له باب وسقف وحوائط , انه انسان مهمش لا ينظر للمستقبل فكل حياته هي اللحظة التي يعيشها , منتهى احلامه ان يمر يومه بدون مشكلات او اعتداءات ولكن جراح ماضيه تطارده وفي بعض الاحيان تدعوه للانحرافات بكل انواعها . 
الفرق بين التشرد و التسول 
المتشرد انسان بلا مأو…

رواية محاولة عيش لـــ محمد زفزاف

صدرت رواية محاولة عيش في عدة طبعات مما ادى الى عدة اختلافات منها اختلاف الاغلفة التي تتميز بها كل طبعة عن الاخرى من نفس الرواية لهذا السبب اخترت لكم الطبعة الرابعة التي بين ايدينا اليوم (2012) والتي يتميز غلافها بخلفية بيضاء مع علامة

ملف حول مؤسسة محمد الخامس للتضامن

تعبر المؤسسة كلمة تحدثت عنها كثير من القواسم لكثرة إستعمالاتها في مجالات الحياة المتعددة ، ففي معجم المعاني الجامع ورد مايلي : " مُؤسَّسة: اسم والجمع : مؤسَّسات صيغة المؤنَّث لمفعول أسَّسَ مؤسسة محمد الخامس للتضامن : منشأة تؤسَّس لغرض معيَّن ، أو لمنفعة عامّة ولديها من الموارد ما تمارس فيه هذه المنفعة مؤسَّسات الجامعة : ما يتبع لها من كلّيّات ومعاهد ومكتبات ومراكز بحوث مؤسَّسات مصرفيّة : بنوك" وتعني شركة أو كيان قانوني أو أي هيئة أخرى . من أمثلة المؤسسات غير الشركات المنظمة العالمية للمواصفات القياسية ، أو منتدى إدارة خدمات تكنولوجيا المعلومات . و مصطلح مؤسسة محمد الخامس للتضامن يستخدم أحياناً للإشارة إلى أي كيان لديه بشر و موارد و ميزانيات . على سبيل المثال مشروع أو وحدة عمل .--- ( المجال : حاسوب ). أما بخصوص منظمة محمد الخامس للتضامن فيمكن إعتبارها مؤسسة إنمائية والتي تعني باللغة الإنجليزية development institution أي منظمة غير ربحية مثل المؤسسات الإجتماعية والخيرية والتي لا تستهذف تحقيق أرباح ويرادفها في اللغة الإنجليزية non - profit organization . ماهي …

دراسة اولية لسيرة ليلى ابو زيد "كتاب: رجوع الى الطفولة"

"كتاب: , محمد , لسيرة , الى , الطفولة" , ابن , اولية , حراسة , رجوع , صحح

بسم الله الرحمان الرحيم اقدم لجميع من يهتم بقراءة المؤلفات ودراستها خاصة طلبة السنة الثالثة اعدادي بالمغرب دراسة اولية لسيرة ليلى ابو زيد "كتاب: رجوع الى الطفولة"
1- تعريف الكاتبة: ولدت ليلى أبو زيد سنة 1950 بالمغرب ، درست اللغة الإنجليزية بجامعة محمد الخامس بالرباط وحصلت على الإجازة ثم هاجرت إلى الولايات المتحدة الأمريكية ، واشتغلت بالترجمة والتأليف. بدأت حياتها المهنية حسب المؤلف كصحافية في التلفزيون، وعملت في عدة دواوين وزارية من بينها ديوان الوزير الأول. من أعمالها رجوع إلى الطفولة وعام الفيل ورواية الفصل الأخير، ومجموعتان قصصيتان: الغريب والمدير. كما كتبت في أدب الرحلة أمريكا الوجه الآخر ثم بضع سنبلات خضر…
2- تعريف السيرة الروائية: السيرة فن من الفنون الأدبية التي يسعى من خلالها- الكاتب- إلى التوقف عند أهم المحطات من حياته و قد تكون سيرة ذاتية يتحدث فيها الكاتب عن نفسه أو سيرة غيرية يتحدث فيها الكاتب عن غيره. و الكاتبة ليلى أبو زيد في هذا النص تكتب عن نفسها سيرة لكنها تصب …

ملف حول مساهمة المغرب في الحرب العالمية الثانية {2}

القليل من الأوروبيين وللأسف حتى المغاربة قليل منهم من يعرفون الدور الذي قام به المغرب لتحرير دول أوروبا والمشاركة الفعالة التي قام بها الجنود المغاربة في هذه الحرب، وهذا يعود إلى الإعلام الأوروبي والعالمي والمؤرخون وكتاب التاريخ الذين تجاهلوا هذا الدور البطولي وذلك لأسباب سياسية ومعنوية.