learndl learndl triboon

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

how-to-add-a-google-plus-button

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

در برخی از سایت ها دیده شده که دکمه ای به نام G+1 در سایت قرار گرفته می شود که کاربران با کلیک بر روی ان میتوانند از طریق گوگل پلاس و اکانت جمیل خود به آن صفحه یا مطلب رای دهند.
موتور جستجوگر گوگل وب سایت هایی که از این امکان که نامش گوگل پلاس است استفاده می کنند بیشتر اهمیت داده و به نتایج اولیه خو میاره و محبوبیت او سایت با صفحه رو در نظر خواهد گرفت.

قرار دادن دکمه گوگل پلاس در قالب وردپرس باعث ایجاد امکان درج نظر سنجی توسط کاربران می باشد و باعث محبوبیت شما در موتور های جستجو گر خواهد شد. با ما همیشه به روز باشید.

آموزش قرار دادن دکمه گوگل پلاس

خیلی آسونه! ابتدا فایل هدر header.php قالب وردپرس خود را ویرایش کنید.
کد جاوا اسکریپت زیر را قبل از تگ </head> قرار دهید.

<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>

درصورتی که میخواهید اعداد گوگل پلاس فارسی نمایش داده شوند از کد زیر استفاده کنید.

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

خوب شما امکان گوگل پلاس رو به سایت خود اضافه کردید.

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

<!-- Standard google plus button -->
<g:plusone></g:plusone>
 
<!-- Tall google plus button -->
<g:plusone size="tall"></g:plusone>
 
<!-- Medium google plus button -->
<g:plusone size="medium"></g:plusone>
 
Small google plus button
<g:plusone size="small"></g:plusone>

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

برای اینکار کافیست فایل استایل style.css قالب خود را ویرایش کنید و کدهای زیر را در آخر این فایل کپی کنید.

.plusone {
    position: fixed;
    background: #FFF;
    width: 130px;
    left: 10px;
    bottom: 10px;
    box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.06);
    border-radius: 7px;
    padding: 0px 0px 5px;
}
.plusone span {
    background: #DB4437;
    padding: 5px 0px;
    color: #FFF;
    display: block;
    margin-bottom: 10px;
    border-radius: 5px 5px 0px 0px;
}

خوب حال فایل فوتر footer.php قالب را ویرایش کرده و کد های زیر را قبل از کد </body></html> قرار دهید.

<div class="plusone">
<span>وبیت رو دوست دارید؟</span>
<?php if (is_single()) { ?>
<g:plusone size="medium" href="<?php the_permalink(); ?>"></g:plusone>
<g:plusone size="medium" href="<?php echo home_url(); ?>"></g:plusone>
<?php } else { ?>
<g:plusone size="tall"></g:plusone>
<?php } ?>
</div>

داخل این کد یک شرط گذاشتیم که اگر ادامه مطلب بود گوگل پلاس نوشته به همراه صفحه اصلی بیاد.
درغیر اینصورت در صفحات دیگه مثل خانه ، آرشیو یا دسته بندی ها گوگل پلاس صفحه مرتبط بیاد.

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

موفق و پیروز باشید.

به این مطلب امتیاز دهید

امتیاز کلی : 3 / 5. تعداد آرا : 2

اولین نفر باید که به این مطلب امتیاز میدهید

وبیت این پست توسط نگارش شده است.

اسم من محمد پورداداش هست و متولد سال 1367 در خدمت شما هستیم . تخصص من طراحی گرافیک و کدنویسی وب است و سعی خواهم کرد بهترین خدمات را به شما وبمستران و گرافیست های عزیز ارائه کنم. به ترس هات غلبه کن تا در زندگی همیشه پیروز باشی.

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

اشترک گذاری

مقاله های پیشنهادی

وبیت این مطالب را به شما پیشنهاد میدهد

ارسال نظر ( 2 نظر تایید )

نظرات پس از رویت و تایید مدیران نمایش داده می شود
  • آی آر موزیک 24 بهمن 1395 پاسخ

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

    • محمد پورداداشمدیر سایت[ در پاسخ به آی آر موزیک ] 24 بهمن 1395 پاسخ

      با سلام
      بله گوگل پلاس اهمیت ویژه ای در بالا بردن در موتور جستجوی گوگل داره و یک نوع تبلیغ در شبکه های اجتماعی گوگل پلاس محسوب میشه.

همکاران وبیت