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

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

در برخی از سایت ها دیده شده که دکمه ای به نام 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>

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

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

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