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 oynar. Yorumlar, okuyucularınız için düşüncelerini paylaşabilecekleri ve çoğu zaman geri gelmek istemelerine neden olan bir etkileşim platformu sağlar.

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

Bu eğitimde, size varsayılan WordPress yorum formunu nasıl biçimlendireceğinizi göstereceğiz, ayrıca sosyal medya kimlikleri aracılığıyla nasıl yorum işlevselliği ekleyeceğinizi ve yorum abonelik işlevini nasıl oluşturacağınızı ve çok daha fazlasını göstereceğiz. Daha.

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.

WordPress yorumlarının stili nasıl değiştirilir

Tarz hakkında konuşurken şunu kastediyoruz: Şey CSS tarafı. Aşağıda, WordPress'teki yorum formunun görünümünü nasıl özelleştireceğinizi göstereceğim. WordPress'te varsayılan olarak her öğenin bir CSS kodu vardır, bu, yorumların listesidir, gezinme menüleriyorum formu widget'ları ve daha fazlası.

WordPress tema dosyaları arasında, adında bir dosyamız var comments.php blog yazılarında ve sayfalarında yorumları 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üğmesi ile oluşturur.

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

#respond {} # response-title {} # cancel-comment-response-link {} #commentform {} #author {} #email {} #url {} #comment #submit .comment-notları {}. gerekli {} .comment-form-author {} .comment-form-email {} .comment-form-url {} .comment-form-comment {} .form-allow-tags {} .form-submit

Bu CSS sınıflarını basitçe ayarlayarak, yorum formunun görünümünü tamamen değiştirebilirsiniz. Size neler yapabileceğimiz konusunda fikir vermesi için bir şeyi değiştirmeye çalışalım.

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

İlk olarak, formdaki aktif alanı vurgulayarak başlayacağız. Aktif alanları vurgulayarak, kullanıcılar neyi değiştirdiklerini kolayca görebilir ve web sitenize biraz dinamik bir yön verir.

#respond {arka plan: #ecec; dolgu: 0 5px 0 5px; } / * Etkin metin alanını vurgula * / #respond input [type = text], textarea {-webkit-geçişi: 0.30'ların tümü kolay giriş; -moz geçişi: 0.30'ların tümü kolay giriş; -ms-geçişi: 0.30'ların tümü kolay giriş; -o-geçiş: 0.30'ların tümü kolay giriş; anahat: yok; dolgu: 3px 0px 3px 3px; kenar boşluğu: 5px 1px 3px 0px; border: 1px katı #DDDDDD; } #respond input [tür = metin]: odak, metin alanı: odak {kutu-gölge: 0 0 5px rgba (81, 203, 238, 1); kenar boşluğu: 5px 1px 3px 0px; kenarlık: 1px katı rgba (81, 203, 238, 1); }

Yirmi Oniki temalı yorum formunuz böyle görünebilir.

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]

vurgulamak-etken form alan

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

#author {font-family: Lobster, "Lobster 1.4", "Droid Sans", Arial; yazı tipi boyutu: 16px; renk: # 1d1d1d; harf aralığı: .1em; } #url {renk: # 21759b; yazı tipi ailesi: "Luicida Console", "Courier New", "Courier", minivan; } 

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

nasıl-form-input-tarzı

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

#submit {font-family: Arial; renk: #ffffff; yazı tipi boyutu: 20px; dolgu: 10px; metin dekorasyonu: yok; kutu gölgesi: 0px 1px 3px # 666666; -webkit-box-shadow: 0px 1px 3px # 666666; -moz-kutu-gölge: 0px 1px 3px # 666666; metin gölgesi: 1px 1px 3px # 666666; arkaplan: -webkit-gradyan (doğrusal, 0 0, 0% 100, (# 006ad4) 'den (# 003366)' ya); arkaplan: -moz-doğrusal gradyan (üst, # 006ad4, # 003366); } #submit: hover {background: -webkit-gradient (doğrusal, 0 0, 0% 100, (# 003366) 'dan (# 006ad4)' e); arka plan: -moz-doğrusal-gradyan (üst, # 003366, # 006ad4)}

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

nasıl gönderin düğmeli

Yorumlara sosyal etkileşim nasıl eklenir

WordPress yorum formuna sosyal girişler ekleyerek başlayalım. Yapmanız gereken ilk şey eklentiyi kurmak 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şturmalısınız: https://app.oneall.com

Bir kez yaptıktan sonra, kullanıcılarınızın bunlar üzerinden bağlanmasına izin vermek için kullanmak istediğiniz her ağ için bir API ayarlamanız gerekmez.

Farklı sosyal ağların API'leri sürekli değişse de, hiçbir şey yapmanız gerekmeyecek, bu eklentinin geliştiricileri API'lerini sizin için güncellemekten sorumludur. Tek yapmanız gereken OneAll API'ye giriş yapmaktır.

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]

Formlarınız bu şekilde görüntülenecektir.

form yorumları wordpress 2 nasıl özelleştirmekwordpress yorum formunu nasıl özelleştirebilirim?

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 Instant Search & Auto Suggest" eklentisi, WordPress blogunuzda arama yaparken makaleler, sayfalar ve özel gönderi türleri 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 aramaKişiselleştirilmiş gönderi türleri için anında arama, uyumluluk Görsel BesteciT,Kings yerleşik tasarım stilleri, aralarından seçim yapabileceğiniz 5 renk şeması, pklavye ve fare desteği, eparametreler vb. yoluyla 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.404 Hata Sayfası Ana Sayfaya veya Özel Sayfaya Yönlendirme

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

Related Posts Pro, WordPress'teki her türlü benzer içerik için basit ama güçlü bir çözüm sunar. Özel gönderi türlerini, çoklu siteyi, kategorileri, karışık içeriği, özel içeriği ve daha fazlasını destekler ...İlgili Mesaj Pro

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. [Önerilen]

Önerilen Kaynaklar

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

Sonuç

Buraya ! Bu eğitim için bu kadar. Bu makalenin geri bildirim formlarınızı daha ilgi çekici hale getirmenize yardımcı olduğunu umuyoruz. Ayrıca bize WordPress'i özelleştirme ile ilgili ipuçlarınızı ve özellikle 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ı 5 içeriyor

  1. Bu eğitim için teşekkürler, ancak ilk çevirinin nasıl değiştirileceği
    Örneğin Yorum Gönder, Yorum gönder tarafından çevrilir
    Yorum gönder olarak değiştirmek istiyorum
    Bu metnin bulunduğu yerde comments.php dosyasında görünen bir .po bulamadım.

    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üş
1 hisseleri
hisse1
cıvıltı
Enregistrer