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

highlight-authors-comments-in-wordpress

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

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

. را تولید می کند که شما می توانید از آن استفاده نمایید  <?php comment_form(); ?> وردپرس به طور پیشفرض تابع 

به طور پیش فرض این تابع فرم نظرات  را با سه زمینه متن (نام، ایمیل، و وب سایت)، یک textarea برای متن کامنت، و  دکمه ارسال تولید می کند. شما به راحتی می توانید هر یک از کلاسهای پیش فرض CSS  این زمینه ها را  با سرعت،  تغییر دهید. در زیر لیستی از پیش فرض کلاس های CSS که  وردپرس  به هر فرم نظر می افزاید  را می بینید .

 

 

به سادگی شما می توانید با سرعت کلاس های css فرم خود را استایل دهید.بگذارید به جلوتر برویم و فرم های خود را کمی جلوه بهتر دهیم.به وسیله کد زیر می توانید فیلد فعال را highlight نمایید

 


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

 


به وسیله کد زیر می توانید دکمه  ارسال را استایل دهی نمایید

 


همچنین به وسیله کد php زیر می توانید فیلد  url و یا وبسایت را غیر فعال نمایید.کد زیر را در functions.php وارد نمایید

 

 

 

 

 

 

 

 

 

 

تاریخ آخرین بروزرسانی : ۲۶ فروردین ۱۳۹۵
میلاد میلادی

باور هایت را که پرورش دهی به هرچیزی دست خواهی یافت.

Advertising MiSaCo.
2نظر برای

استایل دهی فرم نظرات در وردپرس


  1. با سلام
    من یک وب سایت برای چالش عکاسی راه اندازی کرده ام و میخواهم کاربر در بخش کامنت، به جای متن، یک تصویر ارسال کند
    برای همین از یک افزونه برای پیوست کردن تصویر به دیدگاه استفاده کرده ام که امکان پیوست تصویر به دیدگاه را برای کابر فراهم می نماید.
    حالا نمی دانم چگونه باید از شر فضای متن (textarea) موجود در کامنت، خلاص شوم.
    خواستم به کمک CSS این فضای متنی را پنهان کنم، ولی هسته وردپرس اجازه ارسال کامنت بدون متن (دیدگاه خالی) را نمی دهد
    اگر کسی راه حل دارد راهنمایی کند
    با تشکر

    • صادق مهدی لو

      سلام و عرض ادب

      لطفا از قطعه کد زیر استفاده کنید 

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

نظرات خود را اینجا بنویسید

آدرس الکترونیکی شما نمایش داده نمی شود *

Time limit is exhausted. Please reload CAPTCHA.