افزودن بخش لایک به نوشته های وردپرس بدون افزونه

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

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

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

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

وجود حتی ثانیه ای بیشتر کاربر قطعا در سئو وب سایت شما تاثیر گذار خواهد بود .

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

خب راه کار چیست ؟

ابتدا کل فایل ها را که در انتهای صفحه موجود است دانلود نمایید .
سپس فایل post-like.php را در پوشه قالب خود آپلود نمایید .
حال وارد function.php قالب خود شده و کد زیر را وارد آن نمایید .


<?php include_once('post-like.php'); ?>

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


.sl-wrapper a {
border-bottom: 0 !important;
text-decoration: none !important;
}
.sl-button {
padding: 0.375em 0.625em;
font-size: 1em;
line-height: 1;
font-weight: normal;
}

/* Colors */
a.liked {
color: #da1b1b;
}
a.liked:hover,
a.liked:active,
a.liked:focus {
color: #666666;
}
a.liked span.sl-count,
.sl-count {
color: #666666;
}

/* Icon */
.sl-icon {
margin-right: 0.3125em;
font-family: 'Arial Unicode MS', Arial, sans-serif;
vertical-align: middle;
}
.sl-icon svg {
fill: currentColor;
width: 1em;
height: 1em;
}
.sl-icon svg:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left:0;
}

/* Count */
.sl-count {
font-size: 0.625em;
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
text-transform: uppercase;
vertical-align: middle;
}

/* Loader */
.loader,
.loader:before,
.loader:after {
background: rgba(0, 0, 0, 0.2);
-webkit-animation: load1 1s infinite ease-in-out;
animation: load1 1s infinite ease-in-out;
width: .2em;
height: .6em;
}
.loader:before,
.loader:after {
position: absolute;
top: 0;
content: '';
}
.loader:before {
left: -.375em;
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.loader {
text-indent: -9999em;
display: inline-block;
position: relative;
vertical-align: middle;
font-size: 1em;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
.loader:after {
left: .375em;
}
@-webkit-keyframes load1 {
0%,
80%,
100% {
box-shadow: 0 0 rgba(0, 0, 0, 0.2);
height: .6em;
}
40% {
box-shadow: 0 -.3em rgba(0, 0, 0, 0.2);
height: 1em;
}
}
@keyframes load1 {
0%,
80%,
100% {
box-shadow: 0 0 rgba(0, 0, 0, 0.2);
height: .6em;
}
40% {
box-shadow: 0 -.3em rgba(0, 0, 0, 0.2);
height: 1em;
}
}

حال کافیست کد زیر را در فایل single.php یا page.php قرار دهید تا دکمه لایک برای کاربر نمایش داده شود .


 echo get_simple_likes_button(get_the_ID());

امیدوارم ازین مقاله لذت برده باشید .

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

question