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

طراحی فرم نظرات وردپرس با استایل زیبا بدون نیاز به افزونه – سلام رفیق رایا وردپرسیم! 🌟 امیدوارم حالت توپ باشه. امروز با یه مقاله کاربردی و فوق‌العاده در خدمتت هستم که مطمئناً برات مفید خواهد بود. تو این آموزش می‌خوام برم سراغ طراحی فرم نظرات یا کامنت‌های سایتت و یه دستی به سر و روش بکشم تا از حالت پیش‌فرض و بی‌روح دربیاد و استایلی جذاب و دلپذیر پیدا کنه. پس چشم برندار و تا آخر آموزش با من همراه باش! 🙂

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

با این آموزش، نه تنها ظاهر سایتت رو شیک و جذاب‌تر می‌کنی، بلکه تجربه کاربری بهتری برای بازدیدکنندگان سایتت فراهم می‌کنی و به این ترتیب سایتت جذاب‌تر و کاربرپسندتر میشه. اگه آماده‌ای برای این آموزش، پس بزن که بریمممم 😁😊

🤔چرا باید فرم ارسال نظر وردپرس رو شخصی‌ سازی کنیم؟

شخصی‌سازی فرم ارسال نظر وردپرس می‌تونه چند تا دلیل مهم داشته باشه که به افزایش کیفیت سایت و تجربه کاربری کمک می‌کنه:

× 📣 اینجا محل دیده شدن تبلیغ شماست کلیک کن AD

×

با این هاور افکت جذاب، عناوین سایت خود را زیباتر کنید

مطالعه

1. ظاهر جذاب‌ تر و حرفه‌ای‌تر: فرم‌ های پیش‌فرض وردپرس ممکنه خیلی ساده و تکراری باشن. وقتی فرم نظرات رو شخصی‌سازی می‌کنی، سایتت ظاهر شیک و جذاب‌تری پیدا می‌کنه که باعث جلب توجه بیشتر کاربران میشه.
2. تجربه کاربری بهتر: با طراحی بهتر و راحت‌تر فرم نظرات، کاربرها بیشتر تمایل دارن روی پست هات نظرشون رو ثبت کنن. مثلاً می‌تونی فیلدها رو به شکل منطقی‌تر مرتب کنی یا المان‌های مختلف رو طوری تنظیم کنی که استفاده از فرم راحت‌تر بشه.
3. افزایش تعامل کاربران: وقتی فرم نظرات برای کاربران جذاب و راحت باشه، احتمال این که بیشتر ازش استفاده کنن و با سایت تعامل داشته باشن، بیشتر میشه. این یعنی بازخورد و تعاملات بیشتر که برای رشد سایت خیلی مفیده.
4. سفارشی‌سازی بیشتر امکانات: وقتی فرم نظرات رو شخصی‌سازی می‌کنی، می‌تونی ویژگی‌هایی مثل کپچا، فیلدهای دلخواه و حتی تاییدیه‌های ایمیل رو اضافه کنی تا امنیت و کاربردی بودن فرم رو بالا ببری.
5. سازگاری با برندت: این امکان رو بهت می‌ده که فرم نظرات رو با رنگ‌ها، فونت‌ها و استایل‌های برندت هماهنگ کنی. اینطوری می‌تونی تجربه یکپارچه و حرفه‌ای رو به بازدیدکنندگان سایتت بدی.

در کل، شخصی‌سازی فرم نظرات به سایتت شخصیت میده، جذابیتش رو بیشتر می‌کنه و از همه مهم‌تر، باعث میشه کاربران راحت‌تر و با اشتیاق بیشتری با سایتت تعامل کنن! 😎

مراحل سفارشی سازی فرم ارسال نظر (دیدگاه) وردپرس بدون افزونه 😎

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

وجه تمایز این فرم کامنت با فرم معمولی ارسال کامنت وردپرس به این صورته:

• اضافه شدن دکمه کپی: این فرم دکمه کپی داره که به کاربر این امکان رو می‌ده تا به راحتی لینک کامنت مدنظرش رو کپی کنه.

• طراحی مدرن و جذاب: برخلاف فرم‌های پیش‌فرض وردپرس که ساده و بی‌روح هست، این فرم با طراحی جذاب و استایل‌های ویژه ظاهر شیک‌تری داره.

• نمایش نقش کاربری مدیر: در این فرم، نقش کاربری (مدیر سایت) در کامنت‌ها نمایش داده می‌شه. این کار باعث میشه که تجربه کاربری بهبود پیدا کنه و کاربر بتونه به راحتی تشخیص بده که این کامنت از طرف مدیر یا نویسنده پست هست.
• تاریخ ارسال کامنت به صورت ‘X روز پیش’: در این فرم، تاریخ ارسال کامنت به‌صورت نسبی نمایش داده میشه، مثلاً به‌جای نمایش تاریخ میلادی یا شمسی، نوشته میشه ‘2 روز پیش’. این ویژگی باعث میشه که تاریخ درج کامنت‌ها سریع‌تر برای کاربر قابل درک باشه و تجربه کاربری بهتری ایجاد بشه.

1️⃣ویرایش فایل comments.php

توجه! همیشه قبل از هر تغییری توی هر فایلی از هاست، یه بکاپ از اون فایله بگیر تا خیالت راحت باشه اگه مشکلی پیش اومد بتونی فایل اصلی رو جایگزین و مشکل رو برطرف کنی 🙂

برای شخصی‌ سازی فرم ارسال نظر در وردپرس، باید فایل comments.php رو ویرایش کنی. این فایل مسئول نمایش فرم نظرات در پست‌ها و برگه‌های سایته. ویرایش این فایل بهت اجازه میده تا ظاهر و ساختار فرم نظرات رو به دلخواه تغییر بدی😊🚀

×

نقشه گوگل مپ رو کمتر از 1 دقیقه به سایت وردپرسی‌ ات اضافه کن!

مطالعه

برای دسترسی به فایل comments.php، باید این مراحل رو دنبال کنی:

• وارد کنترل پنل هاستت بشو.
• به مسیر wp-content/themes/your-theme برو تو این صفحه یه فایل php با نام کامنت میبینی محتوای فایل رو پاک کن کامل و کدهای زیر رو داخلش قرار بده و روی ذخیره تغییرات کلیک کن.

  _____                __          __
 |  __ \               \ \        / /
 | |__) |__ _ _   _  __ \ \  /\  / / __
 |  _  // _\` | | | |/ _\` \ \/  \/ / '_ \
 | | \\ \ (_| | |_| | (_| | \  /\  /| |_) |
 |_|  \\_\__,_|\\__, |\\__,_|  \/  \/ | .__/
               __/ |              | |
              |___/               |_|    

2️⃣ استایل دهی به فرم ارسال نظر وردپرس

بعد از این نوبت میرسه به استایل دهی فرم باید کدهای CSS زیر رو در style.css قالب سایتت قرار بدی تا اون شکل و استایل مدنظر رو ی فرم ارسال نظرت اعمال بشه 🙂

  _____                __          __
 |  __ \               \ \        / /
 | |__) |__ _ _   _  __ \ \  /\  / / __
 |  _  // _\` | | | |/ _\` \ \/  \/ / '_ \
 | | \\ \ (_| | |_| | (_| | \  /\  /| |_) |
 |_|  \\_\__,_|\\__, |\\__,_|  \/  \/ | .__/
               __/ |              | |
              |___/               |_|    

بعد از قرار دادن کدهای بالا استایل فرم ارسال نظر به شکل زیر تغییر خواهد کرد 🙂

×

نصب گواهینامه SSL در cPanel مثل آب خوردن! (آموزش تصویری)

مطالعه

“🎉 عالی شد! حالا فرم ارسال نظرت به یه فرم حرفه‌ای و منحصر به فرد تبدیل شده که علاوه بر اینکه خیلی شیک و مدرن شده، تجربه کاربری سایتت رو هم خیلی بهتر کرده! 😎💬 حالا که فرم کامنت‌هات جذاب‌تر و کاربرپسندتر شدن، منتظرم نظرات فوق‌العاده و خلاقانه‌ت رو زیر این پست ببینم! 👏🙏 بهم بگو چطور شد و اگه هر سوالی داشتی، حتما تو کامنت‌ها مطرح کن! من همیشه آماده‌ام تا بهت کمک کنم! 😉”