آموزش وردپرس | بلاگ وب‌داده

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

می‌خواهید بازدیدکننده‌ها با یک کلیک مطلب شما را در تلگرام، واتساپ و اینستاگرام به اشتراک بگذارند؟ در این راهنما سه روش افزودن دکمه‌های اشتراک‌گذاری را با هم مقایسه می‌کنیم و گام‌به‌گام یاد می‌گیرید کدام روش برای سایت شما بهتر است و چطور بدون کم‌کردن سرعت سایت آن را پیاده کنید.
افزودن دکمه اشتراک گذاری در وردپرس یعنی گذاشتن چند آیکون کلیک‌کردنی روی نوشته‌ها که کاربر با آن‌ها مطلب شما را در شبکه‌های اجتماعی پخش می‌کند. این کار هم بازدید ارجاعی می‌آورد، هم به دیده‌شدن برند کمک می‌کند و هم اعتماد بصری صفحه را بالا می‌برد. در این مقاله سه مسیر رسیدن به این هدف (افزونه، کد دستی و امکانات داخلی قالب) را با جدول مقایسه و کد آماده مرور می‌کنیم تا خودتان بتوانید بهترین گزینه را انتخاب و اجرا کنید.
  • سه روش اصلی: افزونه‌ی آماده، افزودن کد به functions.php قالب فرزند، یا امکانات داخلی قالب و بلاک‌ها.
  • ساده‌ترین راه: افزونه‌هایی مثل AddToAny در چند دقیقه و بدون کدنویسی دکمه‌ها را اضافه می‌کنند.
  • سبک‌ترین راه: کد دستی هیچ اسکریپت اضافه‌ای بار نمی‌کند و برای سرعت و Core Web Vitals بهترین است.
  • هزینه‌ی پنهان افزونه‌ها: برخی افزونه‌ها اسکریپت را از سرور بیرونی (CDN) می‌گیرند و می‌توانند صفحه را کند کنند.
  • نکته‌ی حیاتی: کد را همیشه در قالب فرزند بگذارید تا با هر به‌روزرسانی قالب پاک نشود.

در یک نگاه

برای گذاشتن دکمه‌ی اشتراک‌گذاری سه انتخاب دارید: افزونه (ساده)، کد دستی (سبک و دقیق) یا امکان داخلی قالب. اگر مبتدی هستید افزونه‌ی سبک مثل AddToAny را انتخاب کنید؛ اگر سرعت برایتان حیاتی است کد دستی بهترین است. بستر هاست وردپرس و پشتیبانی راه‌اندازی را هم می‌توانید از وب‌داده بگیرید.
حتماً این مقاله را باز کرده‌اید چون می‌خواهید کاربران راحت‌تر محتوایتان را پخش کنند اما نمی‌دانید کدام روش برای سایت شما درست است و نگرانید افزونه‌ی اضافه سایت را سنگین کند. این نگرانی بجاست؛ برای همین به‌جای معرفی یک روش، هر سه راه را با مزایا و معایب واقعی کنار هم می‌گذاریم تا با چشم باز تصمیم بگیرید.

دکمه اشتراک گذاری در وردپرس چیست و چه فایده‌ای دارد؟

دکمه‌ی اشتراک‌گذاری در واقع یک لینک ساده است که پشت یک آیکون پنهان شده. وقتی کاربر روی آیکون تلگرام یا فیسبوک می‌زند، آدرس و عنوان همان صفحه به‌صورت آماده در آن شبکه باز می‌شود و کاربر فقط دکمه‌ی «ارسال» را می‌زند. پس این دکمه چیز پیچیده‌ای نیست؛ فقط آدرس صفحه را به شکل درست به شبکه‌ی مقصد تحویل می‌دهد.
برای اینکه تصویر روشن‌تری داشته باشید، دکمه‌ی اشتراک‌گذاری مثل یک «تابلوی راهنما» جلوی مغازه است: مشتری را به‌سمت جایی هدایت می‌کند که می‌تواند مطلب شما را به دیگران نشان دهد. حالا ببینیم چرا این تابلوی کوچک برای سایت شما مهم است:
  • بازدید ارجاعی رایگان: هر اشتراک، مطلب شما را جلوی چشم مخاطبان تازه می‌گذارد، بدون هزینه‌ی تبلیغات.
  • تعامل بیشتر: وقتی اشتراک‌گذاری یک کلیک ساده باشد، افراد بیشتری این کار را انجام می‌دهند.
  • سیگنال اجتماعی برند: دیده‌شدن محتوا در شبکه‌ها به شناخته‌شدن نام سایت شما کمک می‌کند.
  • تجربه‌ی کاربری بهتر: کاربر برای اشتراک مجبور نیست آدرس را دستی کپی کند؛ همه‌چیز آماده است.

