Ana İçeriğe Geç

WordPress yapılan yorum formunu nasıl özelleştirilir?

Divi: Kullanılacak en kolay WordPress teması

Divi: Tüm zamanların en iyi WordPress teması!

daha fazla 600.000 indirmeler, Divi, dünyanın en popüler WordPress teması. Tamamen, kullanımı kolay ve 62 ücretsiz şablonlardan daha fazlasını sunuyor. [Önerilen]

Yorumlar internette bir topluluk oluşturmada çok önemli bir rol oynamaktadır. Yorumlar, okuyucularınız için düşüncelerini paylaşabilecekleri, çoğu zaman geri gelmelerini isteyen etkileşimli bir platform sunar.

Kullanıcıları blogunuzda yorum yapmaya teşvik etmenin birçok yolu vardır. Bu yollardan biri güzel, kullanışlı ve erişilebilir bir yorum formu oluşturmaktır.

Bu eğitici yazıda, size WordPress varsayılan yorum formunun nasıl düzenleneceğini göstereceğiz, sosyal ağ kimlik bilgileri aracılığıyla yorum işlevlerini nasıl ekleyeceğinizi ve bir yorum kayıt özelliği nasıl oluşturacağınızı göstereceğiz. daha fazlası.

Ama daha önce, eğer WordPress keşfi hiç kurmadıysanız Bir WordPress blog 7 adımlarını nasıl yüklenir et Nasıl bulmak yüklemek ve blogunuzda bir WordPress tema etkinleştirmek için

O zaman neden burada olduğumuza dönelim.

comments WordPress stilini nasıl değiştirilir

Stil hakkında konuştuğumuzda, Şey CSS tarafı. Aşağıda, WordPress'teki yorum formunun görünümünü nasıl özelleştireceğinizi göstereceğim. WordPress'teki her varsayılan öğede, yorum listesinde olduğu gibi bir CSS kodu bulunur. gezinme menüleriyorum formu widget'ları ve daha fazlası.

WordPress tema dosyaları arasında, adlandırılmış bir dosya var. comments.php blog yazı ve sayfalarında yorum ve yorum formunu görüntülemek için kullanılır. WordPress yorum formunu görüntülemek için " comment_form () Kullanılır.

keşfedin WordPress giriş sayfasının bağlantısını bulmak için nasıl

Varsayılan olarak, bu işlev, yorum formunuzu üç metin alanı (ad, e-posta ve web sitesi), yorum içeriği için büyük bir metin kutusu ve gönder düğmesiyle oluşturur.

Varsayılan CSS sınıflarını ve tanımlayıcılarını değiştirerek bu öğelerin her birini kolayca değiştirebilirsiniz. WordPress'in her bir yorum formuna eklediği varsayılan CSS sınıflarının listesi.

#respond {#} yanıtla başlık {#} iptal-how-cevap-link {} {} #commentform #author #email {} {} {} #url #comment #submit .comment Notlar {} {} .required dan bahsederler-form yazar {} .comment-form e-posta} {dan bahsederler-form url} {dan bahsederler-form nasıl {} .form-izin-etiketleri {} .form gönderin

Bu CSS sınıflarını ayarlayarak, yorum formunun görünümünü tamamen değiştirebilirsiniz. Size yapabilecekleriniz hakkında bir fikir vermek için bir şeyler değiştirelim.

keşfedin WordPress’te SSL kurulduktan sonra görüntü bağlantıları nasıl değiştirilir?

İlk önce, formun aktif alanını vurgulayarak başlayacağız. Aktif alanları vurgulayarak, kullanıcılar ne düzenlediklerini kolayca bilebilecek ve web sitenize küçük bir dinamik kenar kazandırıyor.

En iyi WordPress temalarını ve eklentilerini mi arıyorsunuz?

Envato'daki en iyi eklentileri ve WordPress temalarını indirin ve web sitenizi kolayca oluşturun. 49.720.000 indirme işleminden daha fazla. [ÖZEL]

#respond {arka: #ececec; dolgu: 0 5 0px 5px; } / * Vurgulama etkin metin alan * / #respond girişi [türü = metin] metinalanı {-webkit-geçiş: Tüm 0.30s kolaylaştırmak giriş çıkış; -moz-geçişi: bütün 0.30s kolaylaştırmak giriş çıkış; -MS-geçişi: bütün 0.30s kolaylaştırmak giriş çıkış; -o-geçişi: bütün 0.30s kolaylaştırmak giriş çıkış; özetlemektedir: none; dolgu: 3px 0px 3px 3px; kenar: 5px 1px 3px 0px; border: solid 1px #dddddd; } #respond girişi [türü = metin] odaklama, metin alanı: odak {kutu gölge: 0 0 5px RGBA (81, 203, 238, 1); kenar: 5px 1px 3px 0px; Çerçeve: Katı 1px RGBA (81, 203, 238, 1); }

İşte yorum formunuzun Twenty Twelve ile neye benzeyeceği.

vurgulamak-etken form alan

Bu sınıfların kullanılmasıyla, metnin alanların içinde görünme şeklini değiştirebilirsiniz. Aşağıdaki örnekte yapacağımız şey budur.

#author {font-family: Istakoz "Istakoz 1.4", "Droid Sans", Arial; yazı tipi boyutu: 16px; Renk: #1d1d1d; Harf aralığı: .1em; #url} {renk: #21759b; font-family: "Luicida Konsolu", "Courier New", "Kurye", minivan; } 

İşte önceki kodun üreteceği sonuç.

nasıl-form-input-tarzı

Ayrıca yorum formu düğmesinin stilini de değiştirebilirsiniz. Aşağıdaki örnekte, ona bir degrade arka planı vereceğiz.

#submit {font-family: Arial; Renk: #ffffff; yazı tipi boyutu: 20px; dolgu: 10px; text-decoration: none; kutu gölge: 0px 1px 3px #666666; -webkit-kutu-gölge: 0px 1px 3px #666666; -moz-kutu-gölge: 0px 1px 3px #666666; text-shadow: 1px 1px 3px #666666; Arka plan: -webkit-gradyan (doğrusal, için (#0ad0) (#0) den 100 006, 4 003366,%); Arka plan: -moz doğrusal gradyan (üst, #006ad4, #003366); } #submit: gelme {arkaplan: -webkit-gradyan (doğrusal, için (#0) (#0ad0) den 100 003366, 006 4,%); Arka plan: -moz doğrusal gradyan (üst, #003366, #006ad4)}

İşte görüntülenecek sonuç.

nasıl gönderin düğmeli

Nasıl yorumlarda sosyal etkileşim eklemek için

WordPress yorum formuna sosyal bağlantılar ekleyerek başlayalım. Yapmanız gereken ilk şey, eklentiyi yüklemek ve etkinleştirmek. sosyal Giriş

keşfedin WordPress bir eklenti yüklemeniz nasıl Bu eklentiyi etkinleştirmek için aşağıdaki adrese giderek ücretsiz bir hesap oluşturmanız gerekir: https://app.oneall.com

Bir kez yaptıktan sonra, kullanıcılarınızın bağlantı kurabilmeleri için kullanmak istediğiniz her ağ için bir API yapılandırmanız gerekmez.

Farklı sosyal ağların API'leri sürekli değişiyor olsa da, yapacak hiçbir şeyiniz kalmayacak, bu eklentinin geliştiricileri API'lerini sizin için güncelleyecektir. Tek yapmanız gereken OneAll API'sine bağlanmak.

İşte formlarınızın nasıl göründüğü.

Elementor ile web sitenizi kolayca oluşturun

Elementor, profesyonel bir görünüme sahip herhangi bir web sitesi tasarımını kolayca oluşturmanıza olanak sağlar. Kendin yapabileceğin için pahalı ödemeyi kes. [Ücretsiz]

Ayrıca bazı premium WordPress eklentilerini keşfedin

Modern bir görünüm kazandırmak ve blogunuzun veya web sitenizin rahatlığını artırmak için diğer WordPress eklentilerini kullanabilirsiniz.

Size, bu konuda yardımcı olacak bazı premium WordPress eklentileri sunuyoruz.

1. WP Anında Arama ve Otomatik Önerme

WP Anında Arama ve Otomatik Öneri eklentisi, WordPress blogunuzda arama yaparken makaleler, sayfalar ve özel yazı tipleri için anında öneriler almanızı sağlar. İle çalışır WPBakery et Cornerstone. wp-zaman-arama-wordpress-plugin-için-search

Özellikleri: rtam ekran modunda aramaÖzel yayın türlerinde anlık arama, uyumluluk Görsel BesteciT,Üç tümleşik tasarım stili, aralarından seçim yapabileceğiniz 5 renk şemaları, pklavye ve fare desteği, eAyarlar vb. İle tamamen özelleştirilebilir ...

Indir | gösteri | Web hosting

2. 404 Hata Sayfası Ana Sayfaya veya Özel Sayfaya Yönlendirme

İşte bu WordPress eklentisini etkinleştirdikten sonra ziyaretçiyi ana sayfaya veya özel sayfaya yönlendirecek bir 404 hata sayfasını kolayca eklemenin en iyi yollarından biri.

Tüm 404 hata sayfaları ana sayfaya veya özel bir URL'ye yönlendirilecektir. Bu WordPress eklentisini kullanarak, çok sayıda 404 hata sayfası varsa Google’ın web sitenizin pagerank değerini azaltmasına izin vereceksiniz.

Bu WordPress eklentisi sadece yönlendirme değil, aynı zamanda arama motorlarının sonuçlarında web sitenizin sıralamasını iyileştirmek için uygun bir çözüm olabilir.

Indir | gösteri | Web hosting

3. İlgili Yayınlar Pro

İlgili Yazılar Pro, WordPress'teki benzer her türlü içerik için basit ama güçlü bir çözüm sunar. Özel yayın türlerini, çok siteli, kategorileri, karışık içeriği, özel içeriği ve daha fazlasını destekler ...

Diğerlerinin yanı sıra sunduğu özellikler olarak: 3 farklı düzen türleri, Her düzen için 65 önceden tanımlanmış şablonlar, birkodlama gerekmeyecek,tarama ve Autoplay, uyumluluk eklentilerin kullandığı özel gönderi türleriyle WooCommerce, WP e-Ticaret, bbPress vb ..., bir arama çubuğu filtreli, a dçok açıklayıcı belgeler ve çok daha fazlası.

Indir | gösteri | Web hosting

Çevrimiçi Mağazanızı kolayca oluşturun

WordPress'te fiziksel ve dijital ürünlerinizi satmak için ücretsiz WooCommerce, en iyi e-ticaret eklentilerini indirin. [Ücretsiz]

Önerilen Kaynaklar

Web sitenizi oluştururken ve yönetirken size eşlik edecek diğer önerilen kaynakları keşfedin.

Sonuç

İşte bu! Bu eğitim için bu kadar. Umarız bu makale yorum formlarınızı daha çekici hale getirmenize yardımcı olmuştur. Bize WordPress'in özelleştirilmesiyle ilgili ipuçlarını ve özellikle de Bu makaleyi arkadaşlarınızla en sevdiğiniz sosyal ağlarda paylaşın.

Bununla birlikte, ayrıca bize danışabilirsiniz kaynakların bulunduğuİnternet siteleri oluşturma projelerinizi yürütmek için daha fazla elemana ihtiyacınız varsa, WordPress blog oluşturma.

Öneriniz veya yorumunuz varsa, bunları bölümümüzde bırakın. Yorumlar.

...

Bu makale yorumları 4 içeriyor
  1. Bu eğitim için teşekkürler, ancak ilk çeviriyi nasıl değiştirebilirim?
    Mesela Yorum Gönder Yorum yaz Çevir
    Yorum gönderimde değişiklik yapmak istiyorum
    Comments.php dosyasında iyi görünen bu metnin neresinde bir .po buldum

    Merci votre aide dökmek

YORUM BIRAKIN

E-posta adresiniz gösterilmeyecektir. Doldurulması zorunlu alanlar * ile işaretlenmiştir *

Bu site, istenmeyenleri azaltmak için Akismet'i kullanıyor. Yorum verilerinizin nasıl kullanıldığı hakkında daha fazla bilgi edinin..

Başa dönüş
2 hisseleri
hisse2
cıvıltı
Enregistrer