هر وب سایتی که بازدید می کنید از صدها عنصر تشکیل شده که شاید در نگاه اول از دید شما پنهان بماند؛ تصاویر، متون، تیترهای مختلف و البته آیکون. در هر شرایطی آیکون های معمول و کسل آور می تواند به سایت شما جلوه بدی ببخشد که ما را به ابزار آنلاینی مانند Icomoon نیازمند می کند. افزودن وکتور به وردپرس اگر به خوبی صورت گیرد، سایت شما بازدیدکنندگان بیشتری را به خود جذب می کند. در Icomoon با مجموعه آیکون های مناسبی طرف هستید که به سایت شما ظاهر حرفه ای خواهد بخشید. شما را با وکتورهای SVG و ابزار برداری آشنا می کنیم و اضافه کردن عناصر را به وردپرس آموزش می دهیم. همراه سون هاست باشید!
معرفی ابزار آنلاین Icomoon
Icomoon سرویسی برای ارائه هزاران آیکون وکتور رایگان و پولی منحصربفرد به حساب می آید. بالاتر از آیکون های جذاب، Icomoon یک برنامه آنلاین برای افزودن وکتور به وردپرس را در اختیارتان قرار می دهد و قلم های مختلفی را به شما برای استفاده در وب سایت عرضه می کند. صفحه اصلی Icomoon را که باز کنید در بخش Icon Packs با سه پلن مختلف با نام های IcoMoon، Linearicons و Lindua روبرو می شوید.
با اینکه برای استفاده از پک Lindua باید مبلغی را پرداخت کنید اما دو پلن دیگر نسخه های رایگانی را در اختیارتان می گذارند. با این وجود پلن های رایگان به شما اجازه اضافه کردن وکتور به وردپرس را می دهند و فرمت های تصویری حرفه ای مانند Ai، EPS، PDF، SVG، PSD و همچنین PNG را در اندازه های مختلف پشتیبانی می کنند.
برای استفاده از این آیکون ها و وکتورهای جذاب باید آن ها را از قبل با وردپرس اقدام کنید. این موضوع را در بخش بعدی پوشش می دهیم پس نگرانی به دلتان راه ندهید!😊
ویژگی های اصلی نسخه رایگان Icomoon:
• دسترسی به 500 آیکون
• خروجی گرفتن از آن ها به چندین فرمت از قبیل Ai، EPS، PDF، TTF، SVG و PSD
افزودن وکتور به وردپرس با ابزار آنلاین Icomoon
دو روش کلی برای اضافه کردن عناصر Icomoon به وردپرس وجود دارد. در ادامه با دو تیتر مجزا آن ها را برایتان بازگو خواهیم کرد.
روش اول: استفاده از برنامه تحت وب Icomoon
اولین راه استفاده از برنامه تحت وب Icomoon است که امکان انتخاب نمادهای دلخواه را می دهد و می توان از آن ها خروجی SVG گرفت.
همانطور که در مثال بالا می بینید، برای این کار تنها باید آیکون ها را انتخاب کنید و به روی دکمه Generate SVG & More در پایین صفحه کلیک کنید:
سپس Icomoon یک فایل فشرده با فرمت zip شامل فایل وکتور تولید می کند. شما می توانید از این فایل برای افزودن وکتور به وردپرس استفاده کنید.
اکنون تنها باید فایل SVG را در وردپرس بارگذاری کنید و آن را به عنوان فایل چندرسانه ای در کتابخانه وردپرس درج کنید. برای اینکه بدانید چگونه باید پشتیبانی SVG در وردپرس را فعال کنید، حتما مطلب نحوه اضافه کردن SVG در وردپرس را مطالعه کنید.
روش دوم: استفاده از آیکون های Icomoon با افزونه
روش دوم استفاده از آیکون های Icomoon به کمک افزونه است. چندین گزینه مفید در این زمینه وجود دارد تا بسته های آیکون ها و وکتورها را در وردپرس وارد کنید. افزونه WP SVG Icons یک گزینه فوق العاده در این زمینه به شمار می رود!
این افزونه شما را به فعالسازی هر عنصر Icomoon در بسته رایگان قادر می سازد. پس از فعال کردن افزونه تمام آیکون های Icomoon را از صفحه WP SVG Icon در پیشخوان وردپرس خود مشاهده کنید:
روی یک آیکون کلیک کنید تا کد کوتاه آن برای استفاده در بخش دلخواه سایت در اختیار شما قرار گیرد. برای افزودن وکتور به وردپرس ابتدا صفحه دلخواه را باز کنید و سپس یک ویجت کد کوتاه انتخاب نمایید. سپس کد کوتاه مربوط به آیکون را در محل مورد نظر قرار دهید:
تبریک شما با موفقیت از پس این آموزش برآمدید!
امیدواریم که این مطلب به اندازه کافی برایتان مفید واقع شده باشد. پیشنهاد می کنیم به وبلاگ سون هاست وارد شوید و از بخش های مختلف آن دیدن فرمایید. در پایان پیشنهادات و سوالات خود را از طریق بخش نظرات با درج کامنت با ما در میان بگذارید.
