سیستم مدیریت محتواوردپرس

چگونه ایکون رسانه های اجتماعی را به وردپرس اضافه کنیم

چگونه نماد رسانه های اجتماعی را به سایت وردپرس اضافه کنیم

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

چگونه ایکون رسانه های اجتماعی را به وردپرس اضافه کنیم

به دو روش می توانید این کار را انجام دهید : افزودن آیکون های اجتماعی با دست یا استفاده از افزونه های وردپرس آیکون های third-party.
اگر تصمیم دارید از افزونه ها استفاده کنید، در اینجا لیستی از موارد مورد تایید ما وجود دارد که می توانید استفاده کنید :
  • Simple Social Icons : (رابط کاربری ساده و شسته و رفته)
  • Social Media Buttons : (به شما امکان می دهد رنگ آیکون های خود را تغییر دهید)
  • Social Icons Widget by WPZOOM : (می تواند اندازه و padding را تنظیم کند، نمادها را با کلمات کلیدی جستجو کند، سبک های مختلفی را نیز برای انتخاب به شما ارائه میدهد)
استفاده از یک افزونه انتخاب خوبی برای مبتدیان است زیرا از نظر ما مهارت فنی زیادی لازم ندارد. با این حال، اکثر آنها شامل شبکه های اجتماعی کم طرفدار نیستند. اگر گزینه ای برای افزودن نمایه اجتماعی خاص خود در افزونه پیدا نکردید، باید این کار را به صورت دستی انجام دهید.
اگرچه با برنامه نویسی روبرو خواهید شد، به شما اطمینان می دهیم که افزودن آیکون شبکه های اجتماعی به وردپرس به هیچ وجه پیچیده نیست. در اینجا چگونگی افزودن آیکون رسانه های اجتماعی به سایت وردپرس را برای شما آورده ایم.

۱. ایکون رسانه ها اجتماعی مورد نظر را انتخاب کنید

یافتن نماد مورد نیاز شما اصلاً سخت نیست. یک جستجوی سریع در گوگل تعداد زیادی انتخاب را در اختیار شما قرار می دهد.
راه حلی برای این کار با فیلتر کردن جستجوی تصویر Google براساس موارد مورد نیاز قابل انجام است. بهImages -> Tools -> Usage rights -> Labeled for reuse بروید.
social media icons for wordpress01 - چگونه ایکون رسانه های اجتماعی را به وردپرس اضافه کنیم
اکنون، Google فقط نتایجی را نشان می دهد که می توانید آزادانه استفاده کنید. در اینجا می توانید به دنبال هر نمادی باشید که دوست دارید.
چند سایت مانند Iconfinder بسته های آیکون رایگان و انواع مختلفی را برای استفاده در اختیار شما قرار می دهد.
هنگامی که آیکون ها را پیدا کردید، آنها را بارگیری کرده و در کتابخانه رسانه وردپرس بارگذاری کنید.

۲. ابزارک ( Widget ) را اضافه کرده و HTML را پیکربندی کنید

اکنون، باید ویجت حاوی آیکون های شبکه های اجتماعی را در سایت خود اضافه کنید.
در داشبورد وردپرس خود، به Customizer -> Widgets بروید. سپس، “Custom HTML” را با کشیدن آن به قسمت هدر، نوار کناری یا پاورقی، اضافه کنید.
عنوان آن را با عنوان “Social Media” پر کنید و کد زیر را در آن کپی کنید.
<div><a href="http://instagram.com/username"><img style="margin:5px" src="[path to your icon]" width="30" height="30" alt="Instagram"></a><a href="http://facebook.com/username"><img style="margin:5px" src="[path to your icon]" width="30" height="30" alt="Facebook"></a><a href="http://youtube.com/user/username" ><img style="margin:5px" src="[path to your icon]" width="30" height="30" alt="YouTube"></a></div>
به Media -> Library بروید و روی نمادی که بارگذاری کرده اید کلیک کنید. نگاهی به ستون URL بیندازید. این پیوند مستقیمی است که باید برای جایگزینی براکت نشان داده شده در کد بالا استفاده کنید.
اطمینان حاصل کنید که URL مستقیم تصویر شما با پسوند پرونده مانند .png یا .jpg به پایان می رسد، در غیر این صورت به این معنی است که کد را اشتباه وارد کرده اید و نمادها نشان داده نمی شوند.
بعد از اینکه جایگزینی قسمت های کد خود را انجام دادید، روی Save کلیک کنید. برای بررسی ابزارک جدید به سایتتان بروید.
social media icons for wordpress02 - چگونه ایکون رسانه های اجتماعی را به وردپرس اضافه کنیم
اکنون که دکمه شبکه های اجتماعی را با موفقیت در سایت خود اضافه کردید، می توانید برای هر دکمه دیگری که می خواهید اضافه کنید فرآیند را تکرار کنید. این موارد بسیار ساده است و وقت زیادی را نمیگیرد، اما به شما در افزایش ارتباطات اجتماعی و سایت شما کمک می کند.
امتیاز ما
برای امتیاز به این نوشته کلیک کنید!
[کل: ۰ میانگین: ۰]

نوشته های مشابه

1 دیدگاه

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

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

دکمه بازگشت به بالا