افزونه svg-vector-icon یک پکیج از آیکون های مختلف که شما می توانید به آسانی از آنها در پست ها و صفحات ورپرس خود استفاده کنید!
این افزونه ۵۰۰ آیکون مختلف را جهت جایگذاری در بخش های مختلف پوسته وردپرس در اختیار شما قرار می دهد.
افزونه svg-vector-icon یک پکیج از آیکون های مختلف که شما می توانید به آسانی از آنها در پست ها و صفحات ورپرس خود استفاده کنید!
این افزونه ۵۰۰ آیکون مختلف را جهت جایگذاری در بخش های مختلف پوسته وردپرس در اختیار شما قرار می دهد.
ویژگی های افزونه:
-
افزودن بیش از ۵۰۰ آیکون پیش فرض با نصب افزونه
-
امکان بارگذاری آیکون های دلخواه SVG
-
دانلود و درون ریزی پک سفارشی آیکون فونت ها از IconMoon
-
جایگذاری آیکون درون نوشته های به صورت مستقیم
-
کلاس های پیش فرض تعریف شده جهت نمایش آیکون ها
-
دسترسی سریع به کد آیکون ها از طریق صفحه افزونه
طریقه استفاده از این افزونه وردپرسی:
پس از نصب و فعال سازی افزونه، از منو سمت راست مدیریت وردپرس WP SVG Icons را انتخاب کنید:
در این صفحه همانند شکل زیر تمام آیکون ها و کد کربوط به آن قابل مشاهده خواهد بود:
کد مارک شده را از کادر مقابل کلمه example کپی و در مکان مورد نظر جایگذاری نمایید.
جهت ویرایش مشخصات آیکون ها می توانید به دو روش زیر عمل کنید:
- افزودن صفات css به تگ span : در این روش می بایست صفت css مورد نظر خود را با استفاده از style به تک تک آیکون ها اضافه نمایید.
[codesyntax lang=”css”]
<div data-icon="" style="font-size:3em;"></div>
[/codesyntax]
۲ . افزودن کلاس دلخواه به تگ span : جهت افزایش سرعت بارگیری صفحات و خودداری از کدنویسی های تکراری کلاس خاصی را به تگ span کدها افزوده سپس این کلاس را در شیوه نامه پوسته معرفی نموده ویرایش می نمایید :
[codesyntax lang=”php”]
<div data-icon="" class="wordpress-icon"></div> .wordpress-icon{ color:#007ab7; font-size:3em; border : 1px dashed #007ab7; border-radius : 4px; padding : 5px; }
[/codesyntax]
انتخاب آیکون های دلخواه از IconMoon و درون ریزی آنها
- به IconMoon مراجعه نموده و آیکون های دلخواه خود را انتخاب نمایید ( توصیه می شود برای افزایش سرعت بارگیری سایت به جای پک اصلی افزونه یا پک کامل آیکون فونت ها ، آیکون های دلخواه خود را انتخاب نموده درون ریزی نمایید .)
- می توانید آیکون های بیشتری را از کتابخانه IconMoon وارد نمایید.
- بر روی دکمه Font در انتهای صفحه (IconMoon) کلیک نمایید.
- بر روی Prefrence در ابتدای صفحه کلیک نموده نام فونت و پیشوند فونت ها را وارد نمایید (توصیه می شود با – پایان یابد).
- بعد از ذخیره ، روی دکمه Download در انتهای صفحه کیلک نمایید.
بهترین قالب ها و افزونه های وردپرس در عصر اینترنت