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

نمایش آیکون‌های 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 کلیک کنید >
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 0 افزونه ها , افزونه وردپرس
لینک کوتاه مطلب : https://www.20script.ir/?p=40586
کلمات کلیدی پست :
مطالب مرتبط
9,472افزونه بررسی سن کاربران در وردپرس Age Checker تاریخ : 2020/10/7
8,392آموزش عیب‌ یابی وب سایت وردپرسی تاریخ : 2018/06/26
6,044افزونه نمایش مطالب مرتبط هوشمند Inline Related Posts Pro تاریخ : 2021/03/9
7,936افزونه یک بیت شعر برای وردپرس تاریخ : 2016/05/20
20,126افزونه وردپرس نمایش نتایج زنده فوتبال Soccer Live Scores تاریخ : 2016/08/30
2,284ساخت تصاویر شاخص به صورت اتوماتیک در وردپرس با افزونه Magic Post Thumbnail Pro تاریخ : 2021/12/23
25,305قالب دیزاینر نسخه 0.6 برای وردپرس تاریخ : 2014/12/10
12,874افزونه وردپرس بررسی رتبه کلمات کلیدی Rankie فارسی تاریخ : 2016/05/10
6,280آموزش اجرای کدهای php در مطالب وردپرس تاریخ : 2019/11/19
9,616افزونه ایجاد دکمه های اشتراک گذاری مطالب وردپرس Super Socializer تاریخ : 2017/12/3
9,360مدیریت صفحه پرداخت در ووکامرس با افزونه WooCommerce Checkout Manager تاریخ : 2019/03/12
8,952افزونه وردپرس نمایش سوالات متداول به صورت آکاردئون Accordion FAQ تاریخ : 2019/05/23
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب
indiegogo
sourceforge
profile webmaster
profile webmaster
profile
profile check
سئو سایت
تبلیغات