آموزش وردپرس
خانه / آموزش وردپرس / آموزش استفاده از آیکون های FontAwesome در فهرست ها
add-fontawesome-in-wordpress

آموزش استفاده از آیکون های FontAwesome در فهرست ها

سلام دوستان، در این مطلب قصد داریم نحوه استفاده از آیکون های FontAwesome را در قالب های تاپ وردپرس به شما آموزش بدیم، البته برای قالب های دیگه وردپرس هم به شرطی که از فهرست ها پشتیبانی کنند میتونید استفاده کنید

مرحله اول – برای شروع ابتدا منوی خود را از فهرست ها ایجاد کرده و یک جایگاه برای اون مشخص کنید، اگر با انجام اینکار آشنایی ندارید آموزش زیر را مطالعه کنید

آموزش استفاده از فهرست ها در وردپرس

مرحله دوم – خب حالا وقتش رسیده که به لینک های منو، آیکون اضافه کنیم، برای اینکار هم باز به همون بخش فهرست ها(پیشخوان>نمایش>فهرست ها) برید و منوی مورد نظرتون رو انتخاب و روی گزینش کلیک کنید (منویی که ایجاد کردید)

fontawesome-icons

مرحله سوم – به بالای صفحه مراجعه کنید و روی تنظیمات صفحه کلیک کنید، سپس تیک گزینه کلاس CSS را بزنید و فعال کنید

fontawesome-icons-wordpress

مرحله چهارم – حال روی فلش کنار لینک ها کلیک کنید و از منویی که در زیر باز میشود میبینید که فیلد کلاس های CSS اضافه شده، ما باید کد آیکونی که از FontAwesome انتخاب کرده ایم را درون این لیست قرار دهیم که در مرحله بعد آموزش میدهیم

icon-menu

مرحله پنجم – لینک زیر را باز کنید و وارد سایت فونت آوسام شوید

https://fortawesome.github.io/Font-Awesome/icons/

مرحله ششم – در صفحه ای که باز میشود مجموعه ای از آیکون های این سایت را مشاهده میکنید، روی هرکدام که میخواهید از آن استفاده کنید کلیک کنید

list-icons

مرحله هفتم – در صفحه مربوط به آیکون مورد نظر کد صورتی که در تصویر هم مشخص کردیم را کپی کنید و در فیلد مربوط به کلاس های CSS قرار دهید

list-icons-fontawesom

 

list-icons-fontawesom

در پایان فهرست خود را ذخیره کنید، با انجام این کار آیکونی که انتخاب کردید به لینک مورد نظر در منوی سایت شما اضافه میشود

برای سایر لینک های منو نیز میتوانید همین مراحلو طی کنید و به آن ها آیکون اضافه کنید

همچنین ببینید

like-button

اضافه کردن دکمه لایک مطالب بدون افزونه در وردپرس

در این مطلب به شما خواهیم آموخت که چگونه میتوانید یک دکمه لایک زیبا و …

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *