آموزش ساخت فرم دیدگاه ها در وردپرس

comment-icon2

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

ابتدا شما یک فایل php به نام comments.php ایجاد کنید.

سپس کد زیر را در داخل آن فایل قرار دهید:

<?php // Do not delete these lines
if (!empty($_SERVER['SCRIPT_FILENAME']) && 'comments.php' == basename($_SERVER['SCRIPT_FILENAME']))
die ('Please do not load this page directly. Thanks!');
if (!empty($post->post_password)) { // if there's a password
if ($_COOKIE['wp-postpass_' . COOKIEHASH] != $post->post_password) {  // and it doesn't match the cookie
?>
<p class="nocomments"><?php _e('This post is password protected. Enter the password to view comments.','kubrick'); ?></p>
<?php
return;
}
}
/* This variable is for alternating comment background */
$oddcomment = 'class="alt" ';
?></p>
<p style="text-align: left;"><?php if ($comments) : ?>
<div id="comments">
<?php foreach ($comments as $comment) : ?>
<div class="main-comment" id="comment-7294">
<?php echo get_avatar( $comment, $size = '40' );  ?><h2><?php edit_comment_link(__('&#1608;&#1610;&#1585;&#1575;&#1610;&#1588;','kubrick'),'',''); ?><?php comment_author_link() ?></cite> <?php _e('&#1711;&#1601;&#1578;&#1607; :','kubrick'); ?></h2>
<?php if ($comment->comment_approved == '0') : ?>
<em><?php _e('&#1606;&#1592;&#1585; &#1605;&#1606;&#1578;&#1592;&#1585; &#1578;&#1575;&#1610;&#1610;&#1583; &#1605;&#1610; &#1576;&#1575;&#1588;&#1583;','kubrick'); ?></em>
<?php endif; ?>
<div class="comment-text">
<?php comment_text() ?></div>
</div>
<?php
/* Changes every other comment to a different class */
$oddcomment = ( empty( $oddcomment ) ) ? 'class="alt" ' : '';
?>
<?php endforeach; /* end for each comment */ ?>
<?php else : // this is displayed if there are no comments so far ?>
<?php if ('open' == $post->comment_status) : ?>
<!-- If comments are open, but there are no comments. -->
<?php else : // comments are closed ?>
<!-- If comments are closed. -->
<p class="nocomments">__(Comments are closed.,'kubrick')</p>
<?php endif; ?>
<?php endif; ?>
<?php if ('open' == $post->comment_status) : ?>
<div class="main-comment">
<?php if ( get_option('comment_registration') && !$user_ID ) : ?>
<p><?php _e('You must be','kubrick'); ?> <a href="<?php echo get_option('siteurl'); ?>/wp-login.php?redirect_to=<?php echo urlencode(get_permalink()); ?>"><?php _e('logged in','kubrick'); ?></a> <?php _e('to post a comment.','kubrick'); ?></p>
<?php else : ?>
<form action="<?php echo get_option('siteurl'); ?>/wp-comments-post.php" method="post" id="commentform">
<?php if ( $user_ID ) : ?>
<p><?php _e('&#1608;&#1585;&#1608;&#1583; &#1576;&#1575; &#1606;&#1575;&#1605; ','kubrick'); ?> <a href="<?php echo get_option('siteurl'); ?>/wp-admin/profile.php"><?php echo $user_identity; ?></a>. <a href="<?php echo get_option('siteurl'); ?>/wp-login.php?action=logout" title="<?php _e('&#1582;&#1585;&#1608;&#1580; &#1575;&#1586; &#1575;&#1705;&#1575;&#1606;&#1578;','kubrick'); ?>"><?php _e('&#1582;&#1585;&#1608;&#1580;','kubrick'); ?> &raquo;</a></p><?php else : ?></p>
<p style="text-align: left;">

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

<div class="title-com">
نظرات دیگران درباره این مطلب</div>
<div class="post-line"></div></p>
<p style="text-align: left;">

برای تغییر عنوان باکس شما ” نظرات دیگران درباره این مطلب ” را با عنوان مورد نظر خود عوض کنید.

فرم مربوط به نام نظر دهنده:

<p><input type="text" name="author" class="author" size="22" tabindex="1" value="نام" onfocus="if(this.value == 'نام') {this.value = '';}" onblur="if (this.value == '') {this.value = 'نام';}"/>
<label class="name" for="author"></label></p></p>
<p style="text-align: left;">

کد مربوط به آدرس ایمیل کاربر:

<p><input type="text" name="email" class="email" value="آدرس ایمیل ( لازم )" onfocus="if(this.value == 'آدرس ایمیل ( لازم )') {this.value = '';}" onblur="if (this.value == '') {this.value = 'آدرس ایمیل ( لازم )';}" size="22" tabindex="2" />
<label class="email" for="email"></label></p></p>
<p style="text-align: left;">

مانند سایر کد ها شما میتوانید کد محل درج آدرس سایت را نیز قرار دهید:

<p><input type="text" name="url" id="url" value="آدرس سایت" onfocus="if(this.value == 'آدرس سایت') {this.value = '';}" onblur="if (this.value == '') {this.value = 'آدرس سایت';}" size="22" tabindex="3" />
لطفا آدرس ایمیل خود را به درستی وارد نمایید ، پس از پاسخ به دیدگاهتان ایمیل ارسال خواهد شد.
<label class="web" for="url"></label></p></p>
<p style="text-align: left;">

