سبد خرید
0

هیچ محصولی در سبد خرید نیست.

آموزش افزودن آیکون به لینک‌های اجتماعی در وردپرس (در صورت تنظیم اونها با متن)

آموزش افزودن آیکون به لینک‌های اجتماعی در وردپرس (در صورت تنظیم اونها با متن)

این آموزش به شما نشون میده چطور نمادهایی برای لینک‌های اجتماعی در وردپرس اضافه کنین (زمانی‌که به طور پیش‌فرض با متن تنظیم شده باشن).

لینک‌های اجتماعی ممکنه با متن یا با نمادها نمایش داده بشن. در برخی از قالب‌ها، لینک‌ها به صورت متن نشون داده میشن و گزینه‌ای برای جایگزینی متن با نماد در داشبورد وردپرس وجود نداره:

آموزش افزودن آیکون به لینک‌های اجتماعی در وردپرس (در صورت تنظیم اونها با متن)

 

 

اگر برای کارهایی که انجام میدین نقشه راه نداشته باشین، ممکنه که یک مشکل واقعی به نظر برسه. به همین دلیل ما خوشحالیم که این آموزش رو به شما ارائه میدیم.

برای افزودن نماد برای لینک‌های اجتماعی وبسایت وردپرستون، لطفا مراحل ذکر شده در زیر رو دنبال کنین:

اضافه کردن نمادهای FontAwesome:

  • اول از همه، شما باید نمادها رو اضافه کنین. این رو میتونین با کمک قوانین CSS انجام بدین. برای اضافه کردن قوانین، لطفا وارد پنل مدیریت وردپرس بشین و به تب Appearance -> Editor برین. فایل style.css رو باز کنین و به انتهای فایل برین.
  • باید قوانینی ایجاد کنین که از selectorها برای عناوین لینک‌های اجتماعی و  عنصر ::before  استفاده کنن. قوانین به شکل زیر خواهند بود:

  • در ” ” محتوای ویژگی: باید یک نماد FontAwesome وارد کنین. برای انجام این کار، باید نماد رو از FontAwesome 3.2.1 Cheatsheet در داخل ” “ پیدا کرده و کپی کنین. (لطفا توجه داشته باشین که باید خود نماد رو کپی کنین نه کدش رو):
پست پیشنهادی :  آموزش به‌روزرسانی موتور وردپرس به صورت دستی

آموزش افزودن آیکون به لینک‌های اجتماعی در وردپرس (در صورت تنظیم اونها با متن)

 

 

  • در این قانون میتونین اندازه فونت نمادها رو هم تعریف کنین. به عنوان مثال، با ویژگی css property font-size: 40px !important، اون رو روی 40 پیکسل قرار میدیم.
  • حالا باید قوانینی رو برای بقیه لینک‌های اجتماعی که در قالب استفاده میشن ایجاد کنین. قانون رو هر چند بار که لازمه کپی پیست کنین و عنوان لینک اجتماعی رو در انتخابگر [title=”facebook”] تغییر بدین. بعد، آیکون‌هایی رو که نیاز دارین از FontAwesome 3.2.1 Cheatsheet در content: “” !important کپی کنین؛ قوانین رو به صورت زیر دریافت خواهید کرد:

  • بعد از تکمیل قوانین، روی دکمه Update File کلیک کنین تا تغییرات ذخیره بشن:

آموزش افزودن آیکون به لینک‌های اجتماعی در وردپرس (در صورت تنظیم اونها با متن)

 

 

حذف متن لینک‌های اجتماعی

فایل static-social-networks.php رو در تب Appearance -> Editor پنل مدیریت وردپرستون باز کنین.

با کمک فانکشن جستجوی Ctrl + F خط زیر رو پیدا کنین (نزدیک به انتهای فایل):

پست پیشنهادی :  آموزش رفع پیام خطای Stylesheet is missing در حین نصب پوسته وردپرس

آموزش افزودن آیکون به لینک‌های اجتماعی در وردپرس (در صورت تنظیم اونها با متن)

 

 

لطفا اون خط رو حذف کنین.

برای ذخیره تغییرات، روی دکمه Update File کلیک کنین.

وبسایتتون رو به روز کنین تا نمادهایی که نشان‌دهنده لینک‌های اجتماعی در وبسایتتون هستن رو مشاهده کنین:

آموزش افزودن آیکون به لینک‌های اجتماعی در وردپرس (در صورت تنظیم اونها با متن)

 

 

ارسال دیدگاه

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

توسط
تومان