تبلیغات تبلیغات
حراجی دامنه های ویژهمشاهده
تبلیغات
تبلیغات تبلیغات

نمایش آیکون‌های SVG در وردپرس با افزونه WP SVG Icons

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

نمایش آیکون‌های SVG در وردپرس

به طور کلی فایل‌های گرافیکی کاربرد بسیاری در مطالب سایت شما دارند و بسیاری از افراد برای زیبایی و درک مطالب از آیکون‌ها استفاده می‌کنند. به طور پیش فرض تعداد آیکون ها محدود است، میتوانید برای اینکه آیکون های متفاوتی را دیده و در کنار منو ها و مطالب تون به نمایش بگذارید از آیکون های svg استفاده کنید.

 

تنها با نصب و فعال سازی افزونه WP SVG icons در پیشخوان وردپرسیتون میتونید این عمل را انجام دهید. در ادامه با ما همراه باشید تا نحوه کار با افزونه را به صورت کامل برای شما عزیزان 20 اسکریپتی توضیح دهم.

 

نحوه کار با افزونه WP SVG icons

در ابتدای کار افزونه را نصب و فعال نمایید. پس از فعال سازی افزونه، گزینه جدیدی تحت عنوان WP SVG icons در پیشخوان وردپرس ظاهر می شود. دارای چندین زیر منو است، روی زیر منو default icon set کلیک کنید. در اینجا آیکون های زیبا و متفاوتی را مشاهده می کنید. به دو روش میتونید آیکون ها پیش فرض افزونه را در صفحه یا نوشته سایت خود نشان دهید.

 

در همین صفحه آیکون مورد نظرتون را انتخاب کنید، سپس در بالای صفحه شورتکد آیکون را کپی و در نوشته خود جایگذاری کنید. و یا در روش دوم به نوشته و صفحه مورد نظر خود برید و در بخش ویرایشگر در بالای صفحه روی دکمه add icon مانند تصویر زیر کلیک کرده و آیکون دلخواه خود را انتخاب و در آخر روی دکمه insert icon کلیک کنید.

نمایش آیکون‌های SVG در وردپرس با افزونه WP SVG Icons

حال شورتکد آیکون به محتوای نوشته و صفحه اضافه می شود. آن را به روز رسانی کرده و نوشته را اجرا کرده و از آیکون اضافه شده لذت ببرید. شما میتونید چندین آیکون را در کنار هم در یک نوشته یا صفحه نشان دهید.

نمایش آیکون‌های SVG در وردپرس با افزونه WP SVG Icons

حال به زیر منو custom icon set برید. در اینجا میتونید آیکون های سفارشی درون ریزی و در سایت نمایش دهید. در ابتدا به وب سایت IcoMoon برید و آیکون های که دوست دارید را انتخاب و به کتابخانه اضاف و در آخر دانلود و در اینجا درون ریزی کنید. بعد در بخش ویرایشگر پس از فشردن دکمه add icon به تب custom pack رفته و آیکون سفارشی را انتخاب و اضافه کنید.

نمایش آیکون‌های SVG در وردپرس با افزونه WP SVG Icons

موفق و پیرز باشید.

این مقاله چقدر براتون مفید بود؟

از ۱ تا ۵ امتیاز بدید.

میانگین رتبه 0 / 5. تعداد رای : 0

تا حالا کسی رای نداده! اولین نفر شما باشید.

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

هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >
هاست وردپرس پرسرعت لیموهاست - آپ تایم 99% - مخصوص وردپرس خرید هاست >
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 0 افزونه ها , افزونه وردپرس
لینک کوتاه مطلب : https://www.20script.ir/?p=40586
کلمات کلیدی پست :
مطالب مرتبط
9,239افزونه خبرنامه My Mail نسخه 2.0.18 برای وردپرس تاریخ : 2014/11/23
8,932افزونه انتقال خودکار مطالب از فید با اتوبلاگ تاریخ : 2014/10/9
5,488جلوگیری از ویرایش پست‌های منتشر شده وردپرس تاریخ : 2018/09/7
8,268درگاه پرداخت آرین پال برای افزونه EDD تاریخ : 2017/10/21
8,744افزونه وردپرس پست روولوشن Post Revolution تاریخ : 2016/08/14
7,242افزونه ساخت تایم لاین در وردپرس MelonHTML5 تاریخ : 2017/11/19
7,828ایجاد پنجره پاپ آپ فرم ثبت نام در وردپرس با افزونه PopupAlly تاریخ : 2017/12/18
4,132افزونه وردپرس اشتراک گذاری مطالب در شبکه های اجتماعی Social Media Share Buttons تاریخ : 2019/06/22
13,626افزونه خبرخوان حرفه ای وردپرس WP Pipes تاریخ : 2017/10/1
10,944افزودنی Happy Elementor Addons Pro برای افزونه وردپرس Elementor Pro تاریخ : 2019/12/26
7,376افزونه جانبی تمام صفحه FullPage برای صفحه ساز WPBakery تاریخ : 2018/08/27
7,516آموزش پشتیبانی گیری در وردپرس تاریخ : 2016/08/27
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب
تبلیغات
تبلیغات