Yeni bir WPMudev eklentisi ile güzel ve duyarlı bir WordPress e -postası yapın!
Varsayılan olarak, WordPress e -posta çok çirkin. Logo, başlık veya altbilgi veya herhangi bir stil yoktur. Kendi markanızı eklemek daha iyi değil mi? Birinin köpek kahvaltı metni gibi görünmesini gerçekten isteyen bir e-posta gibi görünmesini sağlayın. Sadece bu değil, cep telefonlarında e -postaları okuyan herkes için daha kolay hale getirmek istiyorsunuz, hem yatay hem de dikey olarak okumak için büyütmeye ve kaydırmaya gerek yok!
Woo hoo! Güzel WordPress Bildirim E -postası! Yapabilirsiniz. Bunu yapan yeni bir ücretsiz eklenti yayınladık – HTML e -posta şablonu. WordPress bir e -posta gönderdiğinde, eklentimiz kesti ve belirttiğiniz şablonu mesajın etrafına yerleştirin!Çok heyecanlanma. Özel bir e-posta şablonu üreticisi eklemedik, ancak internette, kendiniz üretebileceğinizden daha sofistike bir şey arıyorsanız, Pixel-e-e-posta şablonu alabileceğiniz çok sayıda ücretsiz kaynak var. Ancak, kendi HTML’nizi girebilirsiniz. Aşağıdaki öğretici, bitmiş bir şablonla uğraşmak isteyenler içindir. Başlamadan önce, bu eklentinin Multisite ile de uyumlu olduğunu söylemekten mutluluk duyuyorum! WP-Admin’de bir şablon ayarlamak yerine, WP-Admin/Network/’de ayarladınız. Ama daha sonra tartışacağım.
Aşama 1 Kullanmak için bir şablon bulmalıyız! Hızlı dostça beyaz -dostça beyaz şablon çıkardım ve Zurb’un duyarlı e -posta şablonunu buldum. Açıkçası, markanız için zaten bir HTML e -posta şablonunuz varsa, kullanın! Yine de bunu kullanarak geçeceğim. Lütfen ve temel şablonu indirin. Bunu değiştireceğiz ve son olarak bunu duyarlı bir e -posta şablonu olarak kullanacağız. Adım 2 İndirdikten sonra, markamıza uyacak şekilde şablondaki birkaç şeyi değiştirmemiz gerekir. Bunlar: Mesaj alanındaki e -posta içeriğini kaldırın
Logo görüntüsünü değiştir
Sağ üstteki “Basic” kelimesini blogumuza bir bağlantıya dönüştürün
Altbilgideki bilgileri güncelleyin; Facebook, Twitter, Google+, E -posta ve Telefon Bağlantıları
Metin İçeriği Değiştirme Şablonda şu anda Lorem Ipsum olan birkaç metin öğesi var- hepsini istemiyoruz!
Yeni başlayanlar için, satır 47’de “Merhaba, Elijah Baily” (H3 elementine sarılmış), “Hey orada!” Ne yazık ki, eklentiler yalnızca wp_mail () işlevini filtrelediğinden, bize çok fazla bilgimiz yok. Bir yıldız olacak, bir konumuz, alıcının profilimiz vb. Ama biz yapmıyoruz! Bu yüzden onu şimdilik güzel tutmalıyız. Bundan sonra, “Lider” olarak sınıflandırılan aşağıdaki paragrafları “WordPress siteniz dikkatinizi gerektirir! Aşağıda okuyun ve çalışın!” E -postanın okuyucu tarafından dikkate alınması ve eylem yapılması için iyi bir yön.
Son olarak, aşağıdaki paragrafı (iPSUM lorum’un çoğu) “mesaj” ile değiştirin.
etiketi dahil! Eklenti, dize mesajları için şablonu filtreleyin ve WordPress tarafından gönderilen mesajlarla değiştirin. İsterseniz, “Calout” adlı ek bir bölüm vardır, bu da harekete geçmeye davet edilir. Sileceğim, ama elbette kullanmanın nedenlerini düşünebiliyorsanız! Gönderilen e -posta hakkında daha fazla bilgiye sahip olmak faydalı olacaktır. Başlıklarımızın yukarıdaki “temel” logo ve metni de değiştirmesi gerekir. Bunun için 200×50 logosu yaptım, ancak kendi logonuzla değiştirmekten çekinmeyin!
Kendi logonuzu oluşturduktan ve sunucunuza veya imgur gibi bir paylaşım hizmetine yükledikten sonra, doğrudan bir bağlantıya ihtiyacınız var – bu dosya adıyla biten bağlantı. Logom http://i.imgur.com/xb27xye.png. 25. satırda, SRC IMG’yi logo URL’nizle değiştirin. H6’nın görüldüğü aşağıdaki satırda, “Basic” i blogunuzun adına değiştirin. İletişim Bağlantıları Değiştirilecek son şey alttaki iletişim bilgileridir. Bunu sana teslim edeceğim. Düzenlenecek satırlar 62 (sosyal ağ ayrıntılarınıza girdiğiniz) ve e -posta ve numaralar için 75/76’dır.
Ve son olarak e -posta şablonunuz tamamlandı! Kullanmadan önce yapılacak son bir şey var. E-posta şablonları (çapraz istemci uyumluluğu için) tüm satırlara sahip olmalıdır. Bir e -posta istemcisinin dış kaynakları çekecek kadar akıllı olmasını asla beklemeyin (yani CSS). Resim iyi, ancak birçok istemci harici CSS bağlantısı veya etiketi ile eşleşmiyor. Adım 3 Şimdi her şeyi değiştirdik, e -posta dostu bir şablon oluşturmamız gerekiyor.E -posta istemcileri, HTML’yi biçimlendirme ve oluşturma biçiminde az çok korkunçtur.Çalışmamızda hesaplamamız gereken ana istemciler arasındaki bu karşılaştırmanın ne kadar tutarsız ve tutarsız olduğuna bakın. Ancak, HTML e -postası oluştururken iki kapsamlı kural vardır. Düzen için her zaman bir tablo kullanın
Daima bir CSS serisine sahip olun
Evet, bunun 1995 civarında Web’e benzediğini biliyorum, ancak e -posta oluşturma makinesi harap oldu ve sağlam bir düzen yapmanın tek yolunu kaybetti.Neyse ki, kullandığımız Zurb düzeni ile zor bir rol oynadılar.Bir masa kullanarak, yani.Tek yapmamız gereken e -posta.css’i bir stil çizgisine dönüştürmek!Bunu yapmak için yaklaşık beş saat bir kenara koymak, her stili her tabloya manuel olarak kopyalamak istiyorum, güçlü elemanlar, A, EM ve P zaman alacaktır.
Şaka yapıyorum! Neyse ki, stilinizi bir çizgiye dönüştürecek bir çevrimiçi hizmet var. Aslında bazıları var, ama bazı testler yaptıktan sonra, Torchbox uygulamasının hizmeti en iyisini buldum. Diğer insanlarla buldum, bazı stillerim gerçekten göz ardı edildi! (Not Editör: Bu site silinmiş gibi görünüyor. Inliner CSS MailChimp aracını kullanmaya çalışın.) CSS’yi şablona taşıyın. Zurb şablonunu indirirken indirdiğiniz e -posta.css dosyasını açın. Her şeyi klip kartınıza kopyalayın. Basic.html’nin üstünde birkaç stil etiketi ile değiştirin, tüm CSS belgeleriyle birlikte sadece kopyala. 2f*%20-mase%20All%20oof%20EMAIL.CSS%20HER%20*%2F%0a%3C%2FSTYLE%3E “Data-MCE-Resize =” Yanlış “Data-McE-McE-Placeholder =” 1 “Sınıf =” MCE -Nesneli “width =” 20 “yükseklik =” 20 “alt =” & lt; stil & gt; ” başlık = “& lt; stil & gt;” />
Artık yeterince büyük bir belgeniz olmalı. Bu daha kötü olacak, ancak maalesef HTML e -posta böyle çalışıyor.
Ininestyler’ı ziyaret edin ve tüm Basic.html dosyanızı kutuya yapıştırın. Daha önce yaptığımız tüm değişikliklerinizin yanı sıra kafadaki tüm CSS belgeleri olmalıdır.
Hey, acele et! Stil çizgisi! 15 yıl önce ne tür bir kodun tadını çıkarmak için bir dakikanızı ayırın!
İletişim Bilgisi:
Şimdi bir Bu süreçle ilgili uyarı, yazı tipi-aile beyanı alıntısından kaçmasıdır (yukarıdaki snippet’ten gördüğünüz gibi). Yeni dönüştürülen tüm kodları Basic.html’ye geri yerleştirin ve bir arama ve değiştirin & quot; “E -posta şablonunuz şimdi WordPress için hazır! Adım 4 Yapılacak son şey, eklenti tarafından sağlanan kutuya tüm Basic.html’yi eklemektir. Eklenti sayfasını Ayarlar> HTML e -posta şablonları altında bulabilirsiniz. Yapıştırın ve Git!
Test etmek istiyorsanız, “Pratinuki” tuşuna basın ve eklenti görünümü görmek için size deneysel bir e -posta gönderecektir!
Patlama. İşte orada. WordPress’ten güzel e -posta bildirimi! Beni rahatsız etmek için uzun zaman oldu, bu yüzden sonunda her yerde güzel bir e -posta alabileceğim için mutluyum! Sizinkini yeni bir eklenti ile buraya getirin. Ne düşünüyorsun? Bilmediğim çözümü kullanıyor musunuz? Bana aşağıya söyle! Etiket:
