في هذا المقال، سنوضح كيفية تضمين المكتبات الخارجية في قالب بلوجر. سوف نضيف مكتبات مثل
jQuery ،Bootstrap، AJAX، Lodash ،Moment.js، Font Awesome .
سنتبع الخطوات التالية لإدراج هذه المكتبات عبر الروابط المباشرة فوق وسم
<head>
الموجود في قالب بلوجر
تضمين jQuery
تضمين مكتبة jQuery باستخدام الرابط المباشر.
<!-- تضمين jQuery -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
تضمين Bootstrap CSS
تضمين ملف CSS لمكتبة Bootstrap لتحسين تصميم الواجهة.
<!-- تضمين Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
تضمين Bootstrap JS
تضمين ملف JavaScript لمكتبة Bootstrap لتفعيل التفاعلية.
<!-- تضمين Bootstrap JS -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
تضمين مكتبة Lodash
تضمين مكتبة Lodash للتعامل مع بيانات JavaScript بشكل ميسر.
<!-- تضمين مكتبة Lodash -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.21/lodash.min.js"></script>
تضمين مكتبة Moment.js
تضمين مكتبة Moment.js لإدارة التواريخ والأوقات.
<!-- تضمين مكتبة Moment.js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js"></script>
تضمين Font Awesome
تضمين مكتبة Font Awesome لاستخدام الأيقونات في تصميم الصفحات.
<!-- تضمين Font Awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
