شروع گفتگوبا مشــــاوریــــن در تلگـــرام@sourcesaazbot
کانال تلگرام سایت صفحه اینستاگرام سایت راهنمای خرید از سایت
در آمدزایی
سورس مدیرت گروه حرفه ای و کامل
سورس ساز
آیا میدانید …
سورس ساز

سورس ساز

سورس فروشگاه ساز پیشرفته
فروشگاه ساز
خرید هاست ربات

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

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

سلام به دوستان عزیز . امروز برای شما آموزش افزودن فونت آیکون به قالب وردپرس را آماده کرده ایم . فونت آیکون ها میشود گفت در اکثر سایت های امروزی استفاده میشود . ممکن است شما سایت فروشگاهی داشته باشید ، آیکون سبد خرید شما و تسویه و ثبت نام و … معمولا فونت آیکون هستند . اگر سایت شما آموزشی یا خبری باشد به جرات میتوان گفت حداقل ۴-۵ آیکون در سایت شما استفاده شده است .

پس با توضیحات اولیه که داده شد مشخص شد که اهمیت فونت آیکون در سایت های امروزی زیاد است و به نوعی ضرورت خاصی در استفاده دارند . ارتباط بهتری با کاربر شما برقرار میکنند و به نوعی کاربر پسند هستند . حتی با قرار دادن یک آیکون شکل سبد خرید شما به راحتی متوجه خواهید شد که منظور از این آیکون چیست .

انواع فونت آیکون

در حال حاضر چندین فونت آیکون وجود دارد . اما احتمالا شما حداقل نام یکی را شنیده اید که FontAwesome است . بغیر از این فونت فونت های دیگری نیز است که آنها را به شما معرفی میکنیم :

اگر شما تا کنون فونت آیکون ندیده اید و احیانا نمیدانید منظور ما از فونت آیکون چیست ، کافیست نگاهی به تصویر زیر بیندازید . هر کدام از آیکون های موجود در تصویر زیر در واقع یک حرف از حروف الفبای آن فونت میباشد .

خب حالا که با فونت آیکون و اهمیت استفاده از آن در سایت خود آشنا شدید بهتر است به سراغ آموزش برویم .

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

یکی از راحت ترین و بهترین روش ها استفاده از افزونه است . در حال حاضر فونت آیکون های مختلفی وجود دارند و یکی از بهترین آنها FontAwesome است . به همین منظور افزونه وردپرسی نیز مربوط به همین فونت آیکون وجود دارد . برای استفاده و انجام آموزش کافیست افزونه Font Awesome  را نصب و فعال کنید . پس از نصب و فعال سازی افزونه قالب شما امکان استفاده از فونت آیکون را خواهد داشت . نحوه استفاده از این فونت ها با استفاده از کد کوتاه یا همان شورت کد ها میباشد . یکی از این نمونه ها مشابه کد زیر میباشد :

[icon name=”rocket”]

شما میتوانید کد بالا را در بلاک کد کوتاه یا به صورت متن معمولی استفاده کنید . تصویر زیر گویای نجوه عملکرد کار شما میباشد :


نتیجه نیز مشابه تصویر زیر خواهد شد . 

برای اینکه نام آیکون مد نظر خود را پیدا کنید میتوانید از Cheatsheet FontAwesome استفاده کنید .

امیدوارم از این آموزش استفاده کافی برده باشید . خوشحال میشیم اگه سئوالی یا نظری داشته باشید در پایین همین مطلب بخش نظرات اعلام کنید . همچنین اگر به دنبال لینک دانلود افزونه اعلام شده توی این مطلب میگردید پایین همین نوشته برای شما قرار داده شده است .

 

دانلود افزونه کلیک کنید

دسته بندی : وبلاگ
نویسنده : سورس ساز
تاریخ انتشار : ۰۹ / ۰۷ / ۱۳۹۸
بازدید : 25 بار
لینک کوتاه : https://sourcesaaz.ir/?p=2617
مطلب مفیدی برای شما بود ؟؟ پس به اشتراک بگذارید برای دوستانتان

مطالب مرتبط ...

مشاهده وبلاگ

بهترین روش برای پیدا کردن کلمات کلیدی

بهترین روش برای پیدا کردن کلمات کلیدی

چگونه کلمات کلیدی کسب و کار خود را پیدا کنید؟ یکی از ارزشمندترین و مهم ترین کارها در کسب و کار این است که شما کلمات کلیدی حوزه کاری خود را ...

ادامه توضیحات

۱۰ سامانه پیامکی برتر ایران

10 سامانه پیامک برتر

اگر شما به دنبال سامانه پیامکی خوب میگردید و نمیتوانید آن را انتخاب کنید پس پیشنهاد میشود این مطلب را دنبال کنید . امروز برای شما ۱۰ سامانه پیامکی برتر ...

ادامه توضیحات

آموزش استفاده از htaccess برای انتقال سایت به اس اس ال

سورس ساز

امروز آموزش استفاده از htaccess برای انتقال سایت به اس اس ال را برای کاربرانمان در سورس ساز آماده کردیم . شما در این آموزش با استفاده از htaccess میتوانید ...

ادامه توضیحات

تبلیغات سایت

مشاهده تعرفه


دیدگاه کاربران ...

    لطفا قبل از ارسال سئوال یا دیدگاه سئوالات متداول را بخونید.
    جهت رفع سوالات و مشکلات خود از سیستم پشتیبانی سایت استفاده نمایید .
    دیدگاه ارسال شده توسط شما ، پس از تایید توسط مدیران سایت منتشر خواهد شد.
    دیدگاهی که به غیر از زبان فارسی یا غیر مرتبط با مطلب باشد منتشر نخواهد شد.

    دیدگاه خود را بیان کنید