آیکون در وردپرس

افزونه svg-vector-icon یک پکیج از آیکون های مختلف که شما می توانید به آسانی از آنها در پست ها و صفحات ورپرس خود استفاده کنید!

این افزونه ۵۰۰ آیکون مختلف را جهت جایگذاری در بخش های مختلف پوسته وردپرس در اختیار شما قرار می دهد.

ویژگی های افزونه:

•  افزودن بیش از ۵۰۰ آیکون پیش فرض با نصب افزونه

• امکان بارگذاری آیکون های دلخواه SVG

• دانلود و درون ریزی پک سفارشی آیکون فونت ها از IconMoon

• جایگذاری آیکون درون نوشته های به صورت مستقیم

• کلاس های پیش فرض تعریف شده جهت نمایش آیکون ها

• دسترسی سریع به کد آیکون ها از طریق صفحه افزونه

طریقه استفاده از این افزونه وردپرسی:

پس از نصب و فعال سازی افزونه، از منو سمت راست مدیریت وردپرس WP SVG Icons را انتخاب کنید:

در این صفحه همانند شکل زیر تمام آیکون ها و کد کربوط به آن قابل مشاهده خواهد بود:

کد مارک شده را از کادر مقابل کلمه example کپی و در مکان مورد نظر جایگذاری نمایید.

جهت ویرایش مشخصات آیکون ها می توانید به دو روش زیر عمل کنید:

1. افزودن صفات 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 و درون ریزی آنها

1. به IconMoon مراجعه نموده و آیکون های دلخواه خود را انتخاب نمایید ( توصیه می شود برای افزایش سرعت بارگیری سایت  به جای پک اصلی افزونه یا پک کامل آیکون فونت ها ، آیکون های دلخواه خود را انتخاب نموده درون ریزی نمایید .)
2. می توانید آیکون های بیشتری را از کتابخانه IconMoon وارد نمایید.
3. بر روی دکمه Font در انتهای صفحه (IconMoon) کلیک نمایید.
4. بر روی Prefrence در ابتدای صفحه کلیک نموده نام فونت و پیشوند فونت ها را وارد نمایید (توصیه می شود با – پایان یابد).
5. بعد از ذخیره ، روی دکمه Download در انتهای صفحه کیلک نمایید.

بهترین قالب ها و افزونه های وردپرس در عصر اینترنت