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

طراحی سایت

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

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

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

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

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

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

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

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

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

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

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

[icon name=”rocket”]

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

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

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

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

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

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

60
15 مهر 1398
    ..نظرات..
    ..مقالات پربازدید..
    آموزش قرعه کشی در اینستاگرام
    طراحی سایت

    آموزش قرعه کشی در اینستاگرام

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

    13944
    24 فروردین 1398
    دلایل موفقیت دیجی کالا
    طراحی سایت

    دلایل موفقیت دیجی کالا

    یکی از موفق ترین استارت اپ های ایران در دهه ی اخیر سایت دیجی کالا بوده است . به طوری که به جرئت می توان گفت این سایت بزرگ‌ ترین خرده‌ فروشی اینترنتی خاورمیانه است .اقایان محمدی در سال 1384 تصمیم راه اندازی این وب سایت گرفتند و در سال 85 این برند با نام فعلی ” دیجی کالا ” پایه گذاری گردید .مدیران این پروژه با این هدف او...

    1966
    22 اردیبهشت 1398
    bit.ly چیست ؟
    طراحی سایت

    bit.ly چیست ؟

    بیتلی یا bitly یکی از شناخته‌شده‌ترین سرویس‌های کوتاه کننده لینک است. این سایت با نشانی https://bit.ly در سال ۲۰۰۸ تاسیس شد. یک کوتاه کننده‌ی لینک وظیفه دارد تا لینک‌های مورد نظر کاربران را به شکل کوتاه و قابل خواندن و نوشتن تبدیل کند. این سرویس در هر ماه حدود ۶۰۰ میلیون لینک کاربران را کوتاه می‌کند.علت استفاده از...

    1890
    27 آذر 1398