امروز : شنبه ۲ بهمن ۱۳۹۵ شما در سایت وبیت هستید.
دسته ها
سبد خرید شما

محصولی موجود نمی باشد!

امام حسین(ع) : بخشنده‌ترین مردم کسی است که به آنکه چشم امید به او نبسته ، بخشش ‌کند.
برای استعلام یا ارسال سفارش اینجا کلیک کنید.
faradarsiraniwp

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>

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

حتما بخوانید  قالب خبری و فروشگاهی وردپرس dazzling

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

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

هاست و دامین ندارید!؟ هم اکنون سفارش دهید.

نکته : کپی بردای و انتشار مطالب وبیت با ذکر منبع بلامانع می باشد.

توجه : لطفا مشکلات خود را در انجمن های وبیت مطرح کنيد.

منبع : وبیت

آیا مطلب موثر و مفید بود؟ حالا امتیاز خود ثبت کنید.
آموزش قرار دادن دکمه گوگل پلاس در قالب وردپرس
5 از 2 رای

بازدید : 103 بار دسته بندی : آموزش ، آموزش وبمستر ، آموزش وردپرس دیدگاه : ۰ تاريخ : ۱۷ دی ۱۳۹۵
به اشتراک بگذارید :
فیسبوک گوگل تویتر کلوب فیسنما
محمد پورداداش

من محمد پورداداش متولد سال ۱۳۶۷ در خدمت شما هستم. طراحی گرافیک و وب مهترین مسئولیت من بوده و است. سعی خواهم کرد بهتر از همیشه در خدمت شما باشم. خوب بودن به حرف نیست به رفتار نیک و عمل پسندیده است.

دیدگاه کاربران تعداد دیدگاه : ۰


وبیت رو دوست دارید؟