افزودن دکمه‌ی اشتراک‌گذاری مطالب وب‌سایت در تلگرام و واتساپ


نویسنده:
شنبه 23 فروردین 1399
اشتراک گذاری مطالب در واتساپ و تلگرام

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

حتماً تا به حال دیده‌اید که به کمک دکمه‌های اشتراک‌گذاری، چگونه می‌توان صفحه‌ای را در شبکه‌های اجتماعی shre‌ کرد. این موضوع باعث می‌شود بتوانید ترافیک بیشتری از شبکه‌های اجتماعی دریافت کنید و کاربران در افزایش بازدید وب‌سایت شما نقش موثری داشته باشند.

۱۵ روش برای افزایش بازدید سایت

اما روش انجام کار چگونه است؟! برای انجام این کار افزونه‌های زیادی طراحی شده اما وقتی این کار فقط با چند خط کد ساده قابل انجام است دیگر چرا به سراغ افزونه برویم؟! همراه ما باشید تا با روش ساده بدون نیاز به افزونه این دکمه‌ها را در صفحات سایت خود قرار دهید.

کد اشتراک‌گذاری مطالب وب‌سایت در واتساپ

حتماً در اینترنت کدهای زیادی برای اشتراک‌گذاری مطالب در واتساپ دیده‌اید که به نظر می‌رسد درست کار نمی‌کنند!! دلیل این اتفاق این است که این دکمه‌ها اغلب در گوشی موبایل که دارای نرم‌افزار واتساپ هستند کار می‌کنند و برای کاربران دسکتاپ بی‌فایده هستند!

اما کد زیر هم در تلفن همراه و هم در دسکتاپ جواب می دهد! کافیست کد را کپی کرده و محلی که می‌خواهید دکمه‌ها نمایش داده شوند قرار دهید.

نکات مهم:

۱- اگر وب‌سایت شما وردپرسی است می‌توانید از کد بالا را بدون تغییر دادن آن استفاده کنید در غیر این صورت باید در مقابل ” “=text آدرس صفحه‌ی کنونی که قرار است به اشتراک گذاشته شود را قرار دهید.

۲- کد را در بدنه‌ی مطالب خود در صفحه‌ی مقالات قرار دهید. اگر و‌ب‌سایت وردپرسی دارید به دنبال صفحه‌ی page.php در قالب خود باشید و کد بالا را بعد از کد ()the_content قرار دهید.

۳- برای زیباتر شدن دکمه به بخش آخر مراجعه کنید تا استایل‌های لازم را اعمال کنید.

کد اشتراک گذاری مطالب وب‌سایت در تلگرام

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

این کد را هم مانند کد واتساپ، در بدنه‌ی صفحه‌ی مقالات یا محصولات خود قرار دهید. کافیست وارد فایل page.php‌ قالب شوید و دکمه را بعد از ()the_content قرار دهید. همچنین اگر وب‌سایت شما وردپرسی نیست در مقابل بخش ” “=url باید آدرس صفحه‌‌ی کنونی درج شود.

افزودن استایل به دکمه‌های اشتراک گذاری

خب اگر تا به اینجا دکمه‌های اشتراک گذاری را به درستی قرار دادید، بهتر است به سراغ ایجاد استایل و ظاهر مناسب برای آنها هم باشید. می‌توانید کدهای زیر در فایل style.css قالب یا فایل اصلی استایل‌دهی قالب وارد کنید.

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

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

فونت آیکون چیست؟ معرفی فونت آیکون‌های محبوب

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

ابزارهای UI| معرفی بهترین نرم‌افزارهای طراحی رابط کاربری

طراحی رابط کاربری و تجربه کاربری مهمترین قسمت و هسته اصلی در طراحی وب محسوب می‌شوند تا عملکرد بالایی را...

آموزش تکنیک Hover Effect در CSS که همه باید بدانند!!

در این مقاله قصد داریم به تکنیک Hover Effect در CSS که معمولا مورد استفاده قرار می‌گیرد اشاره کوتاهی داشته...

Emmet چیست؟ چگونه کدهای HTML و CSS را سریع‌تر بنویسیم؟

Emmet یک ابزار برای توسعه‌دهندگان وب است که می‌تواند سرعت نوشتن کد‌های HTML و CSS را تا حد بسیار زیادی...

دیدگاهتان را بنویسید

7 پاسخ به “افزودن دکمه‌ی اشتراک‌گذاری مطالب وب‌سایت در تلگرام و واتساپ”

  1. سیاوش گفت:

    ممنون از راهنمایی خوبتون

  2. امیرحسام گفت:

    برای اینستاگرام هم میشه درست کرد که تو دایرکت بفرسته؟

  3. زهراغلامی گفت:

    سلام ممنونم از مطلی بسیار خوبتون.
    من توی فایل pdge.php همچین تابعی نداشتم که بتونم کد رو در اون قرار بدم. میشه راهنماییم کنین؟

    • احتمالا بخش content برگه جدا شده. ببینید اسم فایلی که در page.php فراخوانی شده . چیه احتمالا content-page.php باشه که در یکی از فولدرهای قالب هستش. و حلقه‌ی نمایش محتوا اونجا قرار داره و میتونید کد رو اونجا قرار بدید.

  4. زهرا گفت:

    عالی عالی
    خیلی متشکرم

دیدگاهتان را بنویسید