15482721749897530
recent
أخبار ساخنة

كيفية اضافة مكتبة بوتستراب في موقعك

الخط

كيفية اضافة مكتبة بوتستراب في موقعك

اضافة مكتبة بوتستراب

السلام عليكم متابعينا ودرس جديد للمبتدئين عن البوتستراب , مبدئيا هذه المكتبة كانت اسمها تويتر بوتستراب لان شركة تويتر هي من قامت بتطويرها وهي عبارة عن مكتبة جاهزة موثقة مبرمجة من 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  لاتتردد في كتابته في التعليقات 
ليست هناك تعليقات
إرسال تعليق

إرسال تعليق

نموذج الاتصال
الاسمبريد إلكترونيرسالة