مما لا شك فيه أن أي شخص يعمل في مجال تصميم الويب قد سمع بإطار عمل بوتستراب Bootstrap المجاني والمفتوح المصدر المكون من مزيج من HTML و CSS و JavaScript والذي يوفر مجموعة أدوات قوية لبناء وتصميم مواقع ويب احترافية ومتجاوبة بسهولة
اليوم سأتحدث عن بعض الأمور المتعلقة بآلية عمل بوستراب ضمن نظام ووردبريس وطرق استخدامهما معًا
في الواقع تم تصميم بوستراب في الأصل من قبل فريق من المطورين لاستخدامه في تويتر وكان التركيز الأساسي له هو إنشاء مواقع متجاوبة مع الهواتف المحمولة. ويتولى بوستراب مهمة كتابة التفاصيل البرمجة الصعبة وراء الكواليس ويسمح لك التركيز على الأجزاء الأمامية من موقع الويب الخاص بك والتي تكون مرئية للزوار.
ما أهمية استخدام بوستراب في ووردبريس؟
إن دمج مكونات بوستراب في موقع ووردبريس الخاص بك يقدم لك العديد من الفوائد منها:
- يجعل تصميم الموقع متجاوب مع الهاتف الجوال
- يوفر الوقت والجهد في تصميم مواقع احترافية جميلة ويقدم مكونات جاهزة كالأزرار وأشرطة التنقل وبدلاً من كتابة أكواد هذه العناصر بنفسك.
- يساعد في تحسين سرعة موقع الويب فبدلاً من الاعتماد على المزيد من إضافات للحصول على وظائف إضافية يمكنك استخدام بوستراب لبناء ميزات مفيدة مباشرة في قالب ووردبريس الخاص بك وهذا من شأنه أن يسرع عمل موقعك.
- يهتم بتوافق المستعرض فهو يستخدم مجموعة من المتغيرات الخاصة بـCSS تسمى Reboot لتساعد موقع الويب الخاص بك على العرض بشكل ملائم عبر العديد من المتصفحات والأجهزة
- مجاني 100٪ ومفتوح المصدر وبالتالي يمكن لأي شخص عرض وتعديل أكواده مما يقدم عدة فوائد مثل الشفافية والأمان ووجود مجتمع من المطورين المساعدين في تصحيح أي مشاكل قد تحدث في الكود.
كيف أستخدم بوستراب في ووردبريس؟
طريقة1
أسهل طريقة لاستخدام بوستراب في ووردبريس هي البحث عن قوالب تستخدم بوستراب بالفعل. فالعديد من مطوري القوالب يقومون بتضمين إطار عمل بوستراب في القوالب التي يطورونها وبالتالي يمكنك الاستفادة من بوستراب مباشرة بالاعتماد على هذا النوع من القوالب دون الحاجة إلى تنزيله وإعداده بنفسك. بعض الأمثلة على قوالب من المتجر الرسمي لوردبريس تستخدم بوستراب (NewsMag، Futurio، Sparkling)
طريقة2
يمكنك إضافة بوستراب إلى أي قالب ووردبريس من خلال تحرير القالب وإضافة الكود التالي للملف header.php
<link href=”[سجل الدخول لترى الرابط]” rel=”stylesheet” integrity=”sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3″ crossorigin=”anonymous”>
بهذه الطريقة يمكنك الوصول لبوستراب من خلال شبكة توصيل المحتوى (CDN) بدلاً من تنزيل الملفات المصدرية له ورفعها على استضافة موقعك.
كل ما عليك فعله هو حفظ التعديلات ومسح ذاكرة التخزين المؤقت للمتصفح وإعادة فتح ووردبريس, هذا كل شيء لديك الآن مرجع إلى بوستراب مضمن في القالب الخاص بك ويمكنك البدء في الاستفادة منه في تصميم موقعك.
ملاحظة: قبل القيام بأي تعديلات على الكود لا تنسى أخذ سخة احتياطية من موقعك ويفضل ان تنشئ قالب ابن وتضيف التعديلات عليه بدلاً من التعديل على القالب الأساسي.
ما هي الخطوة التالية؟
الخطوة التالية التي عليك تعلمها هي كيفية بناء قالب ووردبريس يستفيد من إمكانيات بوستراب في بناء وتخصيص قالبك. يمكن أن يكون بناء قالب ووردبريس مخصص أمرًا مربكاً في البداية لكنك بالتدريب والتطبيق ستتمكن من بناء وإطلاق قوالب ووردبريس ذات مظهر احترافي وبأقل كود ممكن.
إذاً بوستراب ووردبريس شيئان مختلفان تمامًا فبوستراب هو إطار عمل للتصميم و ووردبريس هو نظام إدارة المحتوى (CMS). وبالتالي الطريقة التي يعملان معًا هي استخدام بوستراب كأساس لإنشاء قالب ووردبريس بتخطيط ووردبريس سريع الاستجابة وبذلك نلعب على نقاط القوة في كلا النظامين.
اقرأ المزيد: [سجل الدخول لترى الرابط]
