افزونه وردپرس امتیاز دهی به مطالب Reaction Buttons

Reaction Buttons نام افزونه وردپرس می باشد که شما با استفاده از این افزونه می توانید به کاربر این امکان را دهید که به مطالب وردپرسی خود بر اساس کیفیت امتیاز دهد. افزونه فوق دقیقا همان چیزی هست که ما دنبالش هستیم! جهت مشاهده و دانلود افزونه امتیاز دهی وردپرس با ما باشید.

آموزش کار با افزونه وردپرس Reaction Buttons :

افزونه وردپرس مورد نظر  را دانلود کرده و سپس در محل افزونه ها نصب و فعال نمایید. برای تنظیم کردن اون از منوی تنظیمات روی گزینه reaction buttons کلیک کنید.

• روی گزینه اول با عنوان Show Reaction Buttons رو تیک بزنید تا در پایان هر نوشته لینک های مخصوص مخاطبین به نمایش آید.
• گزینه Position in the post نیز محل قرار گیری لینک ها را از شما سوال می کند که بهترین حالت قرارگیری آنها در پایان هر پست و نوشته است.
• گزینه tagline بخشی است که در مورد لینک های بازخورد سوال می کند به عنوان مثال من این سوال رو میذارم : نظرتون در مورد نوشته من چیست؟

• گزینه فوق با عنوان Reaction Buttons مربوط به واکنش هایی است که برای مخاطب تعریف می کنید تا با کلیک روی آن ها شما را از وضعیت مطلع کند. برای نمونه مواردی مثل عالی، مفید، خوب، خسته کننده، بی فایده تعریف شده است.

• گزینه Show results after vote گزینه نمایش نتایج حاصل از آراء است.
• گزینه Only one vote یعنی هر خواننده فقط یک بار می تواند رای بدهد.
• گزینه Show percentages شماره آراء رو مشخص میکند.
• گزینه Page types نوع برگه هایی رو که می خواهید در آن ها این موارد نمایش داده بشه رو مشخص می کند.
• گزینه مهم بعدی Use CSS است. این گزینه به ما اجازه میدهد تا از استایل دلخواه خود برای لینک های آراء استفاده کنیم.

مثلا استایل css ای که برای این افزونه استفاده شده به صورت زیر است.

/* the reaction buttons region */
div.reaction_buttons{
    margin-top: 20px;
    font-size: 0.8em;
    text-align: left;
}
/* a single button */
div.reaction_buttons .reaction_button {
    line-height: 3.2em;
    padding: 5px;
    margin: 0 3px;
    margin-bottom: 25px;
    cursor: pointer;
background-color:#007fba;
color:#FFF;
}
/* the button while hovering over it */
div.reaction_buttons > .reaction_button:hover {
    background-color: #0F6;
}
/* the button after voting
div.reaction_buttons > .voted, div.reaction_buttons > .voted:hover {
}
/*
/* number of votes including parantheses.
.reaction_buttons .reaction_button .count {
}
*/
/* number of votes in between the parantheses.
.reaction_buttons .reaction_button .count_number {
}
*/
#sidebar div.widget_reaction_buttons h3 {
    margin: 0;
    margin-top: 4px;
    font-size: 1.1em;
}
#sidebar div.widget_reaction_buttons ol {
    margin-left: 25px;
}