ايقونات التواصل الاجتماعي بشكل جديد لمكتبة uikit
مكتبة جديدة نادرة جدا في الويب العربي بها ايقونات جديد منها ايقونات التواصل الاجتماعي
عندما تقرر وضع ايقونات التواصل الاجتماعي مثل فيسبوك او تويتر وغيرهم من المواقع , فتقرر الاعتماد علي ايقونات Fontawesome او عندما تفكر في الاختلاف تقرر وضع ايقونات الماتيريال , ولكن اليوم سنضع ايقونات مكتبة uikit مكتبة رائعة وسريعة وتدعم RTL وقمنا بوضع موضوع لها في الموقع عن إضافة أداة أوكرديون لعرض سؤال وجواب لمدونات بلوجر , وانا جربت هذه المكتبة ولم اجد بها مشاكل وبها اضافات عديدة سنضعها في الايام المقبلة باذن الله .
قبل الدخول للايقونات يجب وضع اكواد المكتبة داخل الموقع عن طريق فتح المظهر
ثم تعديل html
ثم ابحث عن <head>وضع هذه الاكواد اسفله
<!-- UIkit CSS -->ثم قم بحفظ هذه التعديلات وستكون بالفعل اضفت هذه المكتبة الي موقعك وتستطيع وضع اضافاتها في موقعك .
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/uikit@3.2.6/dist/css/uikit.min.css" />
<!-- UIkit JS -->
<script src="https://cdn.jsdelivr.net/npm/uikit@3.2.6/dist/js/uikit.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/uikit@3.2.6/dist/js/uikit-icons.min.js"></script>
سندخل بعدها الي قسم الايقونات في الموقع الرسمي ستجد هذه الصفحة
هذه الصفحة بها جميع الايقونات الخاصة بالمكتبة قم بالنزول الي خانة Brands
ستجد هذه الايقونات
كما ترون شكل الايقونات بها العديد من الاختلافات عن المكاتب الاخري , الصفحة بها ارشادات لوضع الاكواد وطريقتها سهلة مثل هذا الكود
هذه ايقونه فيسبوك وهذا الكود الخاص بها
وانتهي موضوع اليوم لاتنسي زيارة قسم السيو وبلوجر لمزيد من الشروحات اذا واجهتك اي مشكلة عموما في موقعك قم بكتابتها في صفحة اسألنا, او اذا كنت تريد شرح معين عن أي شي في بلوجر او SEO لاتتردد في كتابته في التعليقات
<a href="#" class="uk-icon-button uk-margin-small-right" uk-icon="facebook"></a>وقم بتغيير اسم الفيسبوك لاي موقع تواصل اخر موجود في المكتبة وغير علامة (#) بـ الرابط الذي تريده
وانتهي موضوع اليوم لاتنسي زيارة قسم السيو وبلوجر لمزيد من الشروحات اذا واجهتك اي مشكلة عموما في موقعك قم بكتابتها في صفحة اسألنا, او اذا كنت تريد شرح معين عن أي شي في بلوجر او SEO لاتتردد في كتابته في التعليقات
تعليقات
إرسال تعليق