اشتراک اجتماعی، رتبه‌ی مستقیم سئو نیست

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

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

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

روش اول: استفاده از افزونه (ساده‌ترین راه برای مبتدی‌ها)

اگر با کد راحت نیستید، افزونه سریع‌ترین راه است. یکی از سبک‌ترین و محبوب‌ترین گزینه‌ها افزونه‌ی AddToAny است. مراحل نصب آن ساده است:
  • از پیشخوان وردپرس به «افزونه‌ها ← افزودن» بروید و عبارت AddToAny را جست‌وجو کنید.
  • افزونه را نصب و فعال کنید.
  • به «تنظیمات ← AddToAny» بروید و شبکه‌های موردنظر (تلگرام، واتساپ، فیسبوک و…) را انتخاب کنید.
  • محل نمایش دکمه‌ها را مشخص کنید: بالای محتوا، پایین محتوا، یا نوار شناور کنار صفحه.
  • تغییرات را ذخیره کنید؛ همین. دکمه‌ها روی نوشته‌ها ظاهر می‌شوند.

افزونه‌ی سبک انتخاب کنید

همه‌ی افزونه‌های اشتراک‌گذاری مثل هم نیستند. بعضی افزونه‌ها اسکریپت و آیکون را از سرور شخص ثالث (CDN) می‌گیرند و در تست سرعت به‌صورت درخواست بیرونی و کندکننده دیده می‌شوند. افزونه‌هایی که فایل‌ها را از خود سایت سرو می‌کنند (مثل AddToAny یا Sassy Social Share) برای سرعت و Core Web Vitals بهترند.

روش دوم: افزودن کد دستی به قالب فرزند (سبک‌ترین راه)

اگر می‌خواهید هیچ اسکریپت اضافه‌ای بار نشود و کنترل کامل روی ظاهر داشته باشید، روش دستی بهترین است. ایده ساده است: با فیلتر the_content یک تکه HTML به انتهای متن نوشته‌ها می‌چسبانیم. هر دکمه فقط یک لینک به «آدرس اشتراک» شبکه‌ی مقصد است. کد زیر را در فایل functions.php قالب فرزند خود قرار دهید:
// افزودن دکمه‌های اشتراک‌گذاری به انتهای محتوای نوشته‌ها
// این کد را در functions.php «قالب فرزند» قرار دهید، نه قالب اصلی
function webdade_social_share_buttons( $content ) {
    // فقط در تک‌نوشته‌ها و داخل حلقه‌ی اصلی اجرا شود
    if ( ! is_singular( 'post' ) || ! in_the_loop() || ! is_main_query() ) {
        return $content;
    }

    $url   = urlencode( get_permalink() );
    $title = urlencode( get_the_title() );

    $links = array(
        'تلگرام'  => "https://t.me/share/url?url={$url}&text={$title}",
        'واتساپ'  => "https://api.whatsapp.com/send?text={$title}%20{$url}",
        'ایکس'    => "https://twitter.com/intent/tweet?url={$url}&text={$title}",
        'فیسبوک'  => "https://www.facebook.com/sharer/sharer.php?u={$url}",
        'لینکدین' => "https://www.linkedin.com/sharing/share-offsite/?url={$url}",
    );

    $html = '<div class="webdade-share"><span>اشتراک‌گذاری:</span>';
    foreach ( $links as $name => $href ) {
        $html .= '<a href="' . esc_url( $href ) . '" target="_blank" rel="noopener nofollow">'
               . esc_html( $name ) . '</a>';
    }
    $html .= '</div>';

    return $content . $html;
}
add_filter( 'the_content', 'webdade_social_share_buttons' );

چرا حتماً قالب فرزند؟

اگر این کد را مستقیم در functions.php قالب اصلی بگذارید، با اولین به‌روزرسانی قالب کل تغییرات شما پاک می‌شود. قالب فرزند (Child Theme) دقیقاً برای همین ساخته شده تا تغییراتتان دست‌نخورده بماند. اگر با افزودن کد به وردپرس تازه‌کار هستید، راهنمای درج کدهای سفارشی در وردپرس بدون خطا کمکتان می‌کند.
برای اینکه دکمه‌ها ظاهر مرتبی داشته باشند، این استایل ساده را هم به بخش «سفارشی‌سازی ← CSS اضافه» یا فایل استایل قالب فرزند اضافه کنید:
/* استایل سبک و راست‌چین برای دکمه‌های اشتراک‌گذاری */
.webdade-share {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    margin: 28px 0;
}
.webdade-share span { font-weight: bold; }
.webdade-share a {
    padding: 8px 16px;
    border-radius: 999px;
    background: #106abf;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    transition: opacity .2s;
}
.webdade-share a:hover { opacity: .85; }
در این کد، تابع urlencode آدرس و عنوان صفحه را برای استفاده‌ی امن در لینک آماده می‌کند و شرط is_singular('post') باعث می‌شود دکمه‌ها فقط در نوشته‌ها (نه همه‌جا) نمایش داده شوند. هر شبکه‌ای را نخواستید، کافی است خط مربوط به آن را از آرایه‌ی $links حذف کنید.

روش سوم: استفاده از امکانات داخلی قالب یا بلاک‌ها

بعضی قالب‌های حرفه‌ای و صفحه‌سازها (مثل المنتور) بلاک یا ویجت آماده‌ی «دکمه‌های اشتراک‌گذاری» دارند. در این حالت اصلاً به افزونه یا کد جدا نیازی نیست؛ کافی است در ویرایشگر بلاک مربوطه را بکشید و رها کنید و شبکه‌ها را تنظیم کنید. پیش از نصب افزونه‌ی تازه، یک بار تنظیمات قالب خود را بررسی کنید؛ شاید همین حالا این امکان را داشته باشید و فقط باید فعالش کنید.
انتخاب بلاک آماده‌ی دکمه‌های اشتراک‌گذاری در ویرایشگر بلاک وردپرس

مقایسه‌ی سه روش؛ کدام مناسب شماست؟

جدول زیر سه روش را روی معیارهای مهم کنار هم می‌گذارد تا سریع‌تر تصمیم بگیرید:
معیارافزونه (AddToAny و مشابه)کد دستی در functions.phpامکان داخلی قالب/بلاک
سطح مهارت لازممبتدیمتوسط تا پیشرفته (PHP)مبتدی
تأثیر بر سرعت سایتمتغیر (گاهی اسکریپت بیرونی)کمترین (بدون اسکریپت اضافه)بستگی به قالب
قابلیت شمارنده‌ی اشتراکمعمولاً داردبه‌صورت پیش‌فرض نداردمعمولاً ندارد
به‌روزرسانی خودکار اندپوینت‌هاداردبه‌عهده‌ی شمابستگی به قالب
کنترل روی ظاهرمتوسطکاملمحدود
ریسک خرابی سایتکممتوسط (ویرایش کد)کم

جمع‌بندی جدول

اگر تازه‌کار هستید و می‌خواهید سریع نتیجه بگیرید، یک افزونه‌ی سبک بهترین شروع است. اگر سرعت سایت و امتیاز Core Web Vitals برایتان حیاتی است و کمی با کد راحتید، روش دستی سبک‌ترین و دقیق‌ترین گزینه است. اگر هم قالب یا صفحه‌سازتان بلاک آماده دارد، چرا افزونه‌ی اضافه نصب کنید؟ در هر سه حالت، قبل از تغییر از سایت بکاپ بگیرید.

الگوی آدرس اشتراک‌گذاری هر شبکه (برای روش دستی)

اگر روش دستی را انتخاب کردید یا می‌خواهید یک دکمه‌ی تکی بسازید، این‌ها الگوی رسمی و پایدار آدرس اشتراک هر شبکه هستند. کافی است به‌جای «آدرس» و «عنوان»، آدرس صفحه و عنوان آن را قرار دهید:
شبکهالگوی آدرس اشتراک
تلگرامhttps://t.me/share/url?url=آدرس&text=عنوان
واتساپhttps://api.whatsapp.com/send?text=عنوان%20آدرس
ایکس (توییتر)https://twitter.com/intent/tweet?url=آدرس&text=عنوان
فیسبوکhttps://www.facebook.com/sharer/sharer.php?u=آدرس
لینکدینhttps://www.linkedin.com/sharing/share-offsite/?url=آدرس

پیش‌نمایش اشتراک را تگ‌های OG می‌سازند

وقتی لینکی را اشتراک می‌گذارید، عنوان، توضیح و تصویری که در شبکه نشان داده می‌شود از تگ‌های Open Graph صفحه (og:title، og:description، og:image) خوانده می‌شود. طبق راهنمای رسمی AddToAny، این مقادیر باید در هدر صفحه تعریف شوند و افزونه‌های سئو مثل Yoast یا Rank Math این کار را برایتان انجام می‌دهند. منبع: صفحه‌ی رسمی افزونه‌ی AddToAny در WordPress.org.

عیب‌یابی، معایب و نکات صادقانه

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

دکمه‌ها نمایش داده نمی‌شوند

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

افت سرعت سایت

این جدی‌ترین عیب افزونه‌های سنگین است. افزونه‌هایی که اسکریپت را از CDN بیرونی می‌گیرند، در ابزارهای سنجش سرعت به‌صورت «هزینه‌ی شخص ثالث» یا «اسکریپت مسدودکننده‌ی رندر» ظاهر می‌شوند. اگر امتیاز سرعت برایتان مهم است، افزونه‌ی سبک یا روش دستی را انتخاب کنید و از نصب چند افزونه‌ی هم‌کار خودداری کنید.

معایبی که باید صادقانه بدانید

جدا از موارد بالا، چند نکته‌ی صادقانه‌ی دیگر: نخست، بسیاری از افزونه‌ها لینک اشتراک را از طریق سرور خودشان مسیردهی می‌کنند که یعنی وابستگی به سرویس بیرونی و ملاحظه‌ی حریم خصوصی. دوم، روش دستی شمارنده‌ی تعداد اشتراک ندارد و ساختنش کار بیشتری می‌برد. سوم، ویرایش مستقیم functions.php در صورت اشتباه می‌تواند سایت را موقتاً از کار بیندازد، پس حتماً بکاپ داشته باشید. چهارم، آدرس اشتراک شبکه‌ها گاهی تغییر می‌کند؛ در روش دستی به‌روز نگه‌داشتن آن با شماست، در حالی که افزونه‌ها این کار را خودکار انجام می‌دهند.

میزبانی وردپرس مطمئن روی هاست وب‌داده

بخشی از تجربه‌ی روان کار با وردپرس، حتی برای کاری به‌سادگی افزودن یک دکمه، به بستر هاست برمی‌گردد: هاستی که ویرایش امن فایل‌ها و بکاپ سریع را ساده کند و وقتی گیر کردید کنارتان باشد. ما در وب‌داده تلاش کرده‌ایم این بستر را فراهم کنیم:
✅ زیرساخت سرورهای نسل جدید HPE (Gen11 و Gen10) با دیسک‌های سریع برای پاسخ‌دهی بهتر سایت وردپرسی.
✅ دیتاسنترهای متنوع در ایران، هلند و آلمان برای انتخاب نزدیک‌ترین لوکیشن به کاربران شما.
✅ ابزار فایل‌منیجر و بکاپ برای ویرایش امن functions.php و بازگشت سریع در صورت خطا.
✅ پشتیبانی فنی ۲۴ ساعته برای کمک در نصب افزونه، افزودن کد و رفع تداخل‌ها.

تجربه‌ی پشتیبانی وب‌داده

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

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

جمع‌بندی و قدم بعدی

دیدیم که برای پخش راحت‌تر محتوا در شبکه‌های اجتماعی سه راه دارید: افزونه که ساده‌ترین است، کد دستی که سبک‌ترین و دقیق‌ترین است، و امکانات داخلی قالب که اگر موجود باشد نیازی به ابزار اضافه ندارد. انتخاب درست به مهارت شما و اهمیت سرعت سایت بستگی دارد. اگر مبتدی هستید با یک افزونه‌ی سبک شروع کنید و اگر دنبال بهترین عملکرد هستید سراغ کد دستی در قالب فرزند بروید. در هر حالت، قبل از تغییر بکاپ بگیرید و بعد از اجرا یک بار خودتان دکمه‌ها را در موبایل و دسکتاپ تست کنید تا از درست کارکردنشان مطمئن شوید.
در صورتی که سوالی داشتید می‌توانید در بخش نظرات با ما در ارتباط باشید.
منابع: صفحه‌ی رسمی افزونه‌ی AddToAny (WordPress.org)، راهنمای دکمه‌های اشتراک‌گذاری WordPress.com.
به اشتراک بگذارید
وب داده
وب داده

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

مقاله‌ها: 56

نوشته‌ای مرتبط

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

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