دیجی اسکریپت

تغییر قالب HTML بخش نظرات وردپرس | دیجی اسکریپت

تغییر قالب HTML بخش نظرات وردپرس
[ad_1]

درود بر شما وردپرسی‌های عزیز. بخش نظرات وردپرس بصورت پیشفرض قالب زیبایی ندارد. اما تغییر html بخش نظرات و سفارشی کردن المنت‌های نمایش داده شده در لیست نظرات وردپرس کاری جالب‌ خواهد بود. که در این مقاله به این موضوع می‌پردازیم. برای تغییر قالب HTML بخش نظرات وردپرس این مقاله را مطالعه بفرمایید.

 

بعد از این‌که بخش نظرات سایت‌مان را تغییرات زیادی دادیم، کاربران زیادی از ما دلیل حذف گراواتار از بخش نظرات سایت ۲۰اسکریپت یا حذف نام کاربران از لیست نظرات را جویا شدند.

 

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

 

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

 

شاید شما هم بخواهید این‌کار را انجام دهید و بخش نظرات سایت خود را کمی تغییر دهید.

 

تغییر قالب HTML بخش نظرات وردپرس

قبل از اینکه شروع کنید به تغییر دادن این بخش، توجه داشته باشید که حتما باید با HTML و CSS و البته کمی PHP آشنایی داشته باشید. چون قرار هست وارد دل قالب وردپرسی‌مان شده و کمی از توابع وردپرس استفاده کنیم.

 

HTML و CSS برای تغییر ظاهر و بهتر کردن استایل بخش نظرات مورد نیاز هست و کمی هم PHP برای این‌که موقع استفاده از توابع مورد نیاز برای انجام این‌کار، سایت ما با خطای ۵۰۰ یا Fatal ERROR مواجه نشود.

 

شروع کنیم و این قالب که جلوه زیبایی ندارد را به یک قالب بهتر تبدیل کنیم:

تغییر قالب HTML بخش نظرات وردپرس

تغییر قالب بخش نظرات وردپرس

برای تغییر قالب بخش نظرات وردپرس، کافیست کدنویسی‌های قالب وردپرسی نصب شده روی سایت خودتان را تغییر دهید. برای اینکار از بخش نمایش > ویرایشگر اقدام می‌کنیم. پس وارد پنل مدیریت وردپرس شده و سپس بخش نمایش و منوی ویرایشگر را کلیک می‌کنیم.

تغییر قالب HTML بخش نظرات وردپرس

سپس فایل comments.php را از لیست فایل‌های سمت چپ انتخاب می‌کنیم.

تغییر قالب HTML بخش نظرات وردپرس

حالا باید به دنبال این کد باشیم:

wp_list_comments

و سپس کد بالا را به شکل زیر تغییر دهیم:

wp_list_comments( array(
    'style'      => 'ul',
    'short_ping' => true,
  'callback' => 'mw_better_comments'
) );

اتفاق جالبی که افتاد این بود که از این پس لیست نظرات وردپرس با کال بک mw_better_comments نمایش داده خواهد شد. یعنی می‌توانیم یک تابع با این نام بسازیم و نحوه نمایش لیست نظرات وردپرس را تغییر دهیم.

پس فایل functions.php را از ستون سمت چپ همان صفحه باز می‌کنیم.

تغییر قالب HTML بخش نظرات وردپرس

و سپس در این فایل بعد از شروع شدن php یعنی <?php تابع جدید خود را می‌سازیم. به این شکل:

function mw_better_comments($comment, $args, $depth) {
    ?>
   <li class="comment-li" id="comment-<?php comment_ID();?>">
        <div class="comment-block">
                <?php if ($comment->comment_approved == '0') : ?>
                    <p class="comment-awaiting">نظر شما در انتظار بررسی ناظر هست. لطفا صبر کنید.</p>
                <?php endif; ?>
            <p><?php comment_text() ?></p>
						<?php
							comment_reply_link(
								array(
									'reply_text' => 'پاسخ دادن',
									'depth'      => $depth,
									'max_depth'  => $args['max_depth'],
								)
							);
						?>
        </div>
		</li>
<?php
}

بین این کدها می‌توانید از توابع نمایش نام، آواتار، تاریخ و … بر اساس قالب خود استفاده کنید. مثلا ما برای نمایش ندادن Gravatar در بخش نظرات سایت بیست اسکریپت، بخش نمایش گراواتار را حذف کرده و به جای آن از img استفاده می‌کنیم. انجام کارهای خارق‌العاده روی این بخش بستگی به میزان خلاقیت شما خواهد داشت.

به همین راحتی! قالب بخش نظرات وردپرس تغییر کرده و می‌توانید بسته به نیاز خود حالت نمایش لیست نظرات در وردپرس را تغییر دهید.

موفق و پیروز و سربلند باشید. 🙂

نوشته تغییر قالب HTML بخش نظرات وردپرس اولین بار در بیست اسکریپت. پدیدار شد.

[ad_2]

لینک منبع مطلب

برچسب ها

این مطلب بدون برچسب می باشد.

ارسال دیدگاه جدید

به نکات زیر توجه کنید

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