پس از کد های بالا و در ادامه این کدها کد زیر رو قرار بدین:

<?php endif; ?>
<!--<p><small><strong>XHTML:</strong> <?php _e('You can use these tags:','kubrick'); ?> <code><?php echo allowed_tags(); ?></code></small></p>--></p>
<p style="text-align: left;">

در نهایت برای باکس متن دیدگاه رو نیز این کد استفاده نمایید:

<textarea name="comment" style="width: 450px; height: 130px;" value="نظرات خود را اینجا بنویسید..." onfocus="if(this.value == 'نظرات خود را اینجا بنویسید...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'نظرات خود را اینجا بنویسید...';}"  rows="1"  tabindex="4"></textarea></p>
<p style="text-align: left;">

آخر سر موند کدهای مربوط به تایید ارسال یا انصراف از اون رو قرار میدیم تا فرممون تکمیل بشه:

<br>
<button align="left" style="width:87;height:35; name="submit" type="submit"  tabindex="5" value="<?php _e('&#1575;&#1585;&#1587;&#1575;&#1604; &#1583;&#1740;&#1583;&#1711;&#1575;&#1607;','dnld'); ?>" />
<input type="hidden" name="comment_post_ID" value="<?php echo $id; ?>" />نظرم رو بفرست
<button type="reset">نوشته هام رو پاک کن</button>
<?php do_action('comment_form', $post->ID); ?></p>
<p style="text-align: left;">

حالا بعد این همه کد باید شما کدهارو ببنید پس این که رو در آخر فایل مربوطه قرار بدید.

</form>
</div>
<?php endif; // If registration required and not logged in ?>
<?php endif; // if you delete this the sky will fall on your head ?>
</br>
</div>
</div></p>
<p style="text-align: left;">

تبریک میگم ، شما تونستن فرم دیدگاه خودتون رو به راحتی بسازین.

موفق باشید.

دانلود فایل PDF این آموزش

مطالب مرتبط با این نوشته

آموزش رفع خطای Failed To Load Resource در وردپرس

آموزش رفع خطای Failed To Load Resource در وردپرس

تا به حال با خطای “Failed To Load Resource” در ابزار inspect elements مرورگر خود مواجه شده اید؟ مشکلی که برای بسیاری از کاربران وردپرس وجود دارد این است که چه فایلی به خوبی بارگذاری…

22 دیدگاه تاکنون ثبت شده است ، نفر بعدی شما باشید!

  • سلام خسته نباشید من میخوام یک دوتا فیلد به قسمت نظرات با کد اضافه کنم ولی هر چقدر میگردم اکثرا گیج کنندست راهنمایی ها اگه راهنمایی کنید من چه کدهایی باید تو فایلهای ورد پرس اضافه کنم ممنون میشم

    پاسخ
  • ممنون بابت سرعت پاسخ دِهیتون… من با php آشنا نیستم و فکر کنم مشکلمو فهمیدم…. یه کدی هست به اسم کامنت کوعری که من نذاشتم… و منظوره شما هم اگر اشتباه نکنم فکر کنم همین کد هست… ممنون بابت راهنماییتون 😉

    پاسخ
  • در واقع هیچ خطایی نمیده بلکه تمام کد هایی که شما دادین به خوبی کار میکنه و تنها مشکلی داره اینه که نظری که مینویسیم و دکمه سابمیت یا همون ثبت نظر رو که میزنیم… نظر در سایت ( البته از لوکال هاست استفاده میکنم ) ثبت نمیشه

    پاسخ
    • ·

      با سلام مجدد
      اگر پس از کلیک ریلود نمیشود احتمالا تداخل کوئری با قالب یا افزونه های همراه دارد که نیاز است کدنویسی قالب را بررسی کنید.

    • سلام خسته نباشید
      از اون افزونه استفاده کردم متاسفانه بدرد نمیخورد چون کامنت ها رو بر نمیگردوند
      بیشتر میخوام تو ووکامرس دوتا فیلد واسه نقاط ضعف و قدرت درست کنم که خریدار بتونه کامنت بزاره نه خودمون اکثر افزونه هایی که تست زدم اینطوری نبودن
      فک کنم از طریق کد زدن حل بشه

  • سلام بابت آموزشتون ممنون و من تمامی مراحل رو پیش رفتم و کد ها به خوبی کار کرد. ولی تنها مشکلی که دارم اینه که موقعی که می خوام نظر بنویسم و ارسال کنم… نظرم ثبت نمیشه…
    و قالب هم خودم ساختم و تنها چیزی که مونده همین قسمت دیدگاهه که…
    لطفا کمک کنید ممنون میشم

    پاسخ
    • ·

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

  • عذر میخوام نتونستم درست متوجهش بشم این اموزش برای همین قالبیه که خودتون استفاده میکنید؟
    اگر ممکنه کمی ویرایشش کنید من بفهمم دقیقا کدومو کدوم خط بذارم یه اموزش جامع بشه ایشالله جبران کنیم براتون

    پاسخ

ارسال دیدگاه

آدرس ایمیل شما منتشر نخواهد شد. فیلد های ضروری با * مشخص شده است.

60 تا 90% تخفیف ویژه تمامی محصولات سایت در بزرگ ترین حراجی سال نوین وردپرس
مشاهده تخفیف ها