آموزش های وردپرسخانهسیستم مدیریت محتواعمومی

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

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

استفاده از فونت آیکون در وردپرس یکی از راه‌هایی هستش که با استفاده از اون میتونید رابط کاربری سایت خودتون را بهبود ببخشید و در هر بخش از سایت که از دکمه‌های دانلود و موارد مهمی استفاده می‌کنید از مجموعه فونت آیکون‌های فونت font awesome که شامل یک مجموعه بسیار زیادی از وکتورها در قالب فونت آیکون هستند که در موارد زیادی مثل شبکه‌های اجتماعی، اپلیکیشن‌ها، سایت‌ها، علائم و… را شامل می‌شوند استفاده کنید. استفاده از فونت آیکون در وردپرس و افزودن آیکون‌های این مجموعه فونت باعث زیبایی دوچندان در سایت وردپرسی شما میشه و میتونید ساختار منظم‌تری در سایت خودتون برای هر بخش از سایت استفاده کنید.

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

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

افزونه‌ای که قصد معرفی اونو دارم با عنوان Better Font Awesome در مخزن وردپرس به ثبت رسیده تا حالا تونسته تا بیش از 90.000 نصب فعال و کسب امتیاز 4.9 را ازآن خودش بکنه که با استفاده از این افزونه میتونید تا اقدام به نصب مجموعه فونت font awesome در وردپرس کنید. برای استفاده از این افزونه ابتدا با کلیک روی دکمه زیر اونو از مخزن وردپرس دریافت کرده و سپس با استفاده از آموزش نحوه نصب و کار کردن با افزونه ها در وردپرس اقدام به نصب و فعال سازی این افزونه در سایت وردپرسی خودتون بکنید.

دانلود افزونه Better Font Awesome

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

استفاده از فونت آیکون در وردپرس

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

Use minified CSS: برای اینکه استایل‌های مجموعه فونت آیکون Font Awesome دارای حجم مختلفی هستند با فعال کردن این گزینه قادر هستید تا از نسخه‌ی Minify که شامل کم‌حجم‌ترین نسخه این مجموعه فونت آیکون هست استفاده کنید تا در سرعت بارگزاری صفحات تاثیرزیادی نداشته باشد.

Remove existing Font Awesome: اگر از افزونه‌های جانبی دیگه استفاده می‌کنید و یا اینکه افزونه دیگه‌ای تو سایتتون دارید که این مجموعه فونت در اون قرار دارد برای جلوگیری از لود مجدد فایل آیکون توسط اون افزونه تیک این گزینه را فعال کنید تا فونت آیکون‌های مورد نیاز برای اون افزونه هم از طریق همین افزونه لود و بارگذاری شوند.

Hide admin notices: این گزینه برای اینه که تا هرزمان به هر دلیلی فونت‌ها لود نشدند در بخش پیشخوان پیغام خطایی برای شما نمایش داده بشه تا سریعا مشکل را برطرف کنید.

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

استفاده از فونت آیکون در وردپرس

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


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

1[icon name=“wordpress” class=“” unprefixed_class=“”]

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


fa-3x

1fa3x

در تصویر زیر به صورت Gif. نحوه استفاده از فونت آیکون Font Awesome در وردپرس را مشاهده می‌کنید.

استفاده از فونت آیکون در وردپرس

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



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


آموزش افزودن فونت آیکون Font Awesome در
آموزش افزودن فونت آیکون Font Awesome در وردپرس کلکسیون طراحی


آموزش اضافه کردن فونت آیکون در وردپرس
آموزش اضافه کردن فونت آیکون در وردپرس - وبجامه - مرجع آموزش وب در


آیکون های مختلف در وردپرس-استفاده از آیکون های مختلف در وردپرس
افزودن فونت آیکون با کدنویسی. اگر تمایلی به استفاده از افزونه ندارید میتوانید با استفاده از کدنویسی آیکون های مختلف در وردپرس را در قالب خود اضافه کنید.


آموزش اضافه کردن فونت آیکون در وردپرس - وبجامه - مرجع
ما در این آموزش از مجموعه فونت Font Awesome استفاده خواهیم کرد که محبوبترین مجموعه فونت آیکون رایگان است که میتوانید از آن استفاده کنید. قصد داریم تا در آموزش اضافه کردن فونت آیکون در وردپرس نحوه اضافه کردن این ویژگی را به


افزودن آیکونهای مختلف در وردپرس - مجموعه آموزشی شهر وردپرس
در آموزش افزونه Better Font Awesome میخواهیم افزونهای را معرفی کنیم که جایگزینی زیبا بهعنوان آیکونهای ساده و معمولی در سایت هستند. افزونهای با بیش از 700 طرح زیبا و خاص خود که جلوهای زیبا به سایت خواهد داد. برای


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


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


آموزش افزودن فونت آیکون به قالب وردپرس
29.09.2019 آموزش افزودن فونت آیکون به قالب وردپرس با افزونه. یکی از راحت ترین و بهترین روش ها استفاده از افزونه است . در حال حاضر فونت آیکون های مختلفی وجود دارند و یکی از بهترین آنها FontAwesome است . به همین


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

برچسب ها

دیدگاهتان را بنویسید

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

سه × 3 =

دکمه بازگشت به بالا
بستن