ویجت مناسب برای اضافه کردن آیکون های سوشال مدیا به فوتر

[baharsh 9]

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

[asadiy4n 2787]

سلام

چرا یه کد html ساده رو داخل فوتر نمیذارید ؟

 

[baharsh 9]

در ۱ ساعت قبل، asadiy4n گفته است :

سلام

چرا یه کد html ساده رو داخل فوتر نمیذارید ؟

 

سلام جناب اسدیان عزیز
خیلی به کد زنی وارد نیستم
شخصی سازی نمی تونم بکنم
با افزونه راحتت تر می تون کار کنم

 

[mr-programer.ir 61]

در 11 ساعت قبل، baharsh گفته است :

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

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

 

[asadiy4n 2787]

در 10 ساعت قبل، baharsh گفته است :

سلام جناب اسدیان عزیز
خیلی به کد زنی وارد نیستم
شخصی سازی نمی تونم بکنم
با افزونه راحتت تر می تون کار کنم

اول این مطالب رو ببینید

https://www.wpbeginner.com/plugins/how-to-add-social-media-icons-to-wordpress-menus/

اگر هم سایتتون از fontawesome پشتیبانی می کنه تا یه نمونه براتون ارسال کنم

البته اضافه کردن fontawesome هم کاری نداره اگر لازم شد بگید راهنماییتون کنم

[baharsh 9]

در 11 ساعت قبل، asadiy4n گفته است :

اول این مطالب رو ببینید

https://www.wpbeginner.com/plugins/how-to-add-social-media-icons-to-wordpress-menus/

اگر هم سایتتون از https://www.wpbeginner.com/plugins/how-to-add-social-media-icons-to-wordpress-menus/پشتیبانی می کنه تا یه نمونه براتون ارسال کنم

البته اضافه کردن fontawesome هم کاری نداره اگر لازم شد بگید راهنماییتون کنم

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

 

[asadiy4n 2787]

خواهش می کنم

لینک زیر رو مشاهده کنید، تمامی آیکون هایی که در این صفحه قرار دارن با اضافه کردن اسکریپ fontawesome در دسترس هست

https://fontawesome.com/v4.7/icons/

اضافه کردن اسکریپت

https://fontawesome.com/v4.7/get-started/

 

شما بعد از اضافه کردن اسکریپت به راحتی می تونید از هرکدوم از آیکون ها استفاده کنید مثال

https://jsfiddle.net/solodev/tumhumpy/

برای استفاده از هر آیکون هم کافیه در لینک اولی که بهتون دادم روی هر آیکونی که می خواید کلیک کنید یه کد بهتون میده اون کد رو در سایت خودتون قرار بدید آیکون نمایش داده میشه

در مورد بخشی که شما میخواید به فوتر اضافه کنید کافیه ایکون رو داخل لینک قرار بدید مثال

<div class="footer-widget social">
  <a href="http://facebook.com/yourpage/"><i class="fa fa-facebook-square" aria-hidden="true"></i></a>
</div>

بسته به نوع قالب هم می تونید یه استایل متفاوت بهش بدید

مثال در فایل css

.footer-widget.social{
	/* هر چیزی */ 
}

 

یه کار راحت تر هم اینه که در بخش فهرست های وردپرس ( قسمت لینک سفارشی ) لینک پیج مثال فیسبوک رو قرار بدید و به جای اسم پیج از آیکون های fontawesome استفاده کنید یعنی جای اسم این کد <i class="fa fa-facebook-square" aria-hidden="true"></i> رو قرار بدید.

سوالی بود در خدمتم