تبلیغات
حراجی دامنه های ویژهمشاهده
آخرین ارسال های تالار مشاهده انجمن
کمک در گریویتی 1 پاسخ 323 بازدید قالب سون مگ 16 پاسخ 1165 بازدید سفارش نصب اسکریپت xfilesharing 1 پاسخ 45 بازدید تغییر وضعیت خودکار سفارش ها از انجام شده به درحال پردازش 0 پاسخ 87 بازدید All In One SEO Pack Pro 5 پاسخ 549 بازدید طراحی سایت با وردپرس 0 پاسخ 1749 بازدید طراحی سایت ریسپانسیو 1 پاسخ 488 بازدید خرید ارز ترون در بیت مهر 0 پاسخ 197 بازدید ووچر پرفکت مانی چیست 0 پاسخ 204 بازدید سایت شرط بندی فوتبال تاینی بت 0 پاسخ 216 بازدید

تبلیغات
تبلیغات تبلیغات

استفاده از فونت آیکون در وردپرس با افزونه Better Font Awesome

افزونه ها , افزونه وردپرس

استفاده از فونت آیکون در وردپرس می‌تواند باعث زیباتر شدن وبسایت و داشتن یک رابط کاربری بهتر و بهینه‌تر برای هر سایت وردپرسی باشد. فونت آیکون مجموعه‌ای از وکتورها می‌باشد که شامل آیکون سرویس‌هایی همچون وبسایت‌های معروف، اپلیکیشن‌ها، شبکه های اجتماعی، انواع آیکون‌ها برای بخش مطالب و دسته‌بندی و… می‌باشند.با استفاده از آنها می‌توانید یک آیکون مرتبط با باکس مورد نظر که می‌تواند شامل بخش دسته‌بندی نوشته، برچسب نوشته، باکس دانلود، بخش اشتراک گذاری نوشته، بخش اطلاعات نوشته و… باشد در ان استفاده کنید.در این مقاله از بیست اسکریپت قصد دارم تا به معرفی افزونه‌ای بپردازم که با استفاده از آن قادر خواهید بود تا به راحتی در نوشته‌ها، منوهای وردپرس و هر بخش دیگری از آیکون‌های سرویس Font Awesome بهره‌مند شوید.

 

استفاده از فونت آیکون در وردپرس با افزونه Better Font Awesome

 

افزونه‌ای که قصد معرفی آن را دارم با عنوان Better Font Awesome در مخزن وردپرس به ثبت رسیده است و تاکنون توانسته است تا بیش از ۶۰.۰۰۰ نصب فعال و کسب امتیاز ۵ را ازآن خود نماید که با استفاده از آن می توانید در مطالب وردپرس از آیکون‌های آن استفاده کنید.

 

این فونت‌آیکون‌ها متعلق به سرویس Font Awesome می‌باشند که قادر خواهید بود تا به راحتی و با کم‌ترین حجم فایل‌ها در قالب خود از مزایای زیر در آن بهره‌مند شوید:

  • استفاده از سایز دلخواه آیکون در هر بخشی از سایت بدون از دست دادن کیفیت آیکون
  • استفاده از هر رنگ دلخواه برای آیکون با استفاده از وارد کردن رنگ دلخواه آیکون
  • پشتیبانی شده توسط مرورگرهای مختلف
  • دارای بیش از ۶۷۵ آیکون مختلف در زمینه‌های گوناگون

نصب و فعال سازی

پس از نصب و فعال سازی افزونه مشابه تصویر زیر منویی با عنوان Better Font Awesome در بخش تنظیمات سایت وردپرسی شما افزوده خواهد شد، روی آن کلیک کنید تا به صفحه افزونه هدایت شوید.

 

استفاده از فونت آیکون در وردپرس با افزونه Better Font Awesome

 

همانطور که در تصویر مشاهده می‌کنید ابتدا از بخش Version نسخه‌ای که برای استفاده از آن را در نظر دارید را انتخاب کنید. در صورت انتخاب گزینه Always Latest آخرین نسخه از Font Awesome که ر هر بار به‌روزرسانی منتشر می‌شود را می‌توانید به سایت خود اضافه کنید.

 

  • Use minified CSS: برای اینکه استایل‌های مجموعه فونت آیکون Font Awesome دارای حجم مختلفی می‌باشند با فعال کردن این گزینه قادر بود تا از نسخه‌ی Minify که شامل کم‌حجم‌ترین آن می‌باشد استفاده کنید تا در سرعت بارگزاری صفحات تاثیر چندانی نگذارد.
  • Remove existing Font Awesome: در صورتی که از افزونه‌های جانبی دیگری استفاده می‌کنید و یا اینکه افزونه دیگری در وبسایت خود دارید که این مجموعه فونت در آن قرار دارد برای جلوگیری از لود مجدد فایل آیکون تیک این گزینه را فعال کنید تا فونت‌های آن نیز صرفا از طریق این افزونه لود شوند.
  • Hide admin notices: در نهایت این گزینه را در حالت غیرفعال قرار دهید. این گزینه برای این است که هرگاه به هر دلیلی فونت‌ها لود نشوند در بخش پیشخوان پیغام خطای آن برای شما نمایش داده خواهد شد تا سریعا آن را برطرف کنید.

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

 

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

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

 

استفاده از فونت آیکون در وردپرس با افزونه Better Font Awesome

 

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

 

[icon name="wordpress" class="" unprefixed_class=""]

 

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

 

fa-3x

 

در زیر نمونه‌ای از نحوه افزودن فونت آیکون را به صورت تصویر متحرک مشاهده می‌کنید.

 

استفاده از فونت آیکون در وردپرس با افزونه Better Font Awesome

 

موفق باشید.

دانلود نسخه : 1.6.0


هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 0 افزونه ها , افزونه وردپرس
لینک کوتاه مطلب : https://www.20script.ir/?p=25631
کلمات کلیدی پست :
مطالب مرتبط
5,762افزونه وردپرس نحوه دریافت بازخورد سریع از کاربران Article Feedback تاریخ : 2016/04/14
7,077افزونه ایجاد کدهای کوتاه در وردپرس تاریخ : 2016/06/19
6,036افزونه اشتراک گذاری مطالب در فیس بوک Facebook Button تاریخ : 2016/03/1
6,046افزونه قرار دهی فاوآیکون چندمنظوره برای وردپرس تاریخ : 2016/07/31
10,650مجموعه آیکون های زیبای فلت Mintie تاریخ : 2014/10/16
5,339افزونه ایجاد آیکون پرتاب اسکرول به بالا Scroll Back To Top تاریخ : 2016/03/11
16,974دانلود قالب HTML صفحه به زودی CST تاریخ : 2016/07/22
9,380دانلود قالب چندمنظوره مانا Mana برای وردپرس تاریخ : 2016/10/12
17,776افزونه ساخت منو بازشو در وردپرس Max Mega Menu تاریخ : 2016/02/28
12,579دانلود قالب اهل بیت برای وردپرس تاریخ : 2016/10/1
15,985افزونه وردپرس منو افقی Mega Main Menu نسخه 2.0.7 تاریخ : 2015/04/27
16,122افزونه ایجاد دکمه های مختلف در وردپرس MaxButtons تاریخ : 2016/02/29
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب
شرکت سئو سایت
تبلیغات
تبلیغات
تبلیغات