افزودن دکمه گوگل پلاس به وردپرس + آموزش ویدیویی

افزودن دکمه گوگل پلاس به وردپرس
افزودن دکمه گوگل پلاس به وردپرس

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

نکته: گوگل پلاس در حال حاضر توسط گوگل غیر فعال شده و نمی‌توانید از این امکان استفاده کنید.

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

افزودن دکمه گوگل پلاس به وردپرس

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

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

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

آموزش ویدیویی افزودن دکمه گوگل پلاس به وردپرس

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

برای افزودن گوگل پلاس به وردپرس ابتدا کد زیر را در فایل Footer.php قالب خود قبل از /body قرار دهید.

نکته: در نظر داشته باشید که شما می‌توانید این کد را در فایل Header.php یعنی هدر قالب نیز قرار دهید. اما ما به شما پیشنهاد می‌کنیم جهت افزایش سرعت لود سایتتان آن را در فایل فوتر خود قرار دهید. به‌این‌ترتیب هیچ مشکلی برای سایت شما پیش نمی‌آید.

<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
{lang: 'fa'}
</script>

اکنون می‌توانید به‌راحتی با اضافه کردن کد زیر در هر جای قالب وردپرس ، ابزارک‌ها و مطالب، یک دکمه گوگل پلاس داشته باشید.

<g:plusone size="tall"></g:plusone>

قرار دادن دکمه گوگل پلاس گوشه سایت

برای قرار دادن گوگل پلاس در گوشه سایت باید پوزیشن کد بالا را ثابت کنید. یعنی کد زیر را بعد از اسکریپتی که در Footer.php اضافه کردید، در فایل فوتر سایت خود قرار دهید.

<div style="position:fixed; left:20px; bottom:10px;"><g:plusone size="tall"></g:plusone></div>

تغییر سایز دکمه گوگل پلاس

برای تغییر سایز دکمه گوگل پلاس، بایستی مقدار Size را به مقدار دلخواه تغییر دهید:

<g:plusone size="small"></g:plusone>     کوچک

<g:plusone></g:plusone>     استاندارد

<g:plusone size="medium"></g:plusone>     متوسط

<g:plusone size="tall"></g:plusone>     بزرگ

امیدواریم از این آموزش نهایت بهره را برده باشید. موفق و پیروز باشید.

راستی! برای دریافت مطالب جدید در کانال تلگرام یا پیج اینستاگرام میهن وردپرس عضو شوید.

نظر شما در این‌باره چیست؟

  1. کاربر مهمان ۲۱ تیر ۱۳۹۷

    ممنون از شما دوست عزیز سایتتون عالیه موفق باشید

  2. کاربر مهمان ۲۴ شهریور ۱۳۹۶

    سلام من کد رو قرار دادم اما مشکل داره خودتون ببینید : http://newkar.ir

    ممنون

  3. کاربر مهمان ۲۹ تیر ۱۳۹۶

    دمت گرم, علی بود

  4. کاربر مهمان ۲۳ تیر ۱۳۹۶

    من تو سایتم گذاشتم بد شد .
    telbaz.ir

  5. کاربر مهمان ۰۸ اردیبهشت ۱۳۹۶

    سلام،خیلی ممنون من با آموزش شما تونستم این دکمه رو اضافه کنم،فقط اینکه این برا هر برگه رتبه ی جداگانه ای داره،ینی مثلا صفحه ی اول سایت 4 تا +G خورده ولی برا بقیه ی برگه ها و نوشته ها صفره و رتبشون جداست،بنظر شما اینطوری بهتره یا اینکه باید برای همه ی قسمت های سایت یک رتبه باشه؟

  6. کاربر مهمان ۲۴ فروردین ۱۳۹۶

    سلام، از حالت شناور استفاده کردم ولی با اسکرول کردن کاملا زیر ساید بار قرار میگیره ، چطور میتونم کاری کنم بالای بقیه لایه ها قرار بگیره؟

  7. کاربر مهمان ۲۷ بهمن ۱۳۹۵

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

  8. کاربر مهمان ۰۷ آذر ۱۳۹۵

    سلام به مدیر خوب سایت میهن وردپرس ، آقا لطفا یک استایل خوب برای این کد تعریف کنید ممنون میشم الان من تو سایتم گذاشتم ولی استایلی نداره خیلی بد ریخت میشه http://downloadnohe.ir/

    • رضا حسینی راد رضا حسینی راد ۰۷ آذر ۱۳۹۵

      سلام متشکرم. می تونید با سی اس اس بهش استایل بدید مثلا: background:white;border:2px solid #ddd;border-radius:5px

  9. کاربر مهمان ۰۵ آذر ۱۳۹۵

    ممنون برای هر مطلب بخوام یه دکمه باشه چیکار کنم؟

  10. U2895 ۱۰ آبان ۱۳۹۵

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

  11. U2778 ۰۴ آبان ۱۳۹۵

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

  12. U2778 ۰۳ آبان ۱۳۹۵

    عالی بود.
    فقط یک سوال این آیکن رو در هر مطلبی که بگذاریم تعداد دفعه اشتراک همون آدرس رو نشون میده؟
    و در هر پست یا صفحه تعدادش فرق داره درسته؟

  13. کاربر مهمان ۲۹ مهر ۱۳۹۵

    سلام. وقتی ما بخواهیم همچین گزینه ای به گوشه سایت اضافه کنیم باید یک صفحه در گوگل پلاس برای سایتمان داشته باشیم ؟ یا نه مشکلی نداره

  14. کاربر مهمان ۱۵ شهریور ۱۳۹۵

    با تشکر. بنده از این دکمه در سایت خود استفاده کردم فقط یک مشکل کوچک پیش آمد این که اسکرول افقی (پایین مرورگر) اضافه شد. چگونه این مشکل را رفع کنم؟

  15. U67 ۱۷ مهر ۱۳۹۴

    ممنون از پاسخگویی تون.
    سوال آخر: میخوام وردپرسم رو آپدیت کنم. آیا اطلاعات سایتم پاک میشه؟
    حتما باید بکاپ بگیرم از سایت؟ اگر بله، چطوری؟

    • رضا حسینی راد رضا حسینی راد ۱۸ مهر ۱۳۹۴

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

  16. U67 ۱۷ مهر ۱۳۹۴

    سپاس
    تونستم ظاهرش کنم. فقط چرا موس میره روی +G لینکش فعال نمیشه و نمیشه کلیک کرد؟ و اینکه چرا نوشته 631؟

    • رضا حسینی راد رضا حسینی راد ۱۷ مهر ۱۳۹۴

      خواهش می کنم. اینکه لینکش فعال نمیشه میتونه از قالب باشه. خاصیت z-index بهش بدید درست میشه. اگه نوشته 631 حتما 631 تا پلاس شدید دیگه 😀

  17. U67 ۱۶ مهر ۱۳۹۴

    چرا کدها رو نشون نمیده پس؟
    علامت های کوچکتر بزرگتر رو با * جایگزین کردم. دیگه خودتون استادین
    *?php wp_footer(); ?*

    *script type=”text/javascript” src=”https://apis.google.com/js/plusone.js”*
    {lang: ‘fa’}
    */script*
    *g:plusone size=”tall”**/g:plusone*
    *div style=”position:fixed; left:20px; bottom:10px;”**g:plusone size=”tall”**/g:plusone**/div*

    */body**/html*

    • رضا حسینی راد رضا حسینی راد ۱۶ مهر ۱۳۹۴

      توی این خط
      *script type=”text/javascript” src=”https://apis.google.com/js/plusone.js”*

      ” ها رو تصحیح کنید. ظاهرا اشتباه تایپ شده

  18. U67 ۱۶ مهر ۱۳۹۴

    ممنون. کل کدهای فایل footer.php من اینه اما بازم نشون نمیده:

    {lang: ‘fa’}

    البته اینجا چون چپ چین نیست کمی بهم ریخته.

  19. U67 ۱۶ مهر ۱۳۹۴

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

    • رضا حسینی راد رضا حسینی راد ۱۶ مهر ۱۳۹۴

      سلام

      برای درج در گوشه پایین سایت میتونید توی فایل footer.php قرارش بدید و با کد Css پوزیشن div رو ثابت کنید یعنی به این صورت:
      position:fixed;
      left:10px;
      bottom:10px;

      • U3030 ۰۳ آبان ۱۳۹۵

        سلام. از کدوم قسمت کد متن دوم بهش بدیم؟ منظورمو اینه که عنوانش تو صفحه های دیگه یه متن دیگه باشه تو صفحه اصلی یه متن. مرسی