اضافة مكتبة بوتستراب (Bootstrap) لمدونة بلوجر

اضافة مكتبة بوتستراب (Bootstrap) لمدونة بلوجر.
ظهرت في سنوات الاخير مجموعة من المكتبات التي تساعد المصمم و مبرمج في الاستفادة منها وتسهل عليه البرمجة وتختصر عليه الوقت وتغنيه عن كتابة اكواد كثيرة على غرار مكتبة Font Awesome التي تقدم الكثير من الايقونات المجانية وكذلك مكتبة JQuery، وكذلك من بين هذه المكتبة Bootstrap التي سنقدم لكم مميزاتها وكيفية اضافتها لبلوجر.
اضافة مكتبة بوتستراب (Bootstrap) لمدونة بلوجر
اضافة مكتبة بوتستراب (Bootstrap) لمدونة بلوجر

ماهي مكتبة بوتستراب (Bootstrap):

كان اسمها في تويتر بوتستراب (Twitter Bootstrap) ولقد تم إنشاء هذه المكتبة لمساعدة المصممين على تصميم منتجات رائعة و بسرعة، وهي مصممة بواسطة HTML ،CSS ،JavaScript، وكان تابعة لشركة التويتر، لكن اصبح هذا المشروع كبير وبدأ يكبر ويتوسع حتى استقل عن التويتر واصبح يعرف باسم Bootstrap، كما يجب ان تعلم ان بوتستراب مبني على جي كويري.

مميزات مكتبة بوتستراب (Bootstrap):

- سهلة الاستخدام.
- التوفق مع جميع المتصفحات.
- خفيفة ومرنة وسريعة التحميل.
- تصميم موقع متجاوب (Responsive) بشكل تلقائي.

كيفية استخدام مكتبة بوتستراب (Bootstrap):

* في حال كنت تصمم موقع بدون استخدام الانترنت فيجب عليك تحميلها في ملف خارجي لكن و كما قلت سابقا فمكتبة بوتستراب مبني على الجي كويري ولاستعمال مكتبة بوتستراب يجب عليك استدعاء مكتبة الجي كويري ثم تقوم بتحميل هذه المكتبة من خلال الموقع الخاص بها على Bootstrap.

* في حال كنت تصمم باستخدام الانترنت او تصمم قوالب لمدونات بلوجر فيجب عليك ان تقوم باضافة الاكواد التالية اسفل الوسم <head> حتى تشتغل معك بدون مشاكل.
<link href='http://netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css' rel='stylesheet'/>
<link href='http://cdn.rawgit.com/morteza/bootstrap-rtl/master/dist/cdnjs/3.3.1-rc2/css/bootstrap-rtl.min.css' rel='stylesheet'/>
<!-- jquery js, bootstrap js -->
<script src='http://code.jquery.com/jquery-1.11.0.min.js'/>
<link href='http://netdna.bootstrapcdn.com/bootstrap/3.0.2/js/bootstrap.min.js' rel='stylesheet'/>
- الكود الذي بلون الاحمر هو كود css الخاص بمكتبة بوتستراب ويجب ان يتواجد في قالب اذا كنت تصمم بالبوتستراب.
- الكود الذي بلون الازرق هو كود css الخاص بمكتبة بوتستراب والذي يقوم بتغير اتجاهات من شمال الى اليمين وتستعمل هذا الكود في حال كنت تصمم موقع عربي، اما اذا كان موقعك انجليزي فيمكنك حذف هذا الكود.
- الكود الذي بلون برتقالي هو كود لمكتبة الجي كويري jquery.
- الكود الذي بلون الاخضر هو كود الجافا الخاص بمكتبة بوتستراب.

كان هذا كل شيء بالنسبة لكيفية اضافة مكتبة بوتستراب (Bootstrap) لمدونة بلوجر، اذا كان لديك اي استفسار اتركه في تعليق، وسنرد عليك في اقرب وقت، سلام.

شارك المقالة مع أصدقائك

mo3awin

ليست هناك تعليقات:

إرسال تعليق