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

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

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

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

چرا باید آیکون های اجتماعی در وردپرس داشته باشید؟

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

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

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

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

3 روش برای افزودن آیکون های رسانه های اجتماعی به وردپرس

سه روش برای افزودن آیکون های رسانه های اجتماعی به وب سایت وردپرس شما وجود دارد – با استفاده از یک ویجت، یک بلوک گوتنبرگ و یک افزونه.

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

در زیر راهنمای گام به گام افزودن آیکون های رسانه های اجتماعی وردپرس است.

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

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

توجه داشته باشید که این روش با تم های کلاسیک وردپرس بهترین کار را دارد. اگر از یک تم بلوک استفاده می کنید، به روش بعدی برای افزودن آیکون با استفاده از بلوک آیکون های اجتماعی وردپرس بروید.

این روش از شما می‌خواهد آیکون‌هایی را برای آپلود در سایت وردپرس خود پیدا کنید و آنها را به عنوان دکمه‌های رسانه‌های اجتماعی تنظیم کنید. برای انجام این کار مراحل زیر را دنبال کنید:

  1. یک نماد رسانه اجتماعی را پیدا و دانلود کنید. از وب سایت هایی مانند نماد یاب یا نمادهای عالی فونت برای یافتن نمادهای رایگان برای دانلود.

اگر از جستجوی تصویر گوگل برای یافتن یک نماد استفاده می‌کنید، آن را با پیمایش به آن فیلتر کنید ابزارحقوق استفاده مجوزهای Creative Commons برای جلوگیری از مشکلات کپی رایت

  1. نمادهایی را که می خواهید استفاده کنید در رایانه محلی خود دانلود کنید.
  2. داشبورد وردپرس خود را باز کنید.
  3. رفتن به رسانه ها جدید اضافه کن و آیکون های اجتماعی را در کتابخانه رسانه وردپرس آپلود کنید. به راحتی می توانید چندین تصویر را همزمان بارگذاری کنید.
  4. ویرایشگر ویجت را با پیمایش به باز کنید ظاهر ابزارک ها.
  5. ناحیه ویجت را که می خواهید نمادهای اجتماعی را در آن اضافه کنید باز کنید.
  6. اضافه کردن HTML سفارشی مسدود کردن با کلیک کردن بر روی بلوک را اضافه کنید (+) را دکمه جایی که می خواهید آنها را قرار دهید.
پیشنهاد می‌کنیم بخوانید:  روش استفاده از دستور خاموش کردن لینوکس در اوبونتو و CentOS
ویرایشگر ویجت وردپرس، دکمه افزودن بلوک و پاپ آپ درج کننده بلوک را نشان می دهد
ویرایشگر ویجت وردپرس، دکمه افزودن بلوک و پاپ آپ درج کننده بلوک را نشان می دهد
روش اضافه کردن آیکون های رسانه های اجتماعی در وردپرس با استفاده از ویجت، بلوک گوتنبرگ و افزونه 24
  1. برای اضافه کردن اینستاگرام، فیس بوک، و یوتیوب آیکون های اجتماعی، کد HTML زیر را کپی و جایگذاری کنید:
<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>

جایگزین کردن [username] با پیوند به نمایه شبکه های اجتماعی شما.

جایگزین کردن [path to your icon] در قطعه کد با URL تصویر. برای پیدا کردن آن، به رسانه -> کتابخانه و نماد را باز کنید. شما باید ببینید آدرس فایل میدان و URL را در کلیپ بورد کپی کنید برای واکشی آسان URL مطمئن شوید که URL صحیح را برای هر دکمه رسانه اجتماعی در قطعه کد قرار دهید.

  1. کلیک به روز رسانی برای ذخیره تغییرات

برای افزودن حساب های اجتماعی بیشتر، وارد شوید ”[Name به قطعه کد بعد از آخرین برچسب زدن

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

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

یکی دیگر از مزایای استفاده از ویجت نمادهای اجتماعی این است که باقی می ماند روی سایت خود را هنگام تغییر به یک موضوع دیگر. اگر از روش‌های جایگزین استفاده می‌کنید، ممکن است مجبور شوید بعد از تغییر تم، نمادهای اجتماعی را دوباره پیکربندی کنید.

مهم! از نمادهایی که متعلق به دارندگان حق چاپ است استفاده نکنید، زیرا ممکن است قانون را نقض کنید.

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

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

  1. هدایت به ظاهر ویرایشگر.
  2. روی فلش در مرکز بالای ویرایشگر کلیک کنید تا منوی کشویی جزئیات الگو باز شود. انتخاب کنید پاورقی.
  1. کلیک کنید بر روی بلوک را اضافه کنید نماد در قسمت پاورقی برای باز کردن درج کننده بلوک. جستجو برای نمادهای اجتماعی مسدود کرده و آن را انتخاب کنید.
درج بلوک نمادهای اجتماعی با استفاده از درج کننده بلوک
درج بلوک نمادهای اجتماعی با استفاده از درج کننده بلوک
روش اضافه کردن آیکون های رسانه های اجتماعی در وردپرس با استفاده از ویجت، بلوک گوتنبرگ و افزونه 26
  1. کلیک کنید بر روی به علاوه برای افزودن یک نماد اجتماعی. پلتفرم اجتماعی را که می خواهید اضافه کنید جستجو کنید، نماد صحیح را به طور خودکار اضافه می کند.
  1. روی نماد اجتماعی کلیک کنید تا فیلد URL باز شود. شبکه های اجتماعی خود را کپی و پیست کنید page آدرس فیلد و فشار دهید وارد.
یک نماد اجتماعی فیس بوک با فیلد URL برای ورود به رسانه های اجتماعی page نشانی
یک نماد اجتماعی فیس بوک با فیلد URL برای ورود به رسانه های اجتماعی page نشانی
روش اضافه کردن آیکون های رسانه های اجتماعی در وردپرس با استفاده از ویجت، بلوک گوتنبرگ و افزونه 27

مراحل را تکرار کنید 4 و 5 برای اضافه کردن نمادهای جدید برای سایر سیستم عامل های اجتماعی.

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

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

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

هر افزونه روش متفاوتی برای افزودن آیکون به سایت وردپرس دارد. در این مقاله از دکمه های اشتراک گذاری رسانه های اجتماعی و نمادهای اشتراک گذاری اجتماعی افزونه رایگان این یکی از بهترین و محبوب ترین افزونه های آیکون های اجتماعی است.

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

برای پیکربندی آیکون های اجتماعی، به تنظیمات افزونه بروید page از نوار کناری وردپرس در مرحله بعد، این مراحل را دنبال کنید:

  1. باز کن کدام نمادها را می خواهید نشان دهید روی سایت شما؟ منو برای دیدن تمام نمادهای موجود.
  2. نمادهای رسانه های اجتماعی را که می خواهید اضافه کنید انتخاب کنید. کلیک صرفه جویی برای اعمال تغییرات
پیشنهاد می‌کنیم بخوانید:  روش مهاجرت Squarespace به وردپرس: آموزش گام به گام
تنظیمات نهایی آیکون های رسانه های اجتماعی page، نمادهای موجود را در کدام نمادها نشان می دهد که می خواهید نشان دهید on بخش سایت شما
تنظیمات نهایی آیکون های رسانه های اجتماعی page، نمادهای موجود را در کدام نمادها نشان می دهد که می خواهید نشان دهید on بخش سایت شما
روش اضافه کردن آیکون های رسانه های اجتماعی در وردپرس با استفاده از ویجت، بلوک گوتنبرگ و افزونه 28
  1. باز کن می خواهید آیکون ها چه کاری انجام دهند؟ منو و پیکربندی کنید که هر دکمه چه کاری انجام می دهد.
  2. اگر می‌خواهید دکمه‌ها کاربران را به حساب‌های رسانه‌های اجتماعی شما هدایت کنند، آن را بررسی کنید به من سر بزن را انتخاب کنید و URL حساب خود را جایگذاری کنید. کلیک صرفه جویی برای اعمال تغییرات
تنظیمات نهایی آیکون های رسانه های اجتماعی page، گزینه های موجود را در بخش آنچه می خواهید نمادها انجام دهند نشان می دهد
تنظیمات نهایی آیکون های رسانه های اجتماعی page، گزینه های موجود را در بخش آنچه می خواهید نمادها انجام دهند نشان می دهد
روش اضافه کردن آیکون های رسانه های اجتماعی در وردپرس با استفاده از ویجت، بلوک گوتنبرگ و افزونه 29
  1. باز کن کجا باید نمایش داده شوند؟ منو و گزینه های قرار دادن را انتخاب کنید. کلیک صرفه جویی برای ذخیره تغییرات
تنظیمات نهایی آیکون های رسانه های اجتماعی page، گزینه های موجود را در قسمت Where shall they be displayed نشان می دهد
تنظیمات نهایی آیکون های رسانه های اجتماعی page، گزینه های موجود را در قسمت Where shall they be displayed نشان می دهد
روش اضافه کردن آیکون های رسانه های اجتماعی در وردپرس با استفاده از ویجت، بلوک گوتنبرگ و افزونه 30

افزونه Social Media Share Buttons & Social Sharing Icons همچنین به شما امکان می دهد ظاهر آیکون ها را از تنظیمات شخصی سازی کنید. page.

به عنوان مثال، می توانید طرح آیکون را در قسمت انتخاب کنید چه طرح و انیمیشنی می خواهید به آیکون های خود بدهید؟ منوی آکاردئون همچنین می توانید اندازه تصویر و فاصله بین نمادها را در قسمت تغییر دهید آیا آرزوی دیگری برای نمادهای اصلی خود دارید؟ منو.

تنظیمات نهایی آیکون های رسانه های اجتماعی page، گزینه های موجود را در هر خواسته دیگری برای بخش نمادهای اصلی شما نشان می دهد
تنظیمات نهایی آیکون های رسانه های اجتماعی page، گزینه های موجود را در هر خواسته دیگری برای بخش نمادهای اصلی شما نشان می دهد
روش اضافه کردن آیکون های رسانه های اجتماعی در وردپرس با استفاده از ویجت، بلوک گوتنبرگ و افزونه 31
بنر میزبانی وردپرسبنر میزبانی وردپرس
روش اضافه کردن آیکون های رسانه های اجتماعی در وردپرس با استفاده از ویجت، بلوک گوتنبرگ و افزونه 32

روش حذف آیکون های رسانه های اجتماعی

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

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

اگر نمادهای اجتماعی را در یک منطقه ویجت اضافه کرده اید، این مراحل را برای حذف آنها دنبال کنید:

  1. ویرایشگر ویجت را با پیمایش به باز کنید ظاهر ابزارک ها.
  2. را پیدا کرده و انتخاب کنید HTML سفارشی بلوک حاوی کد نمادهای اجتماعی است.
  3. کلیک کنید بر روی سه نقطه آیکون روی نوار ابزار بلوک را انتخاب کنید HTML سفارشی را حذف کنید.
گزینه HTML سفارشی را در بلوک HTML سفارشی حذف کنید
گزینه HTML سفارشی را در بلوک HTML سفارشی حذف کنید
روش اضافه کردن آیکون های رسانه های اجتماعی در وردپرس با استفاده از ویجت، بلوک گوتنبرگ و افزونه 33

اگر می‌خواهید نمادهایی را که با استفاده از ویرایشگر گوتنبرگ اضافه کرده‌اید حذف کنید، روش مشابهی اعمال می‌شود:

  1. رفتن به ظاهر ویرایشگر برای باز کردن ویرایشگر بلوک
  2. بلوک نماد اجتماعی را که می خواهید حذف کنید پیدا کنید.
  3. کلیک کنید بر روی سه نقطه آیکون روی نوار ابزار بلوک، سپس کلیک کنید حذف نمادهای اجتماعی.
گزینه حذف نمادهای اجتماعی در بلوک نمادهای اجتماعی
گزینه حذف نمادهای اجتماعی در بلوک نمادهای اجتماعی
روش اضافه کردن آیکون های رسانه های اجتماعی در وردپرس با استفاده از ویجت، بلوک گوتنبرگ و افزونه 34

اگر از افزونه ای برای آیکون های رسانه های اجتماعی خود استفاده می کنید، غیرفعال کردن افزونه آن ها را حذف می کند. همچنین، آیکون ها را از تنظیمات افزونه غیرفعال کنید.

به عنوان مثال، برای دکمه های اشتراک گذاری رسانه های اجتماعی و نمادهای اشتراک گذاری اجتماعی افزونه، تیک گزینه های موجود در را بردارید کجا باید نمایش داده شوند؟ بخش.

درباره تعبیه رسانه های اجتماعی در سایت وردپرس خود بیشتر بیاموزید

روش افزودن فید اینستاگرام به وردپرس
بهترین افزونه های اینستاگرام وردپرس
روش اضافه کردن دکمه “لایک” فیس بوک در وردپرس

نتیجه

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

یکی از سه روش موجود را برای افزودن آیکون های رسانه های اجتماعی به وردپرس انتخاب کنید:

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

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

اگر سوال یا نکته ای در مورد آیکون های رسانه های اجتماعی برای وردپرس دارید، در قسمت نظرات مطرح کنید.