WordPress şərh formasını necə tərtib etmək olar (Ultimate Guide)

Veb saytınızdakı WordPress şərh formasının tərzini dəyişdirmək istəyirsiniz? Şərhlər bir veb saytında istifadəçi əlaqəsinin qurulmasında mühüm rol oynayır. Cəlbedici və istifadəsi asan bir şərh forması istifadəçiləri müzakirədə iştirak etməyə təşviq edir. Buna görə WordPress şərh formasını asanlıqla necə tərtib etmək barədə qəti bələdçi yaratdıq.

WordPress şərh forması dizaynı

Başlamazdan əvvəl

WordPress mövzuları veb saytınızın görünüşünü idarə edir. Hər bir WordPress mövzusu şablon sənədləri, funksiya faylı, JavaScripts və üslub cədvəlləri daxil olmaqla müxtəlif sənədlərlə gəlir.

Stil cədvəlləri, WordPress mövzusunda istifadə olunan bütün elementlər üçün CSS qaydalarını ehtiva edir. Mövzunuzun stil qaydalarını ləğv etmək üçün öz xüsusi CSS əlavə edə bilərsiniz.

Daha əvvəl bunu etməmisinizsə, yeni başlayanlar üçün WordPress-də xüsusi CSS-in necə əlavə olunması barədə məqaləmizə baxın.

CSS-dən əlavə, WordPress şərh formasının standart görünüşünü dəyişdirmək üçün bəzi funksiyalar əlavə etməlisiniz. Daha əvvəl bunu etməmisinizsə, WordPress-də kodu necə kopyalama və yapışdırmaq barədə məqaləmizə baxın.

Deyilənlərlə, WordPress şərh formasının necə tərtib olunacağına nəzər salaq.

Bu kifayət qədər əhatəli bir rəhbər olduğu üçün naviqasiyanı asanlaşdırmaq üçün məzmun cədvəli yaratdıq:

  • Default CSS dərsləri ilə WordPress şərhlərini dəyişdirin
  • WordPress şərh formasına sosial giriş əlavə edin
  • WordPress şərh şəklində şərh siyasəti mətnini əlavə edin
  • Şərh mətni sahəsini aşağıya köçürün
  • Veb sayt sahəsini (URL) WordPress şərh formasından çıxarın
  • WordPress-də Şərhlərə Abunə ol
  • WordPress şərhlərində sürətli etiketlər əlavə edin

Bir çox WordPress mövzularında comments.php adlı bir şablon var. Bu fayl blog yazılarınızda şərh və şərh formalarını göstərmək üçün istifadə olunur. WordPress şərh forması funksiyanı istifadə edərək yaradılır:.

Varsayılan olaraq, bu funksiya şərh şəklinizi üç mətn sahəsi (Ad, E-poçt və Veb sayt), şərh mətni üçün bir mətn sahəsi sahəsi, RGPD uyğunluğuna dair bir qeyd qutusu və düymə ilə yaradır Göndər.

Bu sahələrin hər birini sadəcə standart CSS dərslərini düzəldərək asanlıqla dəyişdirə bilərsiniz. Aşağıda WordPress-in hər bir şərh formasına əlavə etdiyi standart CSS siniflərinin siyahısı verilmişdir.

 #respond { } 
 #reply-title { } 
 #cancel-comment-reply-link { }
 #commentform { } 
 #author { } 
 #email { } 
 #url { } 
 #comment 
 #submit
 .comment-notes { } 
 .required { }
 .comment-form-author { }
 .comment-form-email { } 
 .comment-form-url { }
 .comment-form-comment { } 
 .comment-form-cookies-consent { }
 .form-allowed-tags { } 
 .form-submit
 

Sadəcə bu CSS siniflərini düzəltməklə WordPress şərh forma görünüşünüzü tamamilə dəyişə bilərsiniz.

Gəlin bir neçə şeyi dəyişdirməyə çalışaq, bunun necə işlədiyini yaxşı bir fikir əldə edə bilərsiniz.

Əvvəlcə aktiv forma sahəsini vurğulayaraq başlayacağıq. Hal-hazırda aktiv olan sahəni vurğulayaraq, forma xüsusi ehtiyacları olan insanlar üçün daha əlçatan olur və bu da şərh cihazınızın kiçik cihazlarda daha yaxşı görünməsini təmin edir.

 	
 #respond { 
 background: #fbfbfb;
 padding:0 10px 0 10px;
 }
  
 /* Highlight active form field */
  
 #respond input(type=text), textarea {
   -webkit-transition: all 0.30s ease-in-out;
   -moz-transition: all 0.30s ease-in-out;
   -ms-transition: all 0.30s ease-in-out;
   -o-transition: all 0.30s ease-in-out;
   outline: none;
   padding: 3px 0px 3px 3px;
   margin: 5px 1px 3px 0px;
   border: 1px solid #DDDDDD;
 }
   
   
 #respond input(type=text):focus,
 input(type=email):focus, 
 input(type=url):focus,
 textarea:focus {
 box-shadow: 0 0 5px rgba(81, 203, 238, 1);
 margin: 5px 1px 3px 0px;
 border: 2px solid rgba(81, 203, 238, 1);
 }
 
 

Dəyişikliklərdən sonra WordPress iyirmi on altı mövzusunda formamızın göründüyü budur:

Aktiv şərh forması sahəsini vurğulamaq

Bu siniflər ilə mətnin giriş qutularında necə göründüyünü dəyişə bilərsiniz. İrəlidə gedəcəyik və müəllifin adı və URL sahələrinin mətn tərzini dəyişdirəcəyik.

 
 #author, #email { 
 font-family: "Open Sans", "Droid Sans", Arial;
 font-style:italic;
 color:#1d1d1d; 
 letter-spacing:.1em;
 } 
  
 #url  { 
 color: #1d1d1d;
 font-family: "Luicida Console", "Courier New", "Courier", monospace; 
 } 
 
 

Aşağıdakı ekran görüntüsünə daha yaxından baxsanız, e-poçt sahəsinin adı və mənbəyi veb sayt URL-dən fərqli olur.

Şərh formasının giriş tərzini dəyişdirin

Siz həmçinin WordPress şərh formasının təqdim düyməsini tərzini dəyişə bilərsiniz. Varsayılan göndər düyməsini istifadə etmək əvəzinə bir az CSS3 gradient və qutu kölgəsi verək.

 #submit {
 background:-moz-linear-gradient(top, #44c767 5%, #5cbf2a 100%);
 background:-webkit-linear-gradient(top, #44c767 5%, #5cbf2a 100%);
 background:-o-linear-gradient(top, #44c767 5%, #5cbf2a 100%);
 background:-ms-linear-gradient(top, #44c767 5%, #5cbf2a 100%);
 background:linear-gradient(to bottom, #44c767 5%, #5cbf2a 100%);
 background-color:#44c767;
 -moz-border-radius:28px;
 -webkit-border-radius:28px;
 border-radius:28px;
 border:1px solid #18ab29;
 display:inline-block;
 cursor:pointer;
 color:#ffffff;
 font-family:Arial;
 font-size:17px;
 padding:16px 31px;
 text-decoration:none;
 text-shadow:0px 1px 0px #2f6627;
 } 
  
 #submit:hover {
 background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5cbf2a), color-stop(1, #44c767));
 background:-moz-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
 background:-webkit-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
 background:-o-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
 background:-ms-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
 background:linear-gradient(to bottom, #5cbf2a 5%, #44c767 100%);
 background-color:#5cbf2a; 
 }
 #submit:active { 
 position:relative;
 top:1px;
 }
 

Şərh forması düyməsinin tərzi

WordPress şərh formalarını növbəti səviyyəyə qaldırmaq

Bəlkə bunun çox əsas olduğunu düşünürsən. Yaxşı, hamımızın ardınca gedə bilməsi üçün orada başlamalıyıq.

Forma sahələrini yenidən təşkil etmək, sosial giriş əlavə etmək, şərhlərə, şərh qaydalarına, sürətli etiketlərə və s. Əlavə etməklə WordPress şərh formanızı növbəti səviyyəyə qaldıra bilərsiniz.

WordPress şərhlərinə sosial giriş əlavə edin

WordPress şərhlərinə sosial giriş əlavə etməklə başlayaq.

Ediləcək ilk şey WordPress sosial giriş plaginini quraşdırmaq və aktivləşdirməkdir. Daha çox məlumat üçün, WordPress plaginini necə quraşdıracağımızı addım-addım təlimatımıza baxın.

Aktivləşdirildikdən sonra ziyarət etməlisiniz Parametrlər »WP Sosial Giriş plugin parametrlərini konfiqurasiya etmək üçün səhifə.

WP Sosial Giriş Ayarları

Plugin, sosial platformalara qoşulmaq üçün API açarlarını tələb edəcəkdir. Hər bir platforma üçün bu məlumatı necə əldə etmək barədə təlimatlara bağlantıları görəcəksiniz.

API açarlarınızı daxil etdikdən sonra dəyişikliklərinizi saxlamaq üçün Parametrləri Saxla düyməsini vurun.

İndi şərh formasının üstündəki sosial giriş düymələrini görmək üçün veb saytlarına daxil ola bilərsiniz.

Şərh formasına sosial giriş düymələrini əlavə edin

Bütün istifadəçilərimizi sevirik və saytımızda bir şərh yazmaq üçün vaxt ayırmağınızdan məmnunuq. Ancaq sağlam müzakirə mühiti yaratmaq üçün şərhləri mülayimləşdirmək vacibdir.

Tam şəffaflıq üçün şərh siyasəti səhifəsini yaratdıq, ancaq bu linki altbilgiyə yerləşdirə bilməzsiniz.

Şərh siyasətimizin rəy buraxan bütün istifadəçilər üçün görkəmli və görünən olmasını istədik. Buna görə şərh siyasətini WordPress şərh şəklimizə əlavə etmək qərarına gəldik.

Bir şərh siyasəti səhifəsini əlavə etmək istəyirsinizsə, etməli olduğunuz ilk şey bir WordPress səhifəsi yaratmaq və şərh siyasətinizi müəyyənləşdirməkdir (özümüzü oğurlaya və ehtiyaclarınıza uyğun dəyişdirə bilərsiniz).

Bundan sonra, temanın funksiyaları.php faylında və ya bir sayt üçün xüsusi bir plagində aşağıdakı kodu əlavə edə bilərsiniz.

 
 function wpbeginner_comment_text_before($arg) {
     $arg('comment_notes_before') = "";
     return $arg;
 }
  
 add_filter('comment_form_defaults', 'wpbeginner_comment_text_before');
 
 

Yuxarıdakı kod bu mətn ilə qeydlərdən əvvəl standart şərh formasını əvəz edəcəkdir. Koda bir CSS sinfi də əlavə etdik, buna görə də CSS istifadə edərək xəbərdarlığı vurğulaya bilərik. Budur istifadə etdiyimiz CSS nümunəsi:

 p.comment-policy {
     border: 1px solid #ffd499;
     background-color: #fff4e5;
     border-radius: 5px;
     padding: 10px;
     margin: 10px 0px 10px 0px;
     font-size: small;
     font-style: italic;
 }
 

Test saytımızda görünən budur:

Əlaqə Siyasəti Bildirişi

Şərhin mətn sahəsindən sonra əlaqəni göstərmək istəyirsinizsə, aşağıdakı kodu istifadə edin.

 
 function wpbeginner_comment_text_after($arg) {
     $arg('comment_notes_after') = "";
     return $arg;
 }
  
 add_filter('comment_form_defaults', 'wpbeginner_comment_text_after');
 

URL-i müvafiq olaraq dəyişdirməyi unutmayın, buna görə example.com əvəzinə şərh siyasəti səhifəsinə keçin :)

Varsayılan olaraq, WordPress şərh forması əvvəlcə şərh mətni sahəsini və sonra adı, e-poçtu və veb sayt sahələrini göstərir. Bu dəyişiklik WordPress-də tətbiq olundu 4.4.

Bundan əvvəl WordPress saytları əvvəlcə ad, e-poçt və veb sayt sahələrini, sonra şərhlərin mətn qutusunu göstərdi. İstifadəçilərimizin bu qaydada şərh formasına baxmasına alışdıqlarını hiss edirik, buna görə də WPBeginner-də köhnə sahə sifarişini istifadə edirik.

İstəyirsinizsə, etmək lazım olan bütün mövzunun funksiyaları.php faylı və ya bir sayt üçün xüsusi bir plagin üçün aşağıdakı kodu əlavə etməkdir.

 function wpb_move_comment_field_to_bottom( $fields ) {
 $comment_field = $fields('comment');
 unset( $fields('comment') );
 $fields('comment') = $comment_field;
 return $fields;
 }
  
 add_filter( 'comment_form_fields', 'wpb_move_comment_field_to_bottom'); 
 

Bu kod sadəcə şərhlər mətn sahəsindəki sahəni altına köçürür.

Şərhlərin sonunda mətn sahəsi

Veb səhifə (URL) sahəsini WordPress şərh formasından çıxarın

Şərh şəklində veb sayt bir çox spamçı cəlb edir. Silmək, spam göndəriciləri dayandırmayacaq və ya spam şərhlərini azaltmayacaq, şübhəsiz ki, səhv bir müəllif veb saytına bir keçid ilə bir şərh təsadüfən təsdiqlənməyinizə mane olacaqdır.

Ayrıca şərh formasından bir sahəni daraldır, daha asan və daha rahat istifadəçi halına gətirir. Bu mövzuda daha çox məlumat üçün, veb saytın URL sahəsini WordPress şərh formasından necə çıxarmaq barədə məqaləmizə baxın

URL sahəsini şərh formasından silmək üçün aşağıdakı kodu funksiyalarınıza əlavə edin kifayətdir.

 function wpbeginner_remove_comment_url($arg) {
     $arg('url') = '';
     return $arg;
 }
 add_filter('comment_form_default_fields', 'wpbeginner_remove_comment_url');
 

Şərh formasından URL silmək

İstifadəçilər veb saytınızda bir rəy buraxdıqda, kiminsə sizin şərhinizə cavab verib-vermədiyini görmək üçün həmin mövzunu izləmək istəyə bilər. Şərhlərə abunə onay qutusuna əlavə etmə istifadəçilərə hər dəfə yazıda yeni bir şərh göründükdə dərhal bildiriş almağa imkan verir.

Bu onay qutusunu əlavə etmək üçün etməli olduğunuz ilk şey Şərhlər plaginini yenidən yükləyin və aktivləşdirin. Aktivləşdirildikdən sonra Parametrləri ziyarət etməlisiniz »Plugin parametrlərini konfiqurasiya etmək üçün şərhlərə abunə olun.

Ətraflı addım-addım təlimatlar üçün istifadəçilərin WordPress-də şərhlərə abunə olmasına necə icazə verməsi barədə məqaləmizə baxın.

Yenidən yüklənmiş şərhlərə abunə olun

Sadə etiketlər, istifadəçilərə şərhlərini asanlıqla tərtib etməyə imkan verən düymələri formatlayır. Bunlara qalın, italivləşdirmək, bir link və ya bir blok təklif əlavə etmək üçün düymələr daxildir.

Sürətli etiketlər əlavə etmək üçün Basic Comment Quick Tags plaginini quraşdırmalı və aktivləşdirməlisiniz. Ətraflı məlumat üçün WordPress şərh şəklində tez etiketləri asanlıqla necə əlavə etmək barədə məqaləmizə baxın.

Sürətli etiketlər əlavə etdikdən sonra şərh formasının görünüşü budur.

şərh şəklində tez etiketlər

Ümid edirik ki, bu məqalə istifadəçilər üçün daha əyləncəli hala gətirmək üçün WordPress şərh formasını necə tərtib etməyinizi öyrənməyə kömək etdi. Həm də WordPress blog yazılarınızda daha çox şərh üçün məsləhətlərimizi nəzərdən keçirə bilərsiniz.

Bu yazını bəyənmisinizsə, kanalımıza abunə olun YouTube WordPress tutorial video izləmək üçün. Bizi də tapa bilərsiniz Twitter y Facebook.