نمایش آیکون های شبکه اجتماعی در وردپرس با Social Share Buttons by Supsystic

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

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

آیکون های شبکه اجتماعی در وردپرس با Social Share Buttons by Supsystic

social share icons-آیکون های شبکه اجتماعی در وردپرس

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

نکته!!! ممکن است قالب سایت شما این آیکون ها را داشته باشد و نیاز به فعال کردن و نمایش آن ها در سایت می باشد که در این صورت پیشنهاد می کنیم از چنین افزونه هایی استفاده نکنید.

نصب و راه اندازی افزونه

برای شروع کار ابتدا افزونه را دریافت نموده و از بخش افزونه های سایت خود آن را نصب کنید. بعد از نصب در بخش تنظیمات پیشخوان سایت وردپرسی بخشی با عنوان Social Share by Supsystic برای نمایش آیکون های شبکه اجتماعی در وردپرس ساخته شده است.

افزودن فرم جدید

add new-آیکون های شبکه اجتماعی در وردپرس

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

choose buttons-آیکون های شبکه اجتماعی در وردپرس

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

بعد از آن با صفحه پاپ آپ همانند تصویر زیر مواجه می شویم:

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

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

تب Main

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

این تب اصلی تنظیمات افزونه می باشد.

بخش Show at next pages

  • Show everywhere: این گزینه مربوط به نمایش آیکون های شبکه اجتماعی در وردپرس در تمامی صفحات سایت می باشد.
  • Homepage only: این گزینه هم تنها برای نمایش آیکون ها در صفحه ی اصلی می باشد.
  • Hide on home page: برعکس گزینه بالا با این گزینه تعیین می کنید که آیکون ها در تمامی صفحات سایت به غیر از صفحه ی اصلی نمایش داده شوند.
  • Show on next posts / pages / post types: نمایش آیکون ها در برگه/نوشته های خاص.
  • Don’t show on next pages / posts: نمایش ندادن آیکون ها در برگه/نوشته هایی که با این گزینه تعیین می کنید.
  • Hide on mobile devices: مخفی کردن این آیکون ها در صورت ورود کاربر با گوشی در سایت.
  • Show Only on Mobile Devices: نمایش آیکون ها تنها در گوشی موبایل.

بخش Where to show

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

  • Sidebar: می توانید آیکون ها را تنها در ستون کناری از سایت خود که می تواند بالا، پایین، چپ و یا راست باشد نمایش دهید.
  • Content: با این گزینه هم می توانید آیکون ها را در محتوای سایت خود قرار دهید که با گزینه ی زیر مجموعه ی آن می توانید قبل از محتوا یا بعد از محتوا آن ها را قرار دهید.
  • Align buttons on content page: چینش لیست آیکون ها را هم می توانید با این گزینه به چپ، وسط و یا راست تغییر دهید.
  • Widget: گفته بودیم که می خواهیم لیست آیکون ها را در ابزارک های سایت نمایش دهیم که باید در این قسمت این گزینه را فعال کنیم.

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

  • Shortcode or PHP code: با فعال کردن این گزینه هم می توانید شورت کد وکد پی اچ پی را جهت نمایش آیکون ها در قسمت های مختلف سایت داشته باشید.

بخش Networks to show

در این قسمت می توانید برای هر کدام نام عنوان و… داشته باشد.

  • Button Text: متن دکمه ی اشتراک را می توانید در این قسمت قرار دهید.
  • Title: عنوان هر شبکه اجتماعی را هم در این قسمت می توانید وارد کنید.
  • Image: می توانید به جای آیکون از تصاویر دلخواه خود استفاده کنید.
  • Tooltip*: متن تولتیپ را هم می توانید در این قسمت وارد کنید.

Tooltip* چیست؟

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

تب Design

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

در تب که کاملا مشخص است باید استایل دکمه های خود را تعیین کنید.
گزینه های سمت راست را هم به ترتیب معرفی می کنیم:
گزینه اول مربوط به افزودن فاصه بین دکمه ها جهت جدا سازی و نمایش بهتر آن ها می باشد وگزینه ی بعد هم سایز دکمه ها را می توانید مشخص کنید.
جهت نمایش شمارنده ی تعداد اشتراک هم باید گزینه بعدی را فعال کنید و می توانید با گزینه ی بعد از آن هم یک مقدار برای بعد از هر بار اشتراک تعیین کنید.
گزینه ی بعد هم مربوط به تعداد شمار اشتراکات می باشد که می توانید آن را در هر صفحه یا تمام صفحات نمایش دهید.
برای استفاده از شماره های کوچک هم می توانید گزینه بعد از آن را فعال کنید مثلا به جای نمایش 1000 می تواند 1K را نمایش دهد.
با گزینه ی بعدی هم می توان سایه برای آیکون ها داشت.
در قسمت آخر هم به ترتیب برای انیمیشن دکمه و آیکون آن می باشد که می توانید افکت دلخواه را در زمان هاور شدن (رفت مأوس بر روی دکمه) قرار دهید.

تب Statistic

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

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

نمایش خروجی

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

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

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

نتیجه را در خروجی مشاهده می کنیم:

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

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

موفق باشید…

دانلود افزونه Social Share Buttons by Supsystic

دانلود صفحه افزونه

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

اگر می‌خواهید از آخرین و محبوب‌ترین مقالات ما در ایمیل خود مطلع شوید، همین الان ایمیل خود را در کادر زیر وارد کنید:

تعداد علاقه‌مندانی که تاکنون عضو خبرنامه ما شده‌اند:

343,097 نفر

پاسخی بگذارید

دیدگاه‌های این نوشته جدید ترین ها شاخص

  1. خیلی ممنون که کامل توضیح دادید ما در سایتhttp://khonesaz.com از این افزونه استفاده کردیم ممنون از همیار

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

  3. 5 سال عضو همیار وردپرس

    با سلام و خسته نباشید ،
    چطور آیکون Telegram هم اضافه کنم؟

    • 4 سال عضو همیار وردپرس

      با سلام،
      تلگرام در خارج از کشور کمتر مورد استفاده قرار میگیره و جزء شبکه های اجتماعی نیست!
      اما معدود افزونه هایی آیکون اونو دارن؛ مثل: goo.gl/Ql97ti
      همچنین میتونین با کدنویسی در قالب سایتتون آیکون تلگرام رو به سایتتون اضافه کنید!
      موفق باشید.

مطالب زیر را حتما بخوانید

دوره‌های آموزشی