HamyarWP - همیاروردپرس
HamyarWP - همیاروردپرس
خواندن ۲ دقیقه·۲ سال پیش

به کار بردن آیکون ها در وردپرس

در سایت‌ها گاهی به آیکون‌هایی در قسمت‌های مختلف برخورد می‌کنیم که ظاهر جالبی را نشان می‌دهند. مثلا آیکون‌هایی که در صفحه تماس با ما برای آدرس ایمیل، شماره تماس، فکس و … قرار می‌گیرد خود یک راهنمای مشخص است. آیا می‌خواهید از این آیکون‌ها در ویرایشگر وردپرسی استفاده کنید؟ آیکون‌ها به شما این امکان را می‌دهند که به راحتی از تصاویر و نمادها در متن استفاده کنید. آنها سبک بوده و سرعت سایت را به هیچ وجه کاهش نمی‌دهند و به راحتی می‌توان آن‌ها را در هر اندازه‌ای کوچک کرد و مانند هر فونت متن دیگری استایل داد.

استفاده از آیکون در وردپرس

ما دو روش را درنظر گرفتیم که هر یک برای ویرایشگرهای کلاسیک و گوتنبرگ متفاوت است. شما با توجه به ویرایشگر خود یکی را انتخاب کرده و مورد استفاده قرار دهید.

۱- افزونه Font Awesome برای ویرایشگر کلاسیک

Font Awesome افزونه‌ای حرفه‌ای و تقریبا باتجربه‌ای است که می‌توان با نصب آن، استفاده از آیکون در وردپرس را امکانپذیر ساخت.در این روش با افزودن کد کوتاه در ویرایشگر می‌توانید آیکون‌ها را به نمایش درآورید. اگر نیازی به استفاده منظم از آیکون‌ در پست‌ها و صفحات وردپرس خود ندارید، می‌توانید از این روش استفاده کنید.

۲- افزونه JVM Gutenberg Rich Text Icons برای گوتنبرگ

استفاده از این روش در هر نوع وبسایت وردپرسی توصیه می‌شود. استفاده از آن آسان بوده و با ویرایشگر بلوک کاملا سازگار است.ابتدا باید افزونه JVM Rich Text Icons را نصب و فعال کنید. پس از فعال سازی، یک نوشته یا برگه جدید ایجاد کنیدو در ویرایشگر، یک بلوک پاراگراف جدید اضافه کنید تا یک نماد پرچم جدید را در نوار ابزار بلوک ببینید.با کلیک بر روی آن پنجره‌ای از نمادها برای انتخاب نمایش داده می‌شود. به طور پیش فرض از آیکون‌های محبوب Font Awesome استفاده می‌کند. می‌توانید از جستجو برای یافتن یک نماد استفاده کنید یا به سادگی به پایین بروید تا نماد مورد نظر خود را پیدا کنید و سپس برای افزودن آن کلیک کنید.

استفاده از آیکون در وردپرس

گاهی اوقات برای جذابیت دادن به سایت خود نیازمند کمک گرفتن از آیکون‌ها هستیم. اما این آیکون‌ها در وردپرس بطور پیش‌فرض موجود نیست و باید برای استفاده از آن‌ها در ویرایشگر خود حتما از افزونه‌ها کمک بگیریم. امروز دو افزونه حرفه‌ای برای این منظور معرفی کردیم که می‌توانید با کمک آن استفاده از آیکون در وردپرس را با اشکال مختلف امکانپذیر سازید.

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