جدید!
سرور ابری ساعتی فعال شد. ۱۰۰ هزار تومان اعتبار هدیه بگیرید
به اشتراک بگذارید
آموزش وردپرس | بلاگ وبداده
افزودن دکمههای اشتراکگذاری شبکه اجتماعی به وردپرس
میخواهید بازدیدکنندهها با یک کلیک مطلب شما را در تلگرام، واتساپ و اینستاگرام به اشتراک بگذارند؟ در این راهنما سه روش افزودن دکمههای اشتراکگذاری را با هم مقایسه میکنیم و گامبهگام یاد میگیرید کدام روش برای سایت شما بهتر است و چطور بدون کمکردن سرعت سایت آن را پیاده کنید.
افزودن دکمه اشتراک گذاری در وردپرس یعنی گذاشتن چند آیکون کلیککردنی روی نوشتهها که کاربر با آنها مطلب شما را در شبکههای اجتماعی پخش میکند. این کار هم بازدید ارجاعی میآورد، هم به دیدهشدن برند کمک میکند و هم اعتماد بصری صفحه را بالا میبرد. در این مقاله سه مسیر رسیدن به این هدف (افزونه، کد دستی و امکانات داخلی قالب) را با جدول مقایسه و کد آماده مرور میکنیم تا خودتان بتوانید بهترین گزینه را انتخاب و اجرا کنید.
- سه روش اصلی: افزونهی آماده، افزودن کد به
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 را نصب و فعال کنید، شبکههای موردنظر را انتخاب و محل نمایش را مشخص کنید؛ در چند دقیقه دکمهها روی نوشتهها ظاهر میشوند، بدون یک خط کدنویسی.
افزودن دکمهی اشتراکگذاری سایت را کند میکند؟
بستگی به روش دارد. افزونههای سنگین که اسکریپت را از سرور بیرونی میگیرند میتوانند صفحه را کند کنند. اما افزونههای سبکِ self-hosted یا روش کد دستی تأثیر بسیار کمی روی سرعت دارند. اگر سرعت برایتان حیاتی است، کد دستی سبکترین گزینه است.
آیا دکمههای اشتراکگذاری روی سئو تأثیر مستقیم دارند؟
خودِ تعداد اشتراک یک فاکتور رتبهبندی مستقیم گوگل نیست. اما اشتراک بیشتر باعث بازدید و لینک بیشتر میشود که بهصورت غیرمستقیم به دیدهشدن سایت کمک میکند. پس این دکمهها ارزش افزودن دارند، ولی انتظار جهش مستقیم رتبه از آنها نداشته باشید.
چرا باید کد را در قالب فرزند بگذارم نه قالب اصلی؟
چون با اولین بهروزرسانی قالب اصلی، فایل functions.php آن بازنویسی میشود و کد شما پاک میشود. قالب فرزند دقیقاً برای نگهداشتن تغییرات سفارشی ساخته شده و کد شما با بهروزرسانیها دستنخورده میماند.
چطور فقط چند شبکهی خاص (مثلاً تلگرام و واتساپ) را نشان دهم؟
در روش افزونه، از تنظیمات فقط همان شبکهها را فعال کنید. در روش کد دستی، در آرایهی links فقط خطوط مربوط به شبکههای موردنظر را نگه دارید و بقیه را حذف کنید. کنترل کامل روی انتخاب شبکهها با شماست.
چرا در پیشنمایش اشتراک، تصویر یا عنوان اشتباه نشان داده میشود؟
چون شبکههای اجتماعی عنوان، توضیح و تصویر را از تگهای Open Graph صفحه میخوانند. اگر این تگها تنظیم نشده باشند، پیشنمایش ناقص میشود. افزونههای سئو مثل Rank Math یا Yoast این تگها را برایتان میسازند و مشکل حل میشود.
دکمهی اشتراک برای اینستاگرام هم میشود گذاشت؟
اینستاگرام برخلاف تلگرام و فیسبوک، آدرس اشتراک عمومی برای وب ندارد و بیشتر برنامهمحور است. برای همین معمولاً بهجای «دکمهی اشتراک» اینستاگرام، از «دکمهی فالو» یا لینک پروفایل استفاده میشود. افزونههایی مثل AddToAny این نوع دکمهی فالو را پشتیبانی میکنند.
بعد از افزودن کد، سایتم صفحهی سفید شد؛ چه کنم؟
این معمولاً یعنی در کد خطای نگارشی وجود دارد. از طریق فایلمنیجر هاست یا FTP به functions.php قالب فرزند بروید، کدی که اضافه کردهاید را حذف کنید تا سایت برگردد، سپس کد را با دقت و بدون تغییر دوباره وارد کنید. داشتن بکاپ قبل از هر تغییری این کار را بیخطر میکند.
دکمهها را بالای مطلب بگذارم یا پایین آن؟
هر دو رایج است. گذاشتن دکمه در پایان مطلب منطقیتر است چون کاربر بعد از خواندن، انگیزهی بیشتری برای اشتراک دارد. بعضی سایتها هم از نوار شناور کنار صفحه استفاده میکنند که همیشه در دید است. بهترین کار این است که چند حالت را تست کنید و ببینید کدام بیشتر کلیک میگیرد.
جمعبندی و قدم بعدی
دیدیم که برای پخش راحتتر محتوا در شبکههای اجتماعی سه راه دارید: افزونه که سادهترین است، کد دستی که سبکترین و دقیقترین است، و امکانات داخلی قالب که اگر موجود باشد نیازی به ابزار اضافه ندارد. انتخاب درست به مهارت شما و اهمیت سرعت سایت بستگی دارد. اگر مبتدی هستید با یک افزونهی سبک شروع کنید و اگر دنبال بهترین عملکرد هستید سراغ کد دستی در قالب فرزند بروید. در هر حالت، قبل از تغییر بکاپ بگیرید و بعد از اجرا یک بار خودتان دکمهها را در موبایل و دسکتاپ تست کنید تا از درست کارکردنشان مطمئن شوید.
در صورتی که سوالی داشتید میتوانید در بخش نظرات با ما در ارتباط باشید.
