تو در تو کردن نظرات در وردپرس

/, مقالات آموزشی, وردپرس/تو در تو کردن نظرات در وردپرس

تو در تو کردن نظرات در وردپرس

نظرات یا دیدگاه های کاربران یک سایت، یکی از فاکتورهای اعتبار سنجی آن سایت محسوب می شود.

واضح است که اگر سایتی دیدگاه های فراوانی داشته باشد، تعداد بازدید کننده زیادی دارد. (البته به شرطی که دیدگاه ها جعلی نباشند،که فهمیدن این نکته نیز کار سختی نیست).

در برخی از وب سایت های آموزشی و خدماتی، مثلا وب سایت های مرتبط با وردپرس، کاربران در مورد مسائل مختلف از جمله نصب پوسته و افزونه ها سوالات فراوانی می کنند که با پاسخ مدیران و یا کاربران مواجه می شوند.

نکته حائز اهمیت اینجاست که اگر دیدگاه ها به صورت تو در تو (شاخه ای) نباشند، هم دیدگاه ها ظاهر دل چسبی ندارند هم باعث سردرگمی کاربران برای یافتن پاسخ سوالشان می شود، مخصوصا وقتی که دیدگاه ها خیلی تو در تو شود!

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

گام اول:

در ابتدا مطمئن شوید که ویژگی نمایش شاخه ای نظرات در وردپرس فعال است. برای این کار به منوی تنظیمات و سپس گفتگوها رفته و مطمئن شوید تیک گزینه “فعال کردن دیدگاه های تو در تو” فعال باشد. عمق تو در تو شدن را نیز به دلخواه خود انتخاب نمایید.(مثلا ۵)

گام دوم:

فایل comments.php پوسته وب سایتتان را باز کنید و کدهای موجود را پاک کرده و کدهای زیر را جایگزین نمایید.


if (!empty($_SERVER

[‘SCRIPT_FILENAME’]) && ‘comments.php’ == basename($_SERVER[‘SCRIPT_FILENAME’]))
die (‘Please do not load this page directly. Thanks!’);

if ( post_password_required() ) { ?>

This post is password protected. Enter the password to view comments.

to “



Comments are closed.


You must be logged in to post a comment.

Logged in as. Log out »

/>

/>



گام سوم:

کد زیر را در header.php و بالای “” قرار دهید.

گام چهارم:

اکنون نوبت به استایل دهی است. برای استایل دادن به دیدگاه ها شما باید با  CSS آشنایی داشته باشید. در زیر لیست برخی از ویژگی ها برای استایل دادن آمده است.

ol.commentlist {}
ol.commentlist li {}
ol.commentlist li.alt {}
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment {}
ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.vcard {}
ol.commentlist li.comment div.vcard cite.fn {}
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar {}
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta {}
ol.commentlist li.comment div.comment-meta a {}
ol.commentlist li.comment * {} - (p, em, strong, blockquote, ul, ol, etc.)
ol.commentlist li.comment div.reply {}
ol.commentlist li.comment div.reply a {}
ol.commentlist li.comment ul.children {}
ol.commentlist li.comment ul.children li {}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 {}
ol.commentlist li.comment ul.children li.depth-3 {}
ol.commentlist li.comment ul.children li.depth-4 {}
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even {}
ol.commentlist li.odd {}
ol.commentlist li.parent {}
ol.commentlist li.pingback {}
ol.commentlist li.pingback div.comment-author {}
ol.commentlist li.pingback div.vcard {}
ol.commentlist li.pingback div.vcard cite.fn {}
ol.commentlist li.pingback div.vcard cite.fn a.url {}
ol.commentlist li.pingback div.vcard span.says {}
ol.commentlist li.pingback div.commentmetadata {}
ol.commentlist li.pingback div.comment-meta {}
ol.commentlist li.pingback div.comment-meta a {}
ol.commentlist li.pingback * {} - (p, em, strong, blockquote, ul, ol, etc.)
ol.commentlist li.pingback div.reply {}
ol.commentlist li.pingback div.reply a {}
ol.commentlist li.pingback ul.children {}
ol.commentlist li.pingback ul.children li {}
ol.commentlist li.pingback ul.children li.alt {}
ol.commentlist li.pingback ul.children li.bypostauthor {}
ol.commentlist li.pingback ul.children li.byuser {}
ol.commentlist li.pingback ul.children li.comment {}
ol.commentlist li.pingback ul.children li.comment-author-admin {}
ol.commentlist li.pingback ul.children li.depth-2 {}
ol.commentlist li.pingback ul.children li.depth-3 {}
ol.commentlist li.pingback ul.children li.depth-4 {}
ol.commentlist li.pingback ul.children li.depth-5 {}
ol.commentlist li.pingback ul.children li.odd {}
ol.commentlist li.thread-alt {}
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}

در کد فوق عمق شاخه ای شدن را تا ۵ واحد ادامه دادیم. امکان افزایش عمق تا ۱۰ واحد نیز میسر است.

اگر یک فرد مبتدی هستید و با CSS آشنایی چندان ندارید، رای استایل دادن به بخش نظرات از نمونه کد زیر می توانید استفاده کنید.

ol.commentlist { list-style:none; margin:0; padding:0; }
ol.commentlist li { border:1px solid #d5d5d5; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:0 0 10px; padding:5px 7px 5px 64px; position:relative; }
ol.commentlist li.pingback comment-author { padding:0 170px 0 0; }
ol.commentlist li div.vcard { font-weight:bold; font-size: 14px; line-height: 16px; font-family: helvetica,arial,sans-serif; }
ol.commentlist li div.vcard cite.fn { font-style:normal; font-size: 11px; }
ol.commentlist li div.vcard cite.fn a.url { color:#cc0000; text-decoration:none; }
ol.commentlist li div.vcard cite.fn a.url:hover { color:#000; }
ol.commentlist li div.vcard img.avatar { background: #fff; border:1px solid #aaa; padding: 5px; left:7px; position:absolute; top:7px; }
ol.commentlist li div.comment-meta { font-weight:bold; font-size: 10px; line-height: 16px; font-family: helvetica,arial,sans-serif; position:absolute; right:10px; text-align:right; top:5px; }
ol.commentlist li div.comment-meta a { color:#205B87; text-decoration:none; }
ol.commentlist li p { font-weight:normal; font-size: 12px; line-height: 16px; font-family: helvetica,arial,sans-serif; margin:5px 0 12px; }
ol.commentlist li ul { font-weight:normal; font-size: 12px; line-height: 16px; font-family: helvetica,arial,sans-serif; list-style:square; margin:0 0 12px; padding:0; }
ol.commentlist li div.reply { background:#999; border:1px solid #666; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff; font:bold 9px/1 helvetica,arial,sans-serif; padding:6px 5px 4px;  text-align:center; width:36px; }
ol.commentlist li div.reply:hover { background:#cc0000; border:1px solid #cc0000; }
ol.commentlist li div.reply a { color:#fff; text-decoration:none; text-transform:uppercase; }
ol.commentlist li ul.children { list-style:none; margin:12px 0 0; text-indent:0; }
ol.commentlist li ul.children li.depth-2 { margin:0 0 3px; }
ol.commentlist li ul.children li.depth-3 { margin:0 0 3px; }
ol.commentlist li ul.children li.depth-4 { margin:0 0 3px; }
ol.commentlist li ul.children li.depth-5 { margin:0 0 3px; }
ol.commentlist ul.children li.odd { background:#fff; }
ol.commentlist ul.children li.even { background:#f6f6f6; }
ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }

نتیجه چیزی شبیه تصویر زیر خواهد شد.

threaded

 در کد بالا مقدیر را به دلخواه خود می توانید تغییر دهید مثلا جهت تغییر سایز آواتار کد زیر را پیدا کرده و مقادیر آن را به دلخواه تغییر دهید.


نکته: در حال حاضر کاربرانی وجود دارند که تمایل دارند بر بخش دیدگاه ها تسلط داشته باشند و بتوانند آن را شخصی سازی کنند اما به دلیل عدم دانش کافی در کد نویسی این کار به آنان توصیه نمی شود. ما اینجا در دو مرحله با دور زدن وردپرس راهی آسان تر پیش پای شما خواهیم گذاشت.

۱- کد زیر را در wp_list_comments قرار دهید.


سپس فایل functions.php را باز کرده و کدهای زیر را اضافه کنید.

  • id=”li-comment-“>


اکنون در اینجا دست شما باز است و بخش نظرات را به دلخواه خود می توانید شخصی سازی کنید. مثلا سایز آواتار را تغییر دهید، کلاس ها و شناسه ها را تغییر دهید و هر چیز دیگری که فکر میکنید می توانید تغییر دهید.

همچنین مطالعه نوشته های زیر را به شما توصیه می کنیم:

آموزش غیرفعال کردن لینک نظرات در وردپرس

آموزش نمایش تعداد دفعات بازدید و نظرات یک مطلب در وردپرس

هایلایت کردن نظرات نویسنده مطلب در وردپرس

تغییر اندازه گراواتار در بخش نظرات وردپرس

اضافه کردن امضاء به نظرات مدیریت وردپرس

جایگزین کردن کلمات نامناسب در نظرات وردپرس

متمایز کردن دیدگاه نویسنده در وردپرس

نویسنده: |۱۳۹۷/۷/۱۸ ۱۶:۱۳:۲۳۲۰ مهر ۱۳۹۷|ترفند وردپرسی, مقالات آموزشی, وردپرس|فاقد دیدگاه

درباره نویسنده:

افتادگی آموز گر طالب فیضی / هرگز نخورد آب، زمینی که بلند است ...

نظر شما چیست