سفارشی سازی فرم نظرات در وردپرس با کد نویسی

سفارشی سازی فرم نظرات در وردپرس با کد نویسی

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

چرا استایل نظرات خود را تغییر می دهیم :

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

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

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

چطور می توانیم استایل نظرات خود را تغییر دهیم :

همانطور که می دانید وردپرس یک سیستم مدیریت محتوا منبع باز است که به شما این امکان را می دهد تا شما بتوانید با دانش کمی کد نویسی هر نوع تغییراتی که می خواهید را در سایت خود ایجاد کنید و در دسترس کاربران خود قرار دهید

با اینکه وردپرس افزونه های دارد که شما می توانید در سایت خود نصب کنید تا استایل نظرات خود را به صورت کامل تغییر دهید ولی این بار گفتیم که برای شما آموزش دهیم که بتوانید با کد نویسی این کار را برای سایت خود انجام دهید تا نیاز به نصب افزونه نشود و تعداد افزونه های کمتری در سایت شما نصب شده باشد

شروع به تغییر استایل نظرات سایت در وردپرس با کد نویسی :

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

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form textarea {
    width: 100%;
    padding: 10px;
    border: 2px solid #ddd;
    border-radius: 5px;
    margin-bottom: 10px;
}

.comment-form input[type="submit"] {
    background-color: #4CAF50;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

.comment-form input[type="submit"]:hover {
    background-color: #45a049;
}
// استایل دهی به نمایش نظرات
.comment-list li {
    margin-bottom: 20px;
    padding: 15px;
    background-color: #f9f9f9;
    border-left: 5px solid #4CAF50;
    border-radius: 5px;
}

.comment-list .comment-author {
    font-weight: bold;
    color: #4CAF50;
}

.comment-list .comment-date {
    font-size: 12px;
    color: #888;
}

.comment-list .comment-content {
    margin-top: 10px;
    line-height: 1.6;
}

.comment-list .reply {
    margin-top: 10px;
}

.comment-list .reply a {
    color: #4CAF50;
    text-decoration: none;
    font-size: 14px;
}

.comment-list .reply a:hover {
    text-decoration: underline;
}

// استایل دهی به تصویر نویسنده نظر
.comment-list .avatar {
    border-radius: 50%;
    margin-right: 10px;
}

این کد بالا بخش فرم نظرات و بخش نظرات و تصویر نویسنده نظر را برای شما سفارشی سازی می کند و به آن استایل می دهد.

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

موفق و پیروز باشید.