رفتن به مطلب

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


baharsh

پست های پیشنهاد شده

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

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

سلام

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

 

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

 

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

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

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

 

فروش ویژه زباله خرد کن ظرفشویی - Modern Kitchens

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

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

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

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

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

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

لینک به ارسال
در 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 هم یه توضیحی بدید
سپاسگزارم

 

لینک به ارسال

خواهش می کنم

لینک زیر رو مشاهده کنید، تمامی آیکون هایی که در این صفحه قرار دارن با اضافه کردن اسکریپ 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> رو قرار بدید.

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

 

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...