WordPress blogunuzu yenilemenin 5 yolu
Uzun süredir blog yazıyorsanız, blogunuzun güncel olmadığını hissetme olasılığı vardır. Web sitenizin görünümünü değiştirmek için yeni bir temaya ihtiyacınız olduğunu düşünebilirsiniz, ancak WordPress blogunuzu tamamen yeniden tasarlamak zorunda kalmadan yenilemenin başka yolları da vardır.
Yeniden tasarıma başlamadan veya yeni bir tema koymadan önce, orada binlerce tema ve web siteleri ve bloglar için sayısız yeni tasarım trendleri var. Gerçek şu ki: İçerik yerine tasarıma odaklanmak çok kolay. Düzenli olarak bir blog yazmazsanız, yeni tasarımlar blogunuz için yazma ve içerik üretmenin bozulması olabilir. Bazen en iyisi şu anda sahip olduğunuz web sitesi ile çalışmaktır. Bazı değişiklikler yapın ve yaratıcı olun. Çünkü sonunda, bir blog sahibi olarak hedefiniz yüksek kaliteli yeni içerik üretmeye odaklanmaktır.RE -Frame ve Görüntüle İçeriğine Odaklanın Blogunuzun çekirdeği yeni içerik paylaşmak ve yazmaya devam etmektir. En başarılı blog tutarlı içerik üretir ve blogunuzu düzenli olarak güncellemek, takipçiler oluşturmanın en iyi yoludur. Yine, vurgu için: içeriğe odaklanın. İçeriğe odaklanın. İçeriğe odaklanın.
Yenileme + Blogunuzla Oluşturma Bu yazıda, blogunuzu Ithemes blogunda uyguladığımız bazı fikirlerle yenilemenin bazı yollarını tartışacağız.
Eklentiler – Eklentiler, kodlamadan rahatsızsanız blog işlevinizi genişletmeye ve tasarım öğeleri eklemeye yardımcı olabilir.
Tasarım öğeleri – Bazı ana tasarım öğeleri ekleyin Toplam web sitenizi yeniden tasarlamak zorunda kalmadan blogunuzun genel görünümünü değiştirebilir.
Kod görüntüleri – Birkaç HTML, CSS ve düzenleme koduyla rahat hissediyorsanız, içeriğinizi görüntülemenin yeni yollarını verecek bazı kod görüntüleri ekleyebilirsiniz.
Not: Bu yazı, kullanabileceğiniz bir kod görüntüsü içerir, ancak tema stili sayfanızda değişiklik yapmadan önce her zaman WordPress yedeklemesi için.
1. Fotoğraf ve grafiklerin üstün fotoğraflarını ve görüntülerini güncelleyin Blogunuzun genel estetiği üzerinde büyük bir etki yaratın. Bir blog yazısı, kullandığınız yazı veya üstün resme dahil olan görüntüyü değiştirerek yeni bir hayat alabilir. Kimse eski yazının üstün fotoğraflarını ve görüntülerini geri döndüremeyeceğinizi ve güncelleyemeyeceğinizi söylemedi. Blogunuzun tüm görünümünü sadece önceki yayınlara yeni ve modern fotoğrafçılık ekleyerek veya üstün görüntüleri stil veya renk şemasında daha tutarlı hale getirerek yenileyebilirsiniz. Tema gösterisinin çoğunun çok etkileyici görünmelerinden biri, tüm görüntülerin seçilmesi, böylece genel web sitesi tasarımını uyumlu hale getirmesi ve tamamlamasıdır. Aynı stratejiyi blogunuza uygulayın. Blog görüntü ipuçları:
Dosya boyutunu küçük tutun. Web sitesi grafikleri, retina ekranı için bile 300 bin’i geçmemelidir. Dosya boyutu, sayfanın yüklenmesi için gereken süreyi belirler, bu nedenle resminizin web için optimize edildiğinden emin olun. Ziyaretçilerin eski web sayfası yüklemesini beklemek için sabırları yoktur, bu nedenle dosya boyutunuzu düşük hızlandırın Web sayfalarınızın erişim süresini artırın. Sayfa Hızı SEO’nuzu da etkiler.
Alt etiketini ekleyin ve dosya adını görüntüye güncelleyin. Blogunuzda kullandığınız görüntüyle eşleşen dosya adını ve alt etiketi eklemeye alışın. Google’ın resim araması bu bilgileri resimleri görüntülemek için kullanır, bu nedenle resimlerinizi Seno’ya optimize etmeyi unutmayın. Stok fotoğraflarını kullanın-gerçekten iyi! Kendi fotoğraflarınızı veya tasarım grafiklerinizi çekmek için zamanınız yoksa, ucuz veya net fotoğrafçılık stoku olmayan bir dizi iyi stok fotoğraf sitesi vardır. Instagram’dan esinlenen stok fotoğraf siteleri ücretsiz veya uygun fiyatlarla ve cömert lisanslar bulabilirsiniz. Bkz. Stocksnap.io, Unplash.com, VisualHunt.com, Pexels.com & PhotoDune.com.
2. Acemi blogcuların başlıklarını kullanın Blog başlıkları veya neyi ve neden kullanmayı bilmeyebilir. Şu anda blog yayınınızda başlığı kullanmıyorsanız, kullanmaya başlayın. Başlık, blog yayınınızı ayarlamaya, yayınlarınızı daha kolay sindirilmiş parçalara ayırmaya ve SEO değeri eklemeye yardımcı olur.
Nedir? Başlık, WordPress posta/sayfa düzenleyicisine dahil edilen H1, H2, H3, H4, H5, H6’nın öğeleridir. Başlığı, editör ekranının üst kısmındaki açılır listede bulacaksınız. Kullanmak için, başlığı yapmak istediğiniz metni seçin ve açılır menüyü kullanarak Başlık seçeneğini uygulayın.
Metin düzenleyicisi ekranını da kullanabilir ve bir başlık ekleyebilirsiniz, şu şekilde:
Bu harika bir başlık
başlık ipuçları:
Onları kullan! Özellikle H2 ve H3 (ancak H1 değil) – yeni blog yayınları yazmadan veya yayınlamadan önce, önce tanımlayabileceğinizi görün. Anahat yaklaşımı kullanmak, başlık eklemek için doğal bir yer görmenize yardımcı olacaktır. Sadece, aşırıya kaçma. Not: H1, blog yayınınızın başlığı için ayrılmalıdır, bu nedenle sayfalarınızda veya gerçek yayında H1> herhangi bir şey kullanmayın. Kısa ve özlü olun – başlık genellikle uzun bir cümle değildir. Başlığınızı yazmak için gazetenin başlıklarını düşünün.H2S – Başlık SEO amacına sunan anahtar kelimeler ekleyin. Arama motoruna içeriğinizin düzenlendiğini ve okunabileceğini söylemeye yardımcı olurlar. Gönderiniz veya sayfanız için bir anahtar kelime odağınız varsa, H2’de gönderinin birkaç noktasında kullandığınızdan emin olun.
Başlık Tipografi ile Oluşturma – Başlık, farklı bir yazı tipi stili, renk, ağırlık, harf alanı vb. Girmenin bir yolu olabilir. Stylessheet Temanız her bir başlık öğesi için bir stil içermelidir, bu nedenle CSS’yi düzenlemede rahat hissediyorsanız bunu değiştirin.
3. Blog içeriğinize yeni özellikler eklemenin başka yollarıyla harekete geçme davetini ekleyin. Tıklanabilecek bir düğme eklemektir. Düğme, tıklama yeri vurgulamaya yardımcı olur, ziyaretçileri harekete geçmek için görsel sinyale yönlendirir. Yayınladığınız her blog yazısı, ziyaretçilerinizden harekete geçmelerini istemek için bir fırsattır. “Şimdi Satın Al”, “Bize Ulaşın”, “Şimdi İndir” veya “Daha Fazla Oku” gibi şeylere tıklanabilen düğmeler ekleyin, katılımı artırmak ve web sitenizi tıklamanın iyi bir yoludur. Aslında bombardıman sadece şık bir köprüdür .
Düğme İpuçları
Düğmeyi gönderinin sonuna ekleyin – Blog yayınını düğmeyle bitirin. Ziyaretçilerin ne gibi eylemleri yapmasını istiyorsunuz? Eylemi CTA (Eylem Çağrısı) düğmesine değiştirin.
Kısa ve özlü CTA’yı koruyun – Başlık gibi, CTA düğmesi kısa ve özlü olmalıdır; Sadece birkaç kelimeyi sınırlayın.
HTML İçi Post kullanın veya Kısa Kod (Eklenti) ile Ekle-Blogunuza düğmeler eklemek için, temanıza eklenen HTML/CSS kombinasyonunu kullanabilir veya kısa kodlara sahip eklentileri kullanabilirsiniz.
Aşağıdaki düğme için örnek CSS, tema stiline ekleyeceğiniz CSS örneğidir.
.düğme {
Ekran: satır içi blok;
Dolgu: 0.75EM 1,125EM;
Marj: 1,125EM Auto;
Arka plan: #F8572D;
Sınır dip: 2px katı #a22b0c;
Renk: #fff;
yazı tipi boyutu: 1.125em;
Hat yüksekliği: 1.2;
yazı tipi-ağırlık: 600;
Metin-align: merkez;
Metin dekorasyonu: yok;
Border-Radius: 3px;
-Webkit-Transition: Tüm .1s lineer;
-Moz-Transition: Tüm .1s lineer 0’lar;
}
.Button: Hover {
Arka plan:#FF3900;
}
Bu CSS eklendikten sonra, bir düğme eklemek için blog yazısı metin düzenleyicinizde HTML kullanabilirsiniz. web semineri için kaydolun düğmesi kendi kodlama düğmenizden rahatsızsanız, yardımcı olmak için bir eklenti kullanabilirsiniz. İşte WordPress.org Repo eklentisinden TRY: WordPress MaxButtons Düğme Eklentisi
X-Button Maker
4. Önemli alıntılara vurgu, özellikle okuyucuların yalnızca içeriği taraması nedeniyle blog yayınlarına kolayca gömülebilir. Çekme tırnak ve blok alıntı ile tırnak işaretlerini vurgulayarak önemli cümlelere veya paragraflara dikkat edin. Bu bir “Alıntı”. Bunu blogunuza da ekleyebilirsiniz. Pullquotes, dergilerde kullanılan baskı tekniklerini taklit etmek için genellikle düz veya soldur. Bu alıntıyı vurgulamak için tasarım yaklaşımı, bir gerilme alıntısı şeklinde de web’e aktarılmıştır.
Bu bir “blok teklif”. WordPress’e girdim. Blok alıntı, varsayılan olarak WordPress’e dahil edilen bir öğedir. Temanız, metni daha büyük veya eğik hale getirmek için tırnak işaretlerini engellemek için uygulanan özel bir stile sahip olmalı ve normal yazı tipi/gövde kuvvetinden daha fazla kontrast oluşturmalıdır. Blok Tırnaklar:
alıntı:
Teklif ipuçları
Alıntı: Sadece başkalarının sözleri değil-ancak alıntılar genellikle sadece diğer insanların sözleri için olsa da, kendinizi teklif etmekten korkmayın. Gönderinizde iyi bir noktaya değindiyseniz, Pullquote veya Blockquote olarak kullanılacak bir cümle seçin.
Blockquote WordPress’in kısa bir kodu kullanın. Metin düzenleyicisinden, kullanmak istediğiniz metni seçin ve metni Blockquote kısa koduna sarmak için Blockquote düğmesini tıklayın. HTML/CSS veya eklenti ile “Özel Alıntı Çizin” i kullanın.
yazı tipi boyutu: 1.2em;
Renk: #5E7078;
Marj: 1.5em 0;
Dolgu: 19px 30px;
Arka plan: #ffffff;
Sınır sol: 8px katı #c8f57a;
-Webkit-Transition: Tüm .2s doğrusal;
-Moz-Transition: Tüm .2s doğrusal 0;
}
Daha sonra metni bunun gibi Blockquote kısa koduna sarıyorsunuz, Bu bir bloke. .Alıntı yap {
Max-Width:%35;
Sınır Top: Yok;
Sınır alt kısımları: yok;
Sınır-sol: 7px katı #0084cc;
Arka plan: şeffaf;
Metin-Bağımlı: 0;
Marj: 10px 0 30px 40px;
Dolgu-sol: 30px;
-Webkit-Box-Shadow: Yok;
-Moz-Box-Shadow: Yok;
Renk: #77868E! Önemli;
yazı tipi tarzı: italik;
yazı tipi boyutu: 1.4em;
Şamandıra: Doğru! Önemli;
}
Ve sonra HTML:
Bu bir “çekme teklifi” dir. Bunları blogunuza da ekleyebilirsiniz.
Güzel Pullquote
Mükemmel alıntı römorkörü
BP Güzel Alıntı
5. Önemli metni bir teklifle benzer metni vurgulayın, bir teklif benzer şekilde, metnin diğer blog yayınlarından veya sayfalardan öne çıkması için vurgulamak istediğiniz tüm paragraflara veya cümlelere sahip olabilirsiniz. Burada, Ithemes blogunda, önemli bilgilerin veya bildirimin kaybolmamasını sağlamak için “içerik bilgisi” ve “kupon bilgisi” uyguladık. İçerik Bilgileri Aşağıdakiler içerik arayan bir örnektir. Bunu belirli paragraflara veya cümlelere dikkat çekmek için tüm blog yayınlarınızda kullanabilirsiniz. Ayrıca uzun mesajların parçalanmasına ve görsel ilgiyi artırmaya yardımcı olurlar. Bu içeriğin çağrısıdır. Bildirimler veya talimatlar eklemek veya sadece önemli metinleri çağırmak için kullanın.
Bu, style.css dosyasına ekleyebileceğiniz CSS: .Calout-Text {
Arka plan: #e3eef6;
Dolgu: 20px;
Sınır: 1px katı #9FD0F1;
}
Post metin düzenleyicinizde veya sayfanızda kullanacağınız html:
Arama metninizi buraya koyun. Özellikle yayınınızda veya sayfanızda.
Bu bir kupon bilgisi.
Bu, style.css dosyasına ekleyebileceğiniz CSS: .Calout-coupon {
Sınır: 2px noktalı #95C83C;
Border-Radius: 3px;
yazı tipi boyutu: 1.25em;
Dolgu: 2EM;
Metin-align: merkez;
}
site çapındaki her şeyden% 35 indirimden tasarruf etmek için kupon kodu Eylül 35’i kullanın. .Fotoğraf ekleyerek veya değiştirerek, başlığı kullanarak, düğmeler ekleyerek, alıntıları vurgulayarak ve bilgi ekleyerek blogunuza biraz yeni bir hayat verebilir ve umarım yeni yayınlar eklemek için ilham alabilirsiniz.
Kristen, 2011’den beri WordPress kullanıcılarına yardımcı olacak bir eğitim yazdı. Genellikle Ithemes blogu için yeni makaleler üzerinde çalışırken veya #WpproSper için kaynaklar geliştirebilirsiniz.İşin dışında Hıristiyanlar, daha çağdaş bir yaşam sürmeyi umarak ailesiyle birlikte yürüyüş ve kamp, yemek pişirme, yemek pişirme ve günlük macera derginin tadını çıkarıyorlar.
