WordPress şərh formasını necə tərtib etmək olar (Müəyyən bələdçi)

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əyə qoşulmağa sövq edir. Buna görə WordPress şərh formasını asanlıqla tərtib etmək üçün son bələdçi hazırladıq.

Başlamazdan əvvəl

WordPress mövzuları saytınızın görünüşünü idarə edir. Hər bir WordPress mövzusunda müxtəlif sənədlər, o cümlədən şablon sənədləri, xüsusiyyət sənədləri, JavaScripts və üslub cədvəlləri mövcuddur.

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

Hələ yoxdusa, yeni başlayanlar üçün xüsusi CSS-i WordPress-ə necə əlavə etmək 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. Əgər sizdə hələ yoxdursa, WordPress-də kodu necə kopyalamaq və yapışdırmaq barədə məqaləmizi oxuyun.

Bununla deyin, WordPress şərh formasının necə yaradıldığına nəzər salaq.

Bu kifayət qədər əhatəli bir rəhbər olduğundan, naviqasiya üçün kömək etmək üçün məzmun cədvəli yaratdıq:

  • WordPress şərhlərini standart CSS dərsləri ilə dəyişdirin
  • WordPress şərh formasına sosial giriş əlavə edin
  • WordPress şərh formasına şərh siyasəti mətnini daxil edin
  • Şərh mətn qutusunu aşağıya çəkin
  • Sayt çubuğunu (URL) WordPress şərh formasından çıxarın
  • WordPress-də Şərhlərə Abunə et onay qutusunu əlavə edin
  • WordPress şərhlərində sürətli etiketlər əlavə edin

WordPress mövzularının çoxunda comment.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ı funksiya ilə yaradılıb:

Varsayılan olaraq, bu xüsusiyyət rəy şəklinizi üç mətn sahələri (ad, e-poçt və veb sayt), geribildirim mətn qutusu, GDPR uyğunluğu işarəsi qutusu və Göndərmə düyməsini yaradır.

Bu sahələrdən birini standart CSS dərslərini dəyişdirərək asanlıqla dəyişə 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 dərslərini düzəltməklə WordPress şərh forma görünüşünüzü tamamilə dəyişə bilərsiniz.

Bunun necə işlədiyini yaxşı bir fikir vermək üçün bir neçə şeyi dəyişdirək.

Əvvəlcə aktiv forma sahəsini seçirik. Hal-hazırda aktiv olan sahəni vurğulayaraq, forma xüsusi ehtiyacları olan insanlar üçün daha əlçatandır və şərh forması kiçik cihazlarda daha yaxşı görünür.

	
 #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ı üçün qutuyu yoxlayın

Bu siniflər giriş sahələrində mətn ekranının davranışını dəyişdirməyə imkan verir. Müəllifin adı və URL sahələri üçün mətn formatını dəyişdirdik.

 #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 nəzər yetirsəniz, e-poçt sahəsinin adı və mənbəyi saytın URL-dən fərqlənir.

Şərh formasının giriş formatını dəyişdirin

Siz həmçinin WordPress şərh formasında təqdim düyməsinin üslubunu dəyişə bilərsiniz. Varsayılan "Göndər" düyməsini istifadə etmək əvəzinə ona CSS3 gradient və bir qutu kölgəsi veririk.

#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;
 }
 

Düymə tərzi şərhləri

WordPress şərh formalarını növbəti səviyyəyə keçirin

Bəlkə də çox asan olduğunu düşünürsən. Hər kəsin bizi izləmə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.

Birincisi, WordPress sosial giriş plaginini quraşdırın və aktivləşdirin. Daha çox məlumat üçün bir WordPress plaginini quraşdırmaq üçün addım-addım təlimatımıza baxın.

Aktivləşdirmə ziyarətindən sonra Parametrlər »WP Sosial Giriş Plugin konfiqurasiya səhifəsini konfiqurasiya edin.

WP Sosial Giriş Ayarları

Plugin, sosial platformalara qoşulmaq üçün API düymələrini tələb edir. Bu məlumatı hər platformaya necə gətirmə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 şəklinizin üstündəki sosial giriş düymələrini görmək üçün saytınıza daxil ola bilərsiniz.

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

Bütün istifadəçilərimizi sevirik və veb saytımızda bir şərh yazmağa vaxt ayırdığınız üçün təşəkkür edirik. 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. Lakin, bu linki altbilgiyə əlavə edə bilməzsiniz.

Şərh siyasətimizin rəy yazan bütün istifadəçilər üçün görkəmli və görünməsini istəyirik. Bu səbəblə şərh siyasətini WordPress şərh şəklimizə daxil etmək qərarına gəldik.

Şərh siyasəti səhifəsini əlavə etmək üçün əvvəlcə bir WordPress səhifəsi yaradın və şərh siyasətinizi müəyyənləşdirin (özümüzü oğurlaya və ehtiyaclarınıza uyğunlaşdıra bilərsiniz).

Daha sonra aşağıdakı kodu temanın xüsusiyyətləri.php faylına və ya bir sayt üçün xüsusi bir plaginə yapışdıra 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 edir. Xəbərdarlığı vurğulamaq üçün CSS-dən istifadə edə biləcəyimiz üçün koda bir CSS sinfi də əlavə etdik. 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 səhifəmizdə göründüyü budur:

Şərh siyasətinə dair şərhlər

Bağlantını şərh mətni sahəsi ilə göstərmək üçün 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. Sonra example.com əvəzinə şərh siyasət səhifəsinə keçin :) :)

Varsayılan olaraq, WordPress şərh forması əvvəlcə şərh sahəsini, sonra Ad, E-poçt və Veb sayt sahələrini göstərir. Bu dəyişiklik WordPress-də edildi 4.4 tanıtdı.

Əvvəllər WordPress saytları əvvəlcə Ad, E-poçt və Veb sayt sahələrini, sonra Şərhlər mətn qutusunu göstərdi. İstifadəçilərimizin şərh formasını bu qaydada göstərməyə alışdıqlarına görə WPBeginner-də köhnə sahə sifarişini istifadə etməyə davam edirik.

İsterseniz, aşağıdakı kodu temanınızın file.php faylına və ya bir sayt üçün xüsusi bir plugin əlavə edin.

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ə şərh mətni sahəsində sahəni aşağıya doğru hərəkət etdirir.

Sonda şərhin mətn sahəsi

Sayt sahəsini (URL) WordPress şərh formasından çıxarın

Şərh qutusundakı sayt sahəsi bir çox spamçı cəlb edir. Silinmə, spam göndəriciləri dayandırmır və ya spam şərhlərini azaltmır, ancaq şübhəsiz ki, səhv bir müəllif saytına bir keçid ilə rəyi təsadüfən təsdiqləməyinizə mane olacaqdır.

Ayrıca şərh şəklində bir sahəni kiçildir, daha asan və istifadəçi üçün daha rahat edir. Bu mövzuda daha çox məlumat üçün saytın url sahəsini WordPress şərh formasından necə çıxartmaq barədə məqaləmizə baxın

URL sahəsini şərh formasından silmək üçün aşağıdakı kodları özəlliklər.php faylınıza və ya bir sayt üçün xüsusi bir plagin əlavə edin.

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 saytınızda bir şərh buraxarsa, şərhinizə kiminsə cavab verib-verməməsini müəyyən etmək üçün bu mövzunu izləyə bilərlər. Şərhlərə abunə olmaq üçün bir onay qutusu əlavə etməklə istifadəçilər postda yeni bir şərh göründüyü zaman dərhal xəbərdar edilə bilərlər.

Bu onay qutusunu əlavə etmək üçün əvvəlcə şərhləri yenidən yükləyin və aktivləşdirməlisiniz. Aktivləşdirdikdən sonra Parametrlərə gedin "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ə necə abunə ola biləcəyi barədə məqaləmizə baxın.

Yeni yüklənən şərhlərə abunə olun

Sadə etiketlər istifadəçilərin şərh verməsini asanlaşdıran düymələrdir. Buraya bir keçid və ya bir blok təklifi əlavə edərək qalın və itiv düymələr daxildir.

Sürətli etiketlər əlavə etmək üçün baza etiket plaginlərini quraşdırın və aktivləşdirin. Daha çox məlumat üçün WordPress şərh formasına sürətli etiketləri asanlıqla necə əlavə etmək barədə məqaləmizə baxın.

Sürətli etiketlər əlavə etdiyiniz zaman şərh forması belədir.

Şərh şəklində sürətli 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ı tərtib etməyə kömək etdi. WordPress blog yazılarınızda daha çox şərh üçün məsləhətlərimizi oxuya bilərsiniz.

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