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

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

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

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

 

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

 

نحوه کار با افزونه 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

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

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

Add a Comment

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