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'teki her öğenin varsayılan olarak bir CSS kodu vardır, bu, yorumların listesidir, gezinme menüleriyorum formu widget'ları ve daha fazlası.

dosyaları arasında WordPress temaları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, formun aktif alanını 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.

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

Bu yapıldığında, kullanıcılarınızın bunlar üzerinden bağlanmasına izin vermek için kullanmak istediğiniz her ağ için bir API yapılandırmanız gerekmeyecek.

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

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  

diğer kullanabilirsiniz WordPress eklentileri modern bir görünüm vermek ve blogunuzun veya web sitenizin kullanımını optimize etmek için.

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

Bunu etkinleştirdikten sonra ziyaretçiyi ana sayfaya veya özel sayfaya yönlendirecek bir 404 hata sayfasını kolayca eklemenin en iyi yollarından biri burada. WordPress Plugin.404 Hata Sayfası Ana Sayfaya veya Özel Sayfaya Yönlendirme

404 hata sayfasının tümü ana sayfaya veya özel bir URL'ye yönlendirilecektir. Bunu kullanarak WordPress Plugin, çok sayıda 404 hata sayfası varsa, Google'ın web sitenizin pagerank'ını düşürmesine izin vermiş olursunuz.

Ce WordPress Plugin sadece yönlendirme yapmakla kalmaz, aynı zamanda web sitenizin arama motoru sonuçlarındaki sıralamasını iyileştirmek için de 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 eklentiler tarafından kullanılan özel gönderi türleri ile WooCommerce, WP e-Ticaret, bbPress vb ..., a arama çubuğu filtreli, a dçok açıklayıcı belgeler ve çok daha fazlası.

Indir | gösteri | Web hosting

Önerilen Kaynaklar

Web sitenizi oluşturmanıza ve yönetmenize yardımcı olacak diğer önerilen kaynaklar hakkında bilgi edinin.

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 konusundaki ipuçlarınızı 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.

...