Skip to main content

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

قبل ما تصمم موقع, توظيف مبرمج او تبرمج موقع...شوف هاذا الموقع الشهير themeforest (يونيو 2025)

قبل ما تصمم موقع, توظيف مبرمج او تبرمج موقع...شوف هاذا الموقع الشهير themeforest (يونيو 2025)
Anonim

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 في الوقت الحالي.