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

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

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

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

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

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

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

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

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

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

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

 

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

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

svg-vector-icon-menu

 

 

 

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

 

svg-vector-icon-page

 

 

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

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

  1. افزودن صفات css به تگ span : در این روش می بایست صفت css مورد نظر خود را با استفاده از style به تک تک آیکون ها اضافه نمایید.

[codesyntax lang=”css”]

<div data-icon="" style="font-size:3em;"></div>

[/codesyntax]

 

2 . افزودن کلاس دلخواه به تگ 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 در انتهای صفحه کیلک نمایید.

 

icon

 

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

 

down

 

 

نظرات کاربران :

دیدگاهتان را بنویسید

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

این سایت از اکیسمت برای کاهش هرزنامه استفاده می کند. بیاموزید که چگونه اطلاعات دیدگاه های شما پردازش می‌شوند.