WordPress, çeşitli kullanımlara sahip bir araçtır. Hem içerik yönetim sistemi hem de blog platformu olarak kullanılabilir (CMS).
Bunun nedeni kesinlikle bu aracın öğrenmesi, kullanması ve özelleştirmesi kolay olmasıdır. Demek istediğim, web sitenizi çok çaba harcamadan dilediğiniz gibi dönüştürebilirsiniz. Makalelerinize ve WordPress sayfalarınıza farklı arka planlar bile ekleyebilirsiniz; bu, bu eğitimin konusu olan son kısımdır.
WordPress makalelerinize ve sayfalarınıza biraz renk ve stil eklemek istiyorsanız, bu kılavuz konuyu iki yönlü bir yaklaşım kullanarak ele alır. Öncelikle, CSS ve basit bir PHP işlevi kullanarak makalelere veya sayfalara farklı arka planlar ekleyeceğiz.
Ancak, eğer sizin fincan çayınız değilse (Diyelim ki mükemmel bir acemisin ve kod senin işin değil), size yardımcı olacak bir eklenti sunacağız.
Her neyse, çok zaman harcamanıza gerek kalmayacak, çünkü nispeten kolay bir proje. Ayrıca, yeni bir şeyler öğrenmek her zaman eğlencelidir.
WordPress'te kod içeren bir arka plan nasıl eklenir
PHP, HTML ve CSS bilginiz varsa bu bölüm çok faydalı olacaktır. Endişelenmeyin, burada sağlanan snippet'leri her zaman kopyalayıp yapıştırabilirsiniz. WordPress kurulumunuzdaki farklı dosyaların nerede olduğunu bilmeniz yeterli.
Nedenini keşfedin video arka planları her zaman iyi bir fikir değildir
WordPress'te CSS ile farklı arka planlar ekleyin
WordPress haberler ve sayfalar (gider tarzı çokve tüm web siteniz) "adlı bir dosya tarafından kontrol ediliyorstil ". WordPress'teki stil sayfası dosyasının adı genellikle "style.css" olarak değiştirilir. Erişebilirsiniz " style.css Erişerek " Görünüm> Editör WordPress panonuzda:
Bir arka plan ekleyeceğiz (ve diğer stiller) makalelerinizi ve WordPress sayfalarınızı style.css dosyasında bulunduğundan, çeşitli değişiklikleri önizleyebileceğiniz ikinci bir açık sekme olması önemlidir.
Bunları da keşfedin geliştiriciler WordPress için bazı metin düzenleyicileri
"Konumuna giderken Görünüm> Editör Ayrıca ekranın sağ tarafında tüm WordPress tema şablonlarının bir listesini göreceksiniz. Bir alt tema kullanıyorsanız, üst temanız için şablon dosyalarını yüklemeniz gerekecektir.
"Dosyaya odaklanman gerekiyor" header.php '. Neden header.php ? Çünkü bu dosya diğer tüm sayfalara ve makalelere eklendi. Başka bir deyişle, header.php içindeki kod, oluşturduğunuz her sayfada veya makalede görüntülenir.
Bu kod pasajını bulun:
<? Vücut <Php body_class (); ? >>
Bu işlevin bir amacı var. Makalelerinizin ve sayfalarınızın tarzını değiştirmek için kullanabileceğiniz CSS sınıfları sunar. Tek yapmanız gereken, özelleştirmek istediğiniz sayfa veya makaleye belirli bir CSS sınıfını hedeflemek, arka planınızı ve stilinizi eklemektir. Şimdi tek yapmanız gereken değişikliklerinizi kaydetmek.
Bunu keşfet WordPress eklentisi Sarı Kurşun Kalem ile somut bir şekilde yapabileceğinizi?
<body class = "giriş blogu giriş admin-no-customize-support-bar hfeed">
Öyleyse "<? Php body_class (); Kod snippet'inin, tüm stilleri sağlayan, örneğin .home, .blog, .logged-in vb., CSS’nizde, sayfanızın farklı stilleri ve farklı öğeleri için kullanabileceğiniz bölümleridir. Ana.
Tüm makaleler veya sayfalar için kaynak kodunu görüntülemek kolaydır. Chrome kullanıyorsanız, bir sayfada boş bir alanı sağ tıklayın ve " Elemanı incelemek ". Mozilla'da, doğrudan yazıya / sayfaya sağ tıklayın ve ardından "üzerine tıklayın. Sayfa kaynağı ". Microsoft Edge (Internet Explorer) kullanıyorsanız, sayfanıza / makalelerinize sağ tıklayın ve " Kaynağı görüntüle '.
Yanı sıra öğrenmek etkili bir web tarayıcınızda sekmeleri nasıl kullanılır
Bir WordPress sayfasının kaynak koduna bakarsanız, oluşturulan kod neredeyse aynıdır:
<body class = "page-id-2 sayfa-şablon-varsayılan giriş yapmış admin-no-customize-support-bar">
Tek bir makalenin kaynak koduna baktıysanız, body_class işlevi şuna benzer bir şey gösterecektir:
<body class = "tek bir post-postid-1 tek standart formatta giriş yapmış admin-no-customize-support-bar">
Gördüğünüz gibi, blogunuzun arka planını özelleştirmek için kullanabileceğiniz bir CSS seçici setiniz olacak.
Eklentileri olan özel bir arka plan nasıl eklenir
Ayrıca, WordPress eklentilerini kullanarak WordPress makalelerinin ve sayfalarının arka planlarını daha önce gösterdiğimiz şekilde özelleştirebilirsiniz. Bu nedenle, kodu değiştirmek için zamanınız yoksa veya bu talimatları izliyorsanız, işte size ulaşmanıza yardımcı olacak bir eklenti.
Premium WordPress Özel Arka
Birkaç dakika içinde, özel Arka Diğerleri arasında makaleler, sayfalar, özel yayın formatları, taksonomiler ve arşivler için döner arka planlar oluşturabileceksiniz. Paralaks etkisini, zamanlayıcıyı ve daha fazlasını özelleştirme olanağına sahip olacaksınız.
Çok fazla yapılandırma olmadan makaleleriniz ve WordPress sayfalarınız için tıklanabilir arka planlar bile ayarlayabilirsiniz. Yazar ayrıca, eklentiyi satın almadan önce test etmenize izin verir, böylece ne bekleyeceğinizi bilirsiniz.
SearchAzon'u kullanarak komisyon kazanacaksınız ve müşterileriniz memnun olacak. Web sitenizin otomatik pilot uygulamasından gelir sağlayacak çok basit bir kavram. Şu anda yalnızca belirli bir ürün nişini sunan bir çevrimiçi mağazanız olduğunu varsayalım: Apple. Bir müşteri "Samsung S8 +" aramasını başlattığında ne olacak, bu müşteriyi kaybedeceksin. SearchAzon'un devreye girdiği yer burasıdır.
Bir müşteri web sitenizde bulunamayan bir ürünü ararsa, o anahtar kelimeye / ifadeye dayalı olarak, Amazon’da otomatik bir arama başlatılır ve müşteriniz Amazon’un en iyi sonuçlarını doğrudan web sitenizden alır. Böylece, daha fazla müşteri kaybetti veya hayal kırıklığına uğrattı. Herkes web sitenizde ne istediğini bulacak ve Amazon'dan ek gelir elde edeceksiniz.
Özellikleri: görsel bir slayt gösterisi oluşturucusu, kullanım kolaylığı, gezinme tuşlarının varlığı, Flickr ve WooCommerce gibi servislerden galerileri yükleme ve görüntüleme yeteneği ve daha fazlası
İşte bu! Bu eğitim için bu kadar, umarım WordPress'te arka planları kolayca değiştirmenize izin verir. Bu makaleyi beğendiyseniz, tereddüt etmeyin arkadaşlarınla ​​paylaş.