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

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

آیکون فونت یا Icon font به مجموعه ای از وکتورها گفته می شود که در فایل هایی عمومی با پسوند فونت یعنی ttf یا woff قرار داده می شود.و طراح وب سایت می تواند تنها با بارگزاری این فونت توسط تابع @font-face در فایل Css خود، به مجموعه ای از این آیکون ها دسترسی داشته باشد.یکسری آیکون هایی وجود دارد مانند آیکون سایت فیس بوک ، توییتر ، Rss ، و …. که اگر میانگین بگیریم تقریبا در تمامی وب سایت ها از آن استفاده می شود.تا قبل از این تکنیک آیکون فونت، طراحان بایستی برای هر کدام از این شکلک ها یک فایل عکس PNG ذخیره می کردند و توسط Background آن را در وب بارگزاری می کردند….اما امروزه با این کار بدلیل ایجاد درخواست کم تر برای لود عکس ها ، در سرعت بالا آمدن وب سایت بسیار تاثیر گذار بوده و آن را افزایش می دهد.
از جمله آبکون فونت های معروف میتوان به پکیج Awesome Font اشاره کرد.این مجموعه آیکون فونت می تواند تمامی نیاز های عمومی شما را برای آیکون های یک وب سایت برآورده سازد.در ضمن پشتیبانی قوی فریم ورک بوت استرپ Bootstrap دلالت بر محبوبیت این پکیج دارد.

 

افزونه WP Visual Icon Fonts استفاده از آیکن یا فونت آیکن در نوشته های وردپرس

 

افزونه WP Visual Icon Fonts

افزونه WP Visual Icon Fonts که برای سیستم مدیریت محتوای وردپرس نوشته شده است.دو پکیج معروف آیکون فونت یعنی Awesome Font و GenerIcon را شامل می شود.همان طور که بیان شد برای استفاده از آیکون فونت ها در صفحات وب خود نیاز به نوشتن کد های Css است.اما نویسندگانی که با وردپرس مطلب می نویسند در ویرایشگر متن وردپرس این امکان به خوبی تعبیه نشده است.اما شما می توانید با نصب افزونه WP Visual Icon Fonts تمامی این دو مجموعه آیکون را در ویرایشگر متن وردپرس خود داشته باشید.

حتما بخوانید : افزودن CSS سفارشی به وردپرس با WP Add Custom CSS 

نحوه استفاده از آن نیز بسیار ساده است ابتدا افزونه را در وردپس نصب و فعال کنید سپس لیست آیکون ها در ویرایشگر متن شما مانند شکل زیر ظاهر می شود و می توانید برای زیبایی در بین متون خود از آنها بهره ببرید.در کنار دکمه Add media یک دکمه به نام Icons ایجاد شده است.

 

دانلود از مخزن وردپرس

افزونه رایگان وردپرس وبلاگ سایت
آموزش و پروژه رایگان برنامه نویسی

2 نظر

  1. سلام. منوی وب سایت شما خیلی قشنگه از چه افزونه ای استفاده کردین؟

    • محمود شعبانی مدیر سایت

      سلام البته این منو از هیچ افزونه ای استفاده نکرده ولی اگر میخواهید منوی های زیبا و مگا طراحی کنید از افزونه wr megamenu استفاده کنید.

دیدگاه خود را بیان کنید

طراحی سایت