كيفية اضافة مكتبة بوتستراب في موقعك
السلام عليكم متابعينا ودرس جديد للمبتدئين عن البوتستراب , مبدئيا هذه المكتبة كانت اسمها تويتر بوتستراب لان شركة تويتر هي من قامت بتطويرها وهي عبارة عن مكتبة جاهزة موثقة مبرمجة من HTML , CSS , Javascript وهذه المكتبة تدخل في العديد من القوالب بلوجر حاليا ومعظم القوالب المشهورة تستخدم البوتستراب لان به مميزات عديدة منها ان كل اشيائه متجاوبة وسريعة ومتوافقة مع كل المتصفحات الحديثة
بالبوتستراب يمكنك انشاء قوالب , وغير ذلك يمكنك انشاء العديد من الاضافات التي ستجعل موقعك مميزا , مثل ستضع لك رسائل تنبيه كثيرة مثل قالب سكويز او أي قالب اخر , ستضع لك ازرار رائعة واشكال لتسجيل الدخول , قائمة منسدلة , Spinners
ايقونات واكتر من ذلك بكثير , صراحة مكتبة رائعة وستفيدك في كل شي
اليك مثال علي بوتستراب
المميز في هذه المكتبة ان العديد من المواقع تضع لها اضافات كثيرة جدا , يعني انا فقط اخذت هذا الكود الذي امامكم في الصورة وعدلت علي الكلام المكتوب فقط وبامكاني لتعديل علي الصور وعلي كل شي عموما
وبعد هذه المقدمة الطويلة سنتجه مباشرة الي شرح اضافة بوتستراب في قالب مدونتك
الشرح
قم بالذهاب الي المظهر ثم تعديل HTML
ثم ابحث عن
<head>
وضع اسفلها هذه الاكواد
<!-- Latest compiled and minified CSS -->
<link href='https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css' rel='stylesheet'/>
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<!-- Popper JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
ثم قم بحفظ القالب واتجه مباشرة الي موقع w3schools مباشرة
بعد الذهاب لهذا الموقع الجبار الذي يعلم العديد من لغات البرمجة ثم بالذهاب لقسم البوتستراب وبعدها ستجد قائمة جانبية بها اضافات عديدة مثل هذه الصورة تماما
هذه القائمة بها جميع الاضافات البسيطة الخاصة بالبوتستراب تستطيع اضافتها في قالبك او في موضوعك من خلال وضع الاكواد في تعديل html ووضع ازرار فيه او اي شي تريده ولا تقف علي هذا الموقع فقط , قم بالبحث عن المواقع التي تضع اضافات بوتستراب وقم بالتعديل عليها ووضعها في موقعك الموضوع فقط يحتاج منك لخبرات بسيطة في html و css واكواد بلوجر , والذي سنضع لها شرح قريبا بكل اكواد بلوجر
وهذا فيديو يوضع الشرح
وهذا فيديو يوضع الشرح
,وكالعادة في نهاية الموضوع ان واجهتك اي مشكلة في هذا الموضوع او مشكلة عامة في موقعك قم بكتابتها في صفحة الاستشارة المجانية او في اي موضوع وسيقوم بالرد عليك من احد فريق الموقع او مني شخصيا , او اذا كنت تريد شرح معين عن أي شي في بلوجر او SEO لاتتردد في كتابته في التعليقات
شكرا محتوى اسطوري
ردحذف