متى تستطيع استخدام البوتستراب في تطوير قالب الووردبرس الخاص بك

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

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



ما هو محيط عمل بوتستراب؟

اطار عمل بوتستراب هو اطار عمل لكل من  HTML و CSS و Javascrip وهو الاطار الاكثر استخداما لتحسين المشروعات على النت ويعتمد على تحديث الموبايل طول الوقت


 بوتستراب صمم أصلاً كإطار عمل لمساعدة مطوري تويتر للعمل بجدارة أكثر وتم اطلاقه كإطار عمل مفتوح المصرح بالخبر في عام 2011 واستخدم منذ هذا الحين في تشغيل مجموعة متعددة من التطبيقات، بما في هذا قوالب ووردبريس

إذا قمت بتحميل محيط عمل بوتستراب ، سترى أنه يتركب من عدد من التصميمات ملفات JavaScript  و glyphicons المتواجدة في ملفات الخطوط. وتلك الملفات لا تستطيع ان تكون موضع ملفات القالب المخصص بك عوضاً عن هذا تَستطيع استدعائها في ملف التصميمات (stylesheet)  وملف (functions)

bootstrap-social



والان سوف اخبرك بفؤائد انشاء القوالب بالبوتستراب

1:  إنه مرن ويعتمد مبدأ ( التعديل للموبايل أولا ).

اول ميزه للبوتستراب هو انه مرن ويقدم لك تصميم  للقالب المخصص بك اذا كنت قد حاولت جاهدا لعمل القوالب المتجاوبه فالبوتستراب سيسهل عليك المجهود وسيمكنك من تعلم كيفيه جعل تصميماتك متجاوبه ويمكنك ايضاً استعمال خاصيه media queries

 بوتستراب يستعمل كتخطيط لشبكة grid-based التى تحتوى على 12 عامود columns مع انواع للشبكه grid classes التي تَستطيع استعمالها مع المكونات في ملفات هيكل القالب المخصص بك لجعل المحتوى يتناسب مع الشبكة.

 ومن إمتيازات تلك الطريقه

 إن لم تكن معتاداً على كتابة (media queries) ، فلست مضطرا لكتابتها بنفسك.
 الإطار الجاري على شبكة (grid-based) يستعمل CSS أسلوب السياق، الأمر الذي يسمح لك العديد من الإنصياع في تصميم المكونات في قالبك وفي الصفحات المخصصة بك.
 مبدأ  التعديل المخصص( بالموبايل اولا)  يقصد أن CSS المخصص بك أكثر نظافة وأكثر جدارة من ملف التصميم (stylesheet) المخصص بمبدأ ( التحديث للحاسوب اولا ).

2:  يستعمل تصميم عصري ونظيف وجذاب

ومن اهم مميزات التصميم و typograpghy  الذي سوف تحصل عليه نحو استخدامك بوتستراب جميل ورائع . و سوف يساعدك على تشييد قالب عصري وسهل التفاعل، هناك العديد والكثير من المميزات مثل :

استعمال عنصر للنص الثانوي ضمن العناوين
التصميم المخصص بالاقتباس (blockquotes) والاستشهادات
تصميم جدول المواعيد ، الذي هو افضل من العديد فى قوالب ووردبريس

3: يتعامل على نحو جيد مع HTML5

تعويض ان تقوم بإدخال فئات(classes) المخصصة به للتصميم، يشمل بوتستراب كذلك تصميم لمجموعة كاملة من مكونات HTML5 التي تَستطيع أن تتوقع استعمالها في القالب. اذا قمت بتصميم كل ذلك من الصفر يمكن أن يشكل إشكالية عظيمة، لهذا هو يوفر عليك العديد من الشغل، إضافة إلى تيسير استخدامك للعلامات مثل (semantic markup) في القالب

4: هو يوفر لك سهولة الوصول إلى السكربتات

عوضاً عن ان تكون مضطر إلى استعمال الإضافات أو مصدر سكربتات من مواقع أخرى، يوفر لك بوتستراب مجموعة لطيفة من السكربتات التي ستساعدك على إضافة الضرائب المتحركة والتفاعلات الاكثر استخداما إلى موقع الويب المخصص بك. وتلك تشمل ما يلي:

الانتقالات (transitions)
مودلز (modals)
كشوف منسدلة (dropdowns)
تلميحات الأدوات (tooltips)
كشوف منبثقة (popovers)
أزرار (buttons)

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



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

يحتوي ملف التصميم 155 سطر من الإرشادات البرمجية فقطوهذا سيتطلب منك الشغل العديد والوقت كذلك وذلك اكثر الأمر الذي تحتاجه بعض القوالب

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


1: يستعمل (Media Queries) ثابتة

(media queries) المستخدمة من قبل بوتستراب تقوم على افتراض بخصوص عرض الشاشة والجهاز والتي اصبحت قديمة.

تلك هي (media queries)

2017-02-27_20-55-37


العام الزمن الفائت ، التحديث المرن ابتعد عن نقاط التبطل المحددة مسبقاً ل (media queries) ، واتجه باتجاه التصميم-المستند على نقاط التعطل. بينما ان تلك (media queries) تستند على تصميم بوتستراب بحيث لا ينبغي ان تسبب أي مشكلات في أي من الأجهزة المدعومة أو المتصفحات)، ولكنها لا تعطيك مطواعية في وضعية كنت تبرمج إرشادات برمجية(code)

إذا كنت قد قد قررت إضافة (media query) واسطة الى ملف التصميم (stylesheet) ، فعليك أن تأخذ 155سطر من النصائح البرمجية المخصصة بتصميم نسق الشبكة وأن تجعلها تتواكب مع نقطة التبطل الحديثة


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


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

3: يمكن ان يبعدك عن التصميم المبتكر
قم بإلحاق بوتستراب الى القالب المخصص بك، استدعي ملف التصميم (stylesheet) بواسطة ملف تصميم القالب  لديك هذه اللّحظة تصميم مستعد ، ومتجاوب والذي يظهر جيدا . العديد منا يفضل  ترك الشأن نحو ذلك الحد ، تحديث بعض الألوان وبعض والتغييرات


وذلك يقصد أن التصميم المخصص بك استند على ما وفره بوتستراب ، وليس على ما هو مطلوب لمكان الويب المخصص بك.

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




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

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

 قالب وونديرفلوكس، على طريق المثال، هو بدون مقابل ومفتوح ناشر الخبر، ويشمل نسق شبكي مرن (مثل بوتستراب إلا أن أدنى تعقيدا) ومكتبة من (functions) و (hooks) والتي لا تحصل عليها في بوتستراب.

ويمكننا أيضا مثالا أن بوتستراب و ووردبريس ليس متوافقان نتيجة لـ ان تصميم كشوف التصفح (navigation menu) وقائمة الووردبريس المخصصة بك لن تعمل من تلقاء ذاتها نحو تمكين بوتستراب : عوضاً عن هذا يلزم عليك تأسيس (nav walker) مخصصة. وذلك ليس من العسير القيام به إذا كنت مرتاحاً مع الإرشادات البرمجية، ولكنه يضيف خطوة أخرى لتحسين القالب المخصص بك.



وبعد ان قدمت لك المميزات والسلبيات للبوتستراب نستطيع ان نلخص الدرس فى:

ان البوتستراب له فوائده كثيره. إذا كنت ترغب في إستراتيجية ملفت للانتباه ونظيف ومتجاوب للمكان المخصص بك والوصول إلى عدد من تأثيرات Javascript ، فيمكن أن يساعدك في تسريع عملية تحديث القالب المخصص بك.

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

وتلك هيا الاشياء التى انصحك باستعمال البوتستراب عندها:

إذا كنت ترغب في بذل بعض المجهود في تعلم طريقة استعمال بوتستراب
إذا كنت ترغب في استعمال العديد من ميزات بوتستراب ، مثل نسق الشبكة والسكربتات
إن لم يكن لديك مصمم يعمل معك  وتريد تصميما جاهزاً
إذا كنت تريد تعديل قالب مرن ولكن لا تعرف طريقة كتابة ( media queries )

وتلك هيا الاشياء التى انصحك بعدم استعمال البوتستراب عندها:

إذا كنت ترغب في المزيد من المطواعية بخصوص بنقاط التبطل أو التصميم أو الإستراتيجية
إذا كنت ستستخدم سكربت واحد ، أو أنك لن تستخدم نسق الشبكة
إذا كنت ترغب في حل سريع لا تستخدم البوتستراب
لو كان هناك  محيط عمل قالب ووردبريس او قالب مبدئي يقوم بالوظيفة التي تفتقر إليها، ويوفر لك أكثر من  هذا، مثل (functions) و (hooks).


ارجو ان يفيدكم الموضوع وان يكون قد نال اعجابكم