SHET21

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

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

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

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

ازآنجایی‌که گوگل پلاس شبکه اجتماعی خود گوگل است و اهمیت زیادی برای گوگل دارد؛ می‌توانید با افزودن گوگل پلاس به وردپرس و درج دکمه +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 خورده ولی برا بقیه ی برگه ها و نوشته ها صفره و رتبشون جداست،بنظر شما اینطوری بهتره یا اینکه باید برای همه ی قسمت های سایت یک رتبه باشه؟

    • رضا راد۸ اردیبهشت ۱۳۹۶

      سلام همین روش بهتره. اونطوری باید href بهش بدید

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

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

    • رضا راد۲۴ فروردین ۱۳۹۶

      سلام خاصیت سی اس اس z-index بهش بدید

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

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

    • رضا راد۲۸ بهمن ۱۳۹۵

      سلام بايد سي اس اس position:fixed رو اضافه كنيد

      • کاربر مهمان۲۳ اسفند ۱۳۹۵

        واقعا لطف کردین که پاسخگو بودین سي اس اس position:fixed رو از کجا میتونم پیدا کنم ؟

        • رضا راد۲۴ اسفند ۱۳۹۵

          متشکرم. همین position:fixed هست و نیازی نیس پیدا کنید. همینو وارد کنید

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

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

    • رضا راد۷ آذر ۱۳۹۵

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

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

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

    • رضا راد۵ آذر ۱۳۹۵

      سلام همین رو به هر صفحه اضافه کنید یا توی footer.php

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

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

    • رضا راد۱۰ آبان ۱۳۹۵

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

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

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

    • رضا راد۴ آبان ۱۳۹۵

      سلام با سی اس اس background:white بهش بدید. بسیار ساده هست

      • U2778۴ آبان ۱۳۹۵

        با تشکر فراوان

        • U2778۵ آبان ۱۳۹۵

          شرمنده بنده سوالاتم زیلد میشه و وقتتون رو میگیرم.
          طبق گفته شما بنده کدهارو در فوتر گذاشتم و لی فقط در فوتر به نمایش در میاد.راهکار چیست؟
          http://ne-led.ir

          • رضا راد۵ آبان ۱۳۹۵

            سلام کد سی اس اس رو درست وارد نکردید توی استایل. Ctrl+f5 فراموش نشه برای خالی کردن کش مرورگر

  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۳ آبان ۱۳۹۵

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

        • رضا راد۳ آبان ۱۳۹۵

          سلام باید کد نویسی php کنید توی گوگل سرچ کنید wp if is home

گفتگو با تیم فروشسلام! دنبال پاسخ برای سوالات خود هستید؟ ما اینجا آماده کمک به شما هستیم...

در حال بارگذاری مقالات...

پشتیبانگفتگو با تیم فروش
پشتیبانگفتگو با تیم فروش در حال حاضر آفلاین هستیم. لطفاً پیام بگذارید تا در اولین فرصت پاسخ دهیم. آفلاین

در حال بارگذاری...

سوالی درباره محصولات سایت دارید؟از ما بپرسید.