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

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

این آیکون‌ها مجموعه ای از فونت‌های وب بوده و بسیار مقیاس پذیر هستند. به این معنی که هرچه بزرگتر شوند کیفیت آنها پایین نمی‌آید. علت مقیاس پذیری آنها این است که از فرمت SVG برای آیکون‌ها استفاده می‌کند.

برای اینکه با فرمت SVG آشنایی بیشتری پیدا کنید، مقاله استفاده از SVG در وردپرس را مطالعه کنید.

یکی دیگر از ویژگی‌های عالی افزونه WP SVG Icons امکان استفاده از آیکون‌های یکسان برای همه دستگاه‌ها شامل موبایل، تبلت و دسکتاپ است. نیازی نیست که برای دستگاه‌های تلفن همراه از تصاویر خاص رتینا استفاده کنید که این ویژگی هم به همان فرمت SVG بودن آیکون‌ها برمی‌گردد.

این افزونه برای توسعه دهندگانی که از آیکون‌ها در چندین سایت مختلف استفاده می‌کنند و می‌خواهند دردسر نصب مجدد نداشته باشند، مناسب است.

افزونه Menu Icon، افزونه کاربردی و قدرتمند دیگری است که می توانید از آن برای اضافه کردن آیکون به فهرست ناوبری وردپرس استفاده کنید. آموزش کامل این افزونه را در مقاله آموزش افزونه Menu Icons مطالعه کنید.

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

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

ابتدا افزونه را از پایین صفحه دریافت نموده و آن را در سایت خود در بخش افزونه‌ها نصب کنید. اگر منو افزونه را ندیدید یا اطلاعات جزئی تری لازم دارید، به راهنمای گام به گام ما در مورد آموزش نصب افزونه وردپرس مراجعه کنید.

بعد از اینکه افزونه نصب شد آن را فعال کنید. پس از فعال سازی افزونه، منوی جدیدی به نام WP SVG Icons در پیشخوان وردپرس اضافه می‌شود.

با کلیک بر روی این منو صفحه ای مشابه شکل زیر نشان داده می‌شود.

استفاده از این افزونه بسیار آسان است. کافی است در این صفحه روی هر آیکونی که می‌خواهید به سایت خود اضافه کنید، کلیک نمایید. پیش نمایشی از آیکون در باکس Icon Preview در بالای صفحه ظاهر می‌شود.

تگ HTML ی که می‌خواهید آیکون در آن قرار گیرد (شامل h1، h2، h3، span، div، i و b) را انتخاب کنید. تگ پیش فرض i است که می توانید آن را در صفحه تنظیمات افزونه تغییر دهید.

با انتخاب هر آیکون، شورت کدی در کنار آن نمایش داده می شود که شما می‌توانید شورت کد تولید شده را کپی کرده و آن را در هر نوشته یا برگه ای که می‌خواهید آیکون نمایش داده شود، وارد کنید.

توجه داشته باشید که در ویرایشگر گوتنبرگ وردپرس باید این کار را از طریق بلوک کد کوتاه انجام دهید.

در ویرایشگر کلاسیک وردپرس، پس از نصب و فعال‌سازی افزونه، در نوار ابزار ویرایشگر نوشته/برگه دکمه‌ای به نام Add Icon اضافه می‌شود.

با کلیک روی این دکمه صفحه ای مشابه شکل زیر نمایش داده می‌شود.

در این صفحه می‌توانید آیکون مورد نظر خود را در آن انتخاب کرده و با کلیک روی دکمه Insert Icon آن را وارد صفحه کنید.

ایمپورت کردن آیکون‌ها

افزونه WP SVG Icons به شما امکان می‌دهد که یک بسته سفارشی فونت را در سایت وردپرس خود ایمپورت کنید. برای این کار در پیشخوان وردپرس به مسیر WP SVG Icons » Custom Icon Set بروید. صفحه ای مشابه شکل زیر مشاهده می‌کنید.

روی دکمه Browse کلیک کرده و فایل بسته سفارشی فونت را از سایت وردپرس خود انتخاب کنید.

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

اگر یک بسته جدید آیکون در سایت خود نصب کرده اید اما همچنان آیکون‌های قدیمی‌ در سایت شما نمایش داده می‌شوند، لازم است کش مرورگر را پاک کنید.

تنظیمات افزونه WP SVG Icons

افزونه WP SVG Icons تنظیمات محدودی دارد. این افزونه طوری طراحی شده است که کاربرپسند و برای استفاده آسان باشد که منجر به گزینه‌های محدود برای تنظیمات می‌شود.

برای دسترسی به صفحه تنظیمات افزونه WP SVG Icons در پیشخوان وردپرس به مسیر WP SVG Icons » Settings بروید. صفحه‌ای مشابه شکل زیر مشاهده می‌کنید.

• Load Default Icons: اگر این گزینه را فعال باقی نگه دارید، استایل شیت بسته آیکون پیش فرض در فرانت اند بارگذاری می‌شود.
• Default Icon Elements: در این قسمت می‌توانید تگ html پیش فرض آیکون‌ها را انتخاب کنید. گزینه پیش فرض i است.
• Clear Data on Uninstall: اگر این گزینه را فعال نگه دارید، با غیرفعال کردن یا پاک کردن افزونه، بسته سفارشی شما و تمام فایل‌های مربوط به آن پاک می‌شوند.

پس از اعمال تغییرات مورد نظر خود روی دکمه ذخیره تغییرات کلیک کنید.

جمع بندی

افزونه WP SVG Icons یک افزونه ساده و قدرتمند است که به شما امکان می دهد آیکون های SVG را در سایت وردپرس خود بارگذاری کنید. این آیکون ها با زوم کردن تغییر کیفیت نمی دهند و در تمام دستگاه ها شامل دسکتاپ، تبلت و موبایل به درستی نمایش داده می شوند.

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

دانلود افزونه