باستخدام موضوع Bootstrap تويتر لدروبال

احصل على قوة إطار Bootstrap في سمة دروبال

Bootstrap هو إطار شائع بشكل غير عادي ، أنشأه Twitter. مع موضوع Bootstrap لـ Drupal ، يمكنك الحصول على كل هذه القوة (والمحافظة عليها) لموقع Drupal الإلكتروني الخاص بك. استعد لإضافة أزرار متجانسة ، وأشكال متناسقة ، وأزرار جامبو ، وأكثر من ذلك ، إلى أن يضيف موقعك بعضًا من بلينغ!

ما هو إطار Bootstrap؟

إطار Bootstrap عبارة عن مجموعة من شفرة CSS وجافا سكريبت التي تسهل عليك إضافة قائمة طويلة من الأشياء الجميلة و / أو المفيدة إلى موقعك على الويب. تتضمن هذه القائمة أزرارًا جميلة ، وقوائم بها "الشارات" ، و "الآبار" الداخلية وأكثر من ذلك بكثير.

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

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

انظر إلى هذا تسمية جميلة .

إطار عمل Bootstrap ليس له صلة بدربال. يمكنك استخدامه مع أي CMS لن ينفجر عند الاتصال بـ jQuery (راجع أدناه) ، أو حتى مع موقع HTML ثابت .

ما هو موضوع Bootstrap لدروبال؟

يجعل Bootstrap Theme لـ Drupal أسهل بكثير من استخدام Bootstrap على موقع الويب الخاص بك. يمكنك تنزيل هذا المظهر وتعيينه كإعداد افتراضي.

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

يعتمد Bootstrap على مكتبة jQuery Javascript. قد تحتاج أيضًا إلى تثبيت وحدة تحديث jQuery للحصول على الإصدار الذي تحتاجه. إذا كانت أي وحدات نمطية أخرى على موقعك تستخدم jQuery ، فكن حذراً - قد لا تعمل مع إصدار جديد جدًا من jQuery.

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

هل لديك لاستخدام سمة Bootstrap لاستخدام Bootstrap في دروبال؟

نظرًا لأن إطار Bootstrap هو CSS و JavaScript فقط ، فلا يلزمك استخدام مظهر Bootstrap. يمكنك تنزيل مكتبة Bootstrap يدويًا والارتباط بها في قوالب السمات الخاصة بك.

ومع ذلك ، فقد فعلت موضوع Bootstrap بالفعل هذا tedium بالنسبة لك. كما تم دمج العديد من ميزات Bootstrap في شاشات إدارة Drupal. إذا كنت تفضل النقر على الترميز ، فإن هذا المظهر يمكن أن يجعل حياتك أكثر سهولة.

اختر أي إصدار من Bootstrap للاستخدام

قبل تنزيل هذا المظهر ، اقرأ صفحة المشروع وتأكد من فهم الإصدار الذي يجب تنزيله. إصدارات مختلفة تتوافق مع إصدارات مختلفة من إطار Bootstrap.

على سبيل المثال ، كان الإصدار 7.x-2.2 لموضوع Bootstrap هو آخر دعم لإصدار 2.3.2 لإطار Bootstrap. حتى كتابة هذه السطور ، فإن الإصدار الثابت لموضوع Bootstrap هو 7.x-3.0 ، والذي يعمل مع Bootstrap 3.

لاحظ كيف تنسق مطوري موضوع Bootstrap تنسيق أرقام الإصدارات الرئيسية الخاصة بهم مع Bootstrap. تكون الإصدارات 7.x-2.x من أجل Bootstrap 2 ، والإصدارات 7.x-3.x من أجل Bootstrap 3.

تشبه Bootstrap 2 و Bootstrap 3 في الغالب ولكنهم يهتمون بالاختلافات عند قراءة الوثائق الإطارية. من السهل قراءة الوثائق الخاصة بالنسخة الخاطئة دون أن تدرك ذلك.

على الرغم من أنك ربما تريد استخدام أحدث إصدار ثابت إذا كنت تستطيع ، لاحظ أن Bootstrap 3 يتطلب jQuery 1.9+ ، بينما يتطلب Bootstrap 2 فقط jQuery 1.7+. إذا كان استخدام jQuery 1.9 سيؤدي إلى كسر وحدة حاسمة على موقعك ، فقد تضطر إلى استخدام Bootstrap 2 في الوقت الحالي.

قبل استخدام Bootstrap

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

حتى إذا كنت متأكدًا من رغبتك في استخدام Bootstrap ، فلا تفوت هذه النصائح حول استخدام إطار عمل مع Drupal.