الانتقال إلى المحتوى الرئيسي

كيفية توصيل التمهيد 5 إلى وورد: دليل مفصل مع أمثلة وتعليمات

التمهيد 5 هو أداة قوية لتطوير تطبيقات الويب باستخدام هتمل ، كس وجافا سكريبت. يوفر للمطورين أنماطا ومكونات جاهزة تجعل من السهل جدا إنشاء مواقع ويب جميلة وسريعة الاستجابة.

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

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

"التمهيد يجعل تطوير الواجهة أسهل وأسرع. باستخدامه ، يمكنك إنشاء مواقع ويب مذهلة تبدو رائعة على أي جهاز."

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

  1. ربط التمهيد 5 إلى وورد
  2. تثبيت التمهيد 5
  3. اتصال التمهيد 5 أنماط
  4. باستخدام التمهيد 5 فئات
  5. التمهيد 5 جافا سكريبت التكامل
  6. الخطوة 1: توصيل ملفات جافا سكريبت التمهيد 5
  7. الخطوة 2: باستخدام التمهيد 5 مكونات جافا سكريبت
  8. أمثلة على استخدام التمهيد 5 في وورد
  9. الشبكة
  10. الملاحة
  11. دائري
  12. سؤال وجواب
  13. أي إصدار من التمهيد يستخدم في هذا الدليل?
  14. الملف الذي يجب أن الاتصال وورد لاستخدام التمهيد 5?
  15. هل من الممكن استخدام التمهيد 5 فقط على صفحات فردية من الموقع?
  16. ما المكتبات الأخرى يمكن استخدامها جنبا إلى جنب مع التمهيد 5 في وورد?

ربط التمهيد 5 إلى وورد

التمهيد هو إطار تطوير الويب والتطبيقات الشائعة التي تساعدك على إنشاء واجهات سريعة الاستجابة ومتنقلة وأنيقة. ربط التمهيد 5 لورد يسمح لك لاستخدام الأدوات والمكونات القوية لتحسين تصميم وظائف موقعك.

  1. تحميل أحدث نسخة من التمهيد 5 من الموقع الرسمي.
  2. بفك الأرشيف من التمهيد.
  3. افتح مجلد التمهيد غير المضغوط وانسخ كس / بوتستراب.ملفات كس و جس / بوتستراب.شبيبة .
  4. تسجيل الدخول إلى لوحة الادارة وورد وفتح المظهر > قسم المحرر.
  5. افتح رأس الملف.بي إتش بي للتحرير. على الرغم من أنه من الأفضل لإنشاء موضوع الطفل وتحرير الملفات في ذلك لحفظ التغييرات بعد التحديثات وورد.
  6. ابحث عن السطر الذي يحتوي على علامة الرأس والصق الكود التالي قبل علامة إغلاق الرأس:

  1. حفظ التغييرات وتحديث موقع الويب الخاص بك لمعرفة أن التمهيد 5 متصل بنجاح إلى وورد.

هام: عند ترقية موقع الويب الخاص بك إلى إصدار جديد من بوتستراب ، تأكد من التحقق مما إذا كان هناك تعارض بين الأنماط والبرامج النصية لموضوع ووردبريس والتمهيد.

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

تثبيت التمهيد 5

لربط التمهيد 5 إلى وورد, اتبع الخطوات التالية:

  1. تحميل أحدث نسخة من التمهيد 5 من الموقع الرسمي getbootstrap.com .
  2. قم بفك ضغط الأرشيف الذي تم تنزيله وانتقل إلى المجلد الذي يحتوي على ملفات التمهيد.
  3. في المجلد الجذر لموضوع ووردبريس الخاص بك ، قم بإنشاء مجلد جديد يسمى "الأصول" (إذا لم يكن موجودا بالفعل).
  4. في مجلد الأصول ، قم بإنشاء مجلد فرعي يسمى التمهيد (أو أي اسم آخر من اختيارك).
  5. انسخ جميع ملفات التمهيد من مجلد التمهيد إلى مجلد "التمهيد" الذي تم إنشاؤه.
  6. افتح الملف " وظائف.بي إتش بي " وورد الخاص بك موضوع.
  7. أضف الكود التالي إلى الملف " وظائف.بي إتش بي " لتسجيل وربط أنماط التمهيد والبرامج النصية:

وظيفة الاستفسار _ بوتستراب () {

wp_enqueue_style( 'bootstrap-style', get_template_directory_uri() . '/assets/bootstrap/bootstrap.min.css' );

wp_enqueue_script( 'bootstrap-script', get_template_directory_uri() . '/assets/bootstrap/bootstrap.min.js', array('jquery'), '5.0.0', true );

}

add_action( 'wp_enqueue_scripts', 'enqueue_bootstrap' );

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

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

الجدول: هيكل مجلد وورد المواضيع

المجلدالملفات
الموضوع…
الأصول

التمهيد

التمهيد.مين.المغلق

التمهيد.مين.شبيبة

(المجلدات والملفات الأخرى وورد موضوع)

بعد إضافة التعليمات البرمجية أعلاه وحفظ الملف " وظائف.بي إتش بي " ، التمهيد 5 سيتم توصيل بنجاح لموضوع وورد الخاص بك. الآن يمكنك استخدام الطبقات التمهيد والمكونات في موضوع وورد الخاص بك والقوالب.

اتصال التمهيد 5 أنماط

لربط التمهيد 5 أنماط لورد, اتبع الخطوات التالية:

  1. تحميل التمهيد 5 ملفات من الموقع الرسمي التمهيد.
  2. فك الأرشيف مع التمهيد 5 ملفات على جهاز الكمبيوتر الخاص بك.
  3. افتح مجلد الملفات غير المعبأة وانتقل إلى مجلد" حي".
  4. انسخ " التمهيد.مين.المغلق "ملف من مجلد " حي / المغلق".
  5. انتقل إلى لوحة المشرف وورد وحدد قسم" المظهر".
  6. حدد عنصر" المحرر "في القائمة الفرعية لقسم" المظهر".
  7. ابحث عن "النمط" وافتحه.المغلق " ملف.
  8. الصق الكود المنسوخ مسبقا من " التمهيد.مين.المغلق "ملف قبل علامة الإغلاق" * / " وحفظ التغييرات.

بعد الانتهاء من الخطوات المذكورة أعلاه, التمهيد 5 وسيتم ربط أنماط بنجاح لورد. الآن يمكنك استخدام التمهيد 5 فئات لعناصر نمط من موقع الويب الخاص بك.

باستخدام التمهيد 5 فئات

التمهيد 5 يوفر العديد من الفئات التي يمكن استخدامها لإنشاء مكونات واجهة ويب أنيقة وسريعة الاستجابة. وهنا بعض من التمهيد الأكثر شعبية 5 فصول:

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

نص على لون الخلفية الرئيسي

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

التمهيد 5 جافا سكريبت التكامل

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

الخطوة 1: توصيل ملفات جافا سكريبت التمهيد 5

إضافة _ العمل ('وب _ينكويو_كريبتس' ، 'إضافة _ بوتستراب_كريبتس' );

هنا

الحصول على _ _ _ _ _ _ _ _ _ _ _

  • إرجاع المسار إلى الموضوع الحالي ، و

مسار / إلى / التمهيد.شبيبة

- المسار إلى ملف التمهيد.شبيبة في الموضوع الخاص بك.

الخطوة 2: استخدام مكونات جافا سكريبت التمهيد 5

والآن بعد أن قمت بتوصيل التمهيد 5 ملفات جافا سكريبت, يمكنك استخدام مكوناته على موقع وورد الخاص بك. فيما يلي بعض الأمثلة:

إضافة نافذة مشروطة التمهيد:

افتح نافذة مشروطة

عنوان نافذة مشروط

  • محتوى النص من نافذة مشروط.

  • لإغلاق

    حفظ التغييرات

    إضافة علامات التبويب التمهيد:

    علامة التبويب 1

    علامة التبويب 2

    علامة التبويب 3

    محتويات علامة التبويب 1.

    محتويات علامة التبويب 2.

    محتويات علامة التبويب 3.

    • هذه ليست سوى مثالين على كيف يمكنك استخدام التمهيد 5 مكونات جافا سكريبت في موضوع وورد الخاص بك. يمكنك العثور على وثائق مفصلة عن التمهيد 5 مكونات جافا سكريبت على الموقع الرسمي التمهيد.

      أنت الآن على استعداد لاستخدام مكونات جافا سكريبت قوية من التمهيد 5 على موقع وورد الخاص بك!

      أمثلة على استخدام التمهيد 5 في وورد

      وفيما يلي بعض الأمثلة على استخدام التمهيد 5 في وورد لخلق مختلف العناصر والمكونات.

      1. الشبكة

        التمهيد 5 يوفر نظام الشبكة القوية التي تجعل من السهل لخلق تخطيطات استجابة لموقع الويب الخاص بك. هنا مثال على استخدام التمهيد 5 الشبكة:

        العمود الأيسر

        العمود الأيمن

        الملاحة