Ben aşağıdan yukarıya mal inşa etmek için büyük bir hayranıyım. WordPress blogunda istediğiniz her şey için birçok eklenti var, ancak başlangıçtan itibaren özellikler oluşturduğumda değerli ve güvende hissediyorum. Neden sinir bozucu? Çoğu zaman eklenti kullanıcı arayüzü ile karıştırılmak istemiyorum veya eklenti gerçekten istediğimden daha fazlasını yapıyor. Çekirdek dosyayı hacklemeden, eklenti yapabileceğiniz şeyle çok katı olabilir. Çözüm? Kendiniz yuvarlayın! Bu olağanüstü bir öğrenme deneyimi, çadırın altında neler olduğunu biliyorsunuz ve başka bir zaman için beceriler elde ediyorsunuz. Ve inan bana, gelecekte bu beceriye ihtiyacın olacak. Sonunda başka projelerde tekrarlamadığım WordPress ile nasıl bir şey yapacağımı nadiren öğreniyorum.
Neden eklentileri kullanmıyorum? Basit iletişim formları için kötü eklentinin dört iyi nedeni:
Eklentiler sizden daha fazla paketlenmiştir (olmalıdır)
Basit bir iletişim formunu aşırı yapmak için kullanıcı arayüzünü kullanın
Hem bilginiz için neyin gizli olduğunu ve zihninizin huzurunu bilmek
Styles sayfası varsayılan beni yavaşça içeriden öldürdü.
Devam edebilirim. UI’nin tutkuyla büyük nefret ediyorum. Kötü UX’ten nefret ediyorum ve özellikle çok fazla işlevsellikten nefret ediyorum. Nefret çok güçlü bir kelimedir, ancak şimdi en iyi ve en zengin eklentileri oluşturmak için birbirleriyle rekabetçi temas formuna sahip formların çoğu. Ve sonunda böyle görünüyor
Ya da daha da kötüsü, bu
Benimle aynı kaydırmaktan nefret ediyorsun! Ama tüm bu özelliklere ihtiyacım var !!!! Doğru mu? Bu artık bir web 2.0 değil. Karmaşık form müşterileri korkutuyor. Formu doldurmak için kaç kez gidiyorsunuz, sadece girmeniz gereken kişisel veri miktarından korkuyorsunuz? Bu her zaman oldu. İnsanlar bile yarıya ve sonra başka bir şeyden rahatsız. Web’deki kişilerin çok kısa bir ilgi yelpazesi var. Müşterilerin ve potansiyel müşterilerinizin sizinle iletişim kurmasını kolaylaştırmak için gerçekten çıplak olmalısınız. Peki gerçekten önemli olan nedir? İsim, e -posta, mesaj ve insan doğrulaması. Ama bence bunu zaten biliyorsun. Bu dört küçük bilgi blogda yorum yapmak kadar basit – neden bir ilişkiyi daha zor hale getirmek istiyorsunuz? Gerçekten gerekli olmadıkça bundan daha fazla bilgi içeren bir form yaptığımı sanmıyorum. İnsanlar telefon numaralarını ve adreslerini bırakmak istiyorlarsa, bunu mesajda yapacaklar. Onlara formda kısa bir paragrafta sormak gibi görsel ipuçları yeterlidir! Elbette her şeyi en başından beri kodlayan ağrı!? Tam olarak değil. Demek istediğim, eğer sabırlıysanız, bu öğreticiyi yarım saatten daha kısa bir sürede tamamlayacaksınız. Tüm bunlar gerçekten şunlardan oluşuyor:
Özel Şablon Dosyası
Bazı PHP
Evet, hepsi bu. Görüntülenen formları, insan doğrulaması, doğrulama, yönetici e -postası ve okuyuculara tek bir dosyada tüm iletişim kurmaları için minnettar olabilirsiniz. Her zamanki gibi başlayarak yeni bir WordPress kurulumuyla başladım. Nasıl olduğundan emin değilseniz, Codex’i öğrenin. İyi bir uygulamayı takip etmek için, sadece özel sayfalarımızın stil sayfası ve şablonu ile yirmi bir çocuk teması yapacağım. Özel bir sayfa şablonu yayınlayabilir ve mevcut temalarınızdan birine koyabilirsiniz ve mükemmel bir şekilde çalışacaktır (bazı CSS değişikliklerini sınırlandırır). WP-Concent/temalarında “Contact-Form” adlı yeni bir klasör ekleyin. İçinde iki yeni dosya style.css ve sayfa-conctact-as.php oluşturun. Style.css, aşağıdakileri yapıştırın: /*
Tema Adı: İletişim Formu Sayfa Şablonu
Tema Uri: https://wpmudev.com/blog/
Açıklama: Mevcut temanıza bırakabileceğiniz süper basit, bağımsız bir iletişim formu.
Yazar: Harley
Yazar uri: https://wpmudev.com/
Şablon: YirmiTwelve
Sürüm: 0.1
*/
@Import url (“../ twentytwelve/ style.css”); Utanmaz premium fişimi görmezden gel – burada çalışıyorum. Bu bir gereklilik!
Şimdi, test sitenizdeki temalara devam edebilmeli ve etkinleştirebilmelisiniz.
Bir sonraki adım, doğru adı “Bize Ulaşın” ile bir sayfa oluşturmaktır. Bu isim özel. Bu, daha önce oluşturduğumuz şablon dosyası ile doğrudan ilişkilidir. Bu özel sayfa şablonunu yapmak için çözüm kolay değildir, sadece WordPress tarafından sağlanan konvansiyon ve ben hoşuma gidiyor. Page-tout-us.php, “Hakkımızda” başlıklı bir sayfa görüntülemek için otomatik olarak kullanılacaktır. Bu biraz kullanışlıdır! Bir Page-Contact-us.php oluşturduysanız ve boş bırakın, yeni yaptığınız “Bize Ulaşın” sayfasını ziyaret edin.
Yine de sorun değil! Aşağıdakilerle hızlı bir şekilde tamamlayın ve tekrar sıradan bir sayfa gibi görünecektir.
<makale id = "post- ” >
Form kodu buraya gidiyor
Peki. Şimdi bir temel sayfamız var, çok basit bir biçimde girme zamanı.
Aşağıdaki paragraf kodunu aşağıdakilerle değiştirin: <div class = "veri: imaj/gif; baz64, r0lgodlhaqabaaaaaaaaap /// yh5baaaaaaaibra7" data-wp-pireverve = "%20ty 3e%20%20 Hata%7b%0a%20%20%20%20PADDING%3A%205px%3B%3B%0a%20%20%20%20border%3A%201px%20solid%20RED%3B%3B%0a%20%20 %20%20 renk%3a%20RED%3B%0a%20%20%20%20Border-Radius%3A%203px%3B%20%20%20%7d%0a 0a%0a%20%20%20. Başarı%%20. 7B%0a%20%20%20%20PADDING%3A%205px%209px%3B%0a%20%20%20%20Border%3A%201px%20solid%20GREEN%3B%0a%20%20%20%20%20%20%20% 20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20 renk% 3A%20 GREEN%3B%0a%20%20%20%20%20Border-Radius%3A%203px%3B%0a 20%20%7D%0a%0a 0a 20%20%20span%7B%0a%20%20%20% 20%20%20%20 renk%3A%20RED%3B%0a%20%20%7D%0a%3C 2FSTYLE%3E "Data-MCE-Resize =" Yanlış "Data-McE-Yer Kol =" 1 "Class =" MCE – -Neck "Width =" 20 "Height =" 20 "Alt =" “Title =” ” />