ايقونات التواصل الاجتماعي بشكل جديد لمكتبة uikit

ايقونات التواصل الاجتماعي بشكل جديد لمكتبة 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 
ستجد هذه الايقونات 

كما ترون شكل الايقونات بها العديد من الاختلافات عن المكاتب الاخري , الصفحة بها ارشادات لوضع الاكواد وطريقتها سهلة مثل هذا الكود 

هذه ايقونه فيسبوك وهذا الكود الخاص بها 
<a href="#" class="uk-icon-button  uk-margin-small-right" uk-icon="facebook"></a>
وقم بتغيير اسم الفيسبوك لاي موقع تواصل اخر موجود في المكتبة  وغير علامة (#) بـ الرابط الذي تريده 

وانتهي موضوع اليوم لاتنسي زيارة قسم السيو وبلوجر لمزيد من الشروحات  اذا واجهتك اي مشكلة عموما في موقعك قم بكتابتها في صفحة اسألنا,  او اذا كنت تريد  شرح معين عن  أي شي في بلوجر او SEO لاتتردد في كتابته في التعليقات

0/تعليقات

أحدث أقدم