چگونگی تغییر استایل فرم نظرات در وردپرس | گستران وب

چگونگی تغییر استایل فرم نظرات در وردپرس
چگونگی تغییر استایل فرم نظرات در وردپرس
5 (100%) 1 امتیاز

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

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

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

قبل از شروع کار

تم های وردپرس ظاهر وب سایت شما را کنترل می کند . هر تم وردپرس همراه با چندین فایل از جمله فایل های قالب ، فایل های functions ، جاوا اسکریپت ها ، و بسیاری موارد دیگر است .

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

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

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

در داخل بیشتر قالب های وردپرس یک فایل با نام comment.php وجود دارد . این فایل برای نمایش نظرات و فرم نظر در پستهای وبلاگ شما استفاده می شود . فرم نظر وردپرس با استفاده از function تولید می شود :

به طور پیش فرض این تابع فرم نظر شما را با سه فیلد متنی (نام ، ایمیل و وب سایت)، زمینه فیلد متن برای متن نظر ، جعبه انطباق پذیری GDPR و دکمه ارسال تقسیم می کند .

شما به راحتی می توانید هر کدام از این زمینه ها را با ساده تر کردن کلاس های CSS پیش فرض تغییر دهید . در زیر یک لیست از کلاس CSS پیش فرض آورده شده است که وردپرس به هر فرم نظر خود اضافه می کند .

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

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

این روش برای قالب Twenty Sixteen وردپرس است ، تغییرات در این قالب به این شکل میشود :

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

با استفاده از این کلاس ها می توانید رفتار نحوه نمایش متن درون جعبه های ورودی را تغییر دهید . دز ادامه ما استایل متن نام و فیلد URL را تغییر خواهیم داد .

اگر تصویر زیر را مشاهده کنید ، فونت نام و فیلد  ایمیل تغییر کرده است .

شما همچنین می توانید استایل فرم ارسال وردپرس خود را تغییر دهید .

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

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

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

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

شروع کار با اضافه کردن لينک های اجتماعی به نظرات وردپرس . اولین کاری که باید انجام دهید این است که افزونه WordPress Social Login را فعال کنید . پس از فعال سازی ، شما باید تنظیمات »صفحه WP Social Login را ببینید تا تنظیمات افزونه را پیکربندی کنید .

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

این افزونه برای اتصال با سیستم عامل های اجتماعی نیاز به کلید API دارد . پیوندهای مربوط به نحوه دریافت این اطلاعات برای هر پلتفرم را ببینید . پس از وارد کردن کلیدهای API خود ، دکمه تنظیمات ذخیره را برای ذخیره تغییرات خود کلیک کنید . اکنون می توانید از وبسایت خود دیدن کنید تا دکمه های ورود به شبکه های اجتماعی را در بالای فرم نظر خود مشاهده کنید .

اضافه کردن سیاست حفظ حریم خصوصی قبل یا بعد از فرم نظر در وردپرس

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

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

کد بالا قبل از یادداشت ها با این متن فرم پیش فرض را جایگزین می کند . ما همچنین یک کلاس CSS در کد اضافه کرده ایم ، بنابراین می توانیم متوجه استفاده از CSS شویم . در اینجا نمونه CSS را آورده ایم :

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

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

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

فراموش نکنید که URL را بر اساس آن تغییر دهید ، بنابراین به صفحه سیاست نظر شما به جای example.com بروید .

متن فیلد نظرات را به سمت پایین حرکت دهید

به طور پیش فرض ، فرم نظر وردپرس اولین قسمت متن نظر را نمایش می دهد و سپس نام ها ، ایمیل ها و زمینه های وب سایت . این تغییر در وردپرس 4.4 معرفی شد . قبل از آن ، وب سایت های وردپرس ابتدا نام ، ایمیل ، و زمینه وب سایت ها را نمایش می دادند ، و سپس کادر متن نظر را .

اگر می خواهید این کار را انجام دهید ، تمام کاری که باید انجام دهید این است که کد زیر را به فایل functions.php یا افزونه خاص سایت خود اضافه کنید .

این کد به سادگی زمینه فیلد متن نظر را به سمت پایین حرکت می دهد .

متن فیلد نظرات را به سمت پایین حرکت دهید

حذف فیلد (URL) وب سایت از فرم نظرات وردپرس

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

متن فیلد نظرات را به سمت پایین حرکت دهید

یک جعبه اشتراک برای نظرات در وردپرس اضافه کنید

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

برای اضافه کردن این گزینه ، اولین کاری که باید انجام دهید این است که نصب و فعال سازی افزونه نظرات Reloaded را فعال کنید . پس از فعال سازی ، شما نیاز به بازدید از تنظیمات »مشترک شدن در نظرات برای پیکربندی تنظیمات افزونه را دارید .

یک جعبه اشتراک برای نظرات در وردپرس اضافه کنید

افزودن برچسب های سریع در فرم نظر

برچسب های سریع عبارتند از دکمه های قالب بندی که کاربران را قادر می سازد به راحتی نظرات خود را بیان کنند . اینها عبارتند از دکمه ها به صورت پر رنگ ، اضافه کردن یک پیوند یا تکه تکه و … .

برای اضافه کردن برچسب های سریع ، شما نیاز به نصب و فعال کردن افزونه Basic Comment Quicktags دارید . بعد از اضافه کردن برچسب های سریع فرم نظرات شما به شکل زیر می شود .

افزودن برچسب های سریع در فرم نظر

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

نظرات و دیدگاه ها
  • نظرات ارسال شده توسط شما، پس از تایید توسط مدیران سایت منتشر خواهد شد
  • نظراتی که حاوی تهمت یا افترا باشد منتشر نخواهد شد
  • نظراتی که به غیر از زبان فارسی یا غیر مرتبط با مطلب باشد منتشر نخواهد شد

1395 - 1397 © تمامی حقوق این سایت متعلق به شرکت داده پردازان بدون مرز می باشد، هرگونه کپی برداری از آن پیگرد قانونی خواهد داشت.