اکثر سایت ها برای گسترش کسب و کار خود، شناخته شدن بهتر و فعالیت های بیشتر در شبکه های اجتماعی مختلف عضو هستند. امروزه شبکه های اجتماعی محل تجمع اکثر ما جهت ارتباط نزدیک و همه جانبه می باشد.
نمایش آیکون های شبکه های اجتماعی در صفحات وب نیز یکی از راه هایی است که کاربران بتوانند مطالب و صفحات وبسایت ما را در آنها به اشتراک بگذارند.
این نکته بسیار قابل توجهی است که معمولا سایت های خارجی اهمیت فراوانی به آن می دهند. اما مدیران وبسایت های ایرانی توجه کمتری به آن می کنند.
نمایش آیکون های شبکه اجتماعی در وردپرس به کاربران در سایت می تواند توسط راه های زیادی قابل انجام باشد که قصد داریم امروز به معرفی یکی از آن ها بپردازیم.
آیکون های شبکه اجتماعی در وردپرس با Social Share Buttons by Supsystic
در این نوشته از همیار وردپرس قصد داریم تا افزونه ای بسیار حرفه ای جهت نمایش آیکون های شبکه اجتماعی در وردپرس به شما معرفی کنیم که می توانید به راحتی و با چند دقیقه وقت این آیکون ها را در وبسایت خود به نمایش بگذارید.
نکته!!! ممکن است قالب سایت شما این آیکون ها را داشته باشد و نیاز به فعال کردن و نمایش آن ها در سایت می باشد که در این صورت پیشنهاد می کنیم از چنین افزونه هایی استفاده نکنید.
نصب و راه اندازی افزونه
برای شروع کار ابتدا افزونه را دریافت نموده و از بخش افزونه های سایت خود آن را نصب کنید. بعد از نصب در بخش تنظیمات پیشخوان سایت وردپرسی بخشی با عنوان Social Share by Supsystic برای نمایش آیکون های شبکه اجتماعی در وردپرس ساخته شده است.
افزودن فرم جدید
بر روی گزینه ی add new کلیک کنید تا اولین لیست آیکون های شبکه اجتماعی را ایجاد کنیم.
در این صفحه ابتدا باید در قسمت بالا در فیلد Project Name نام پروژه، یعنی لیست آیکون های شبکه ی اجماعی را وارد کنیم.
در قسمت زیرین هم به انتخاب یکی از مجموعه استایل های آماده می پردازیم که اولین لیست برای ما انتخاب شده است و نمی توانیم لیست دیگری را انتخاب کنیم چرا که مربوط به نسخه ی پرمیوم افزونه می باشند.
در نهایت برای رفتن به تنظیمات پروژه ی خودمان بر روی گزینه Create کلیک می کنیم.
بعد از آن با صفحه پاپ آپ همانند تصویر زیر مواجه می شویم:
در این صفحه ی پاپ آپ هم که کاملا مشخص است باید آیکون های شبکه اجتماعی در وردپرس که مورد نظرمان می باشد را انتخاب کنیم.
بعد از انتخاب هم برای ادامه ی کار بر روی گزینه ی Create کلیک کنید. در نهایت با صفحه ای مواجه می شویم که تنظیمات کلی و جزئی افزونه را می توانیم آنجا مشاهده کنیم.
این افزونه دارای 3 تب مجزا می باشد که اکثر قسمت های آن رایگان هستند که به معرفی آن ها می پردازیم.
تب 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
در تب که کاملا مشخص است باید استایل دکمه های خود را تعیین کنید.
گزینه های سمت راست را هم به ترتیب معرفی می کنیم:
گزینه اول مربوط به افزودن فاصه بین دکمه ها جهت جدا سازی و نمایش بهتر آن ها می باشد وگزینه ی بعد هم سایز دکمه ها را می توانید مشخص کنید.
جهت نمایش شمارنده ی تعداد اشتراک هم باید گزینه بعدی را فعال کنید و می توانید با گزینه ی بعد از آن هم یک مقدار برای بعد از هر بار اشتراک تعیین کنید.
گزینه ی بعد هم مربوط به تعداد شمار اشتراکات می باشد که می توانید آن را در هر صفحه یا تمام صفحات نمایش دهید.
برای استفاده از شماره های کوچک هم می توانید گزینه بعد از آن را فعال کنید مثلا به جای نمایش 1000 می تواند 1K را نمایش دهد.
با گزینه ی بعدی هم می توان سایه برای آیکون ها داشت.
در قسمت آخر هم به ترتیب برای انیمیشن دکمه و آیکون آن می باشد که می توانید افکت دلخواه را در زمان هاور شدن (رفت مأوس بر روی دکمه) قرار دهید.
تب Statistic
وضعیت کلی تعداد اشتراکات، تعداد نمایش و… را می توانید در این صفحه مشاهده کنید. تنظیمات افزونه به پایان رسیدند، حال می توانیم در خروجی نتیجه کار را مشاهده کنیم.
نمایش خروجی
همان طور که قصد داشتیم می خواهیم آیکون ها را به بخش ابزارک های سایت خودمان اضافه کنیم و تیک استفاده از آیکون ها در ابزارک را هم با هم در تنظیمات افزونه زده ایم، پس انتظار داریم که ابزارک مورد نظر ما در بخش ابزارک ها باشد.
به ابزارک های سایت می رویم، همان طور که مشاهده می کنید ابزارک جدیدی برای ما ایجاد شده است که آن را به ستون دلخواه سایت خودمان اضافه می کنیم.
نتیجه را در خروجی مشاهده می کنیم:
همان طور که مشاهده می کنید در ساید بار سایت آیکون های شبکه اجتماعی در وردپرس نمایش داده شده است.
موفق باشید…
