Post & amp;WordPress sayfası
WordPress, hem bloglama platformu hem de içerik yönetim sistemi (CMS) olarak birçok insanın favorisidir. Bunun için bu platformun öğrenilmesi, kullanılması ve ayarlanması kolaydır. Demek istediğim, çok fazla denemeden web sitenizi istediğiniz yerde değiştirebilirsiniz. Bu kılavuzun konusu olan WordPress yayınınıza ve sayfanıza farklı bir arka plan ekleyebilirsiniz. WordPress yayınlarınıza ve sayfalarınıza bazı renkler ve stiller eklemek istiyorsanız, bu kılavuz iki yollu bir yaklaşım kullanarak konuyu tartışır. İlk olarak, CSS ve Basit PHP işlevlerini kullanarak yazı veya WordPress sayfasına farklı bir arka plan ekleyeceğiz, ancak bu bir fincan çayın değilse (örneğin mükemmel yeni başlayansınız ve kod sizi korkutuyor), biraz sunacağız İşlem için WordPress arka plan eklentileri.
Her iki durumda da eğlenmelisiniz çünkü bu nispeten kolay bir proje. Ayrıca, yeni bir şeyler öğrenmek her zaman eğlencelidir. Sonuna kadar tadını çıkarın ve yorum alanındaki önerilerinizi, yorumlarınızı veya sorularınızı paylaşın. Hazır? 3, 2, 1’e girelim … PHP, HTML ve CSS’yi nasıl kullanacağınızı biliyorsanız, bu bölüm koduyla WordPress’e arka plan ekleyelim. Ancak endişelenmeyin, burada sağlanan kod görüntülerini her zaman kopyalayıp ekleyebilirsiniz. Yalnızca WordPress kurulumunuzda çeşitli dosyaların nerede olduğunu bilmeniz gerekir. Bu açılışla, düzenleyelim.
CSS kullanarak WordPress Post & Page’a farklı arka planlar ekleyin WordPress Post ve sayfasına (ve tüm siteleriniz) giren stillerin çoğu Styles sayfası olarak bilinen dosyalar tarafından kontrol edilir. WordPress’teki stil sayfası dosyaları genellikle style.css olarak etiketlenir. WordPress Yöneticinizdeki görünümden> Düzenleyiciye Gezerek Style.css’ye erişebilirsiniz: Style.css adresindeki WordPress Post/Page’ınıza arka plan (ve diğer stiller) ekleriz, bu nedenle ayrı bir sekmeye yüklemeniz önemlidir. Görünüm -> Editor’a gittiğinizde, ekranın sağındaki tüm tema şablonlarının bir listesini de göreceksiniz. Bir alt tema kullanıyorsanız – BTW kullanmalısınız – ana tema şablonu dosyanızı yüklemeniz gerekir.
Örneğin, ana sayfanızın kaynak kodunu görürseniz, yukarıdaki işlev aşağıdaki gibi bir şey görüntülenir: Ve bunun nedeni Kod snippet’inin kısmı, örneğin, ana sayfalarınızın çeşitli öğelerini düzenlemek için CSS’de kullanabileceğiniz. Home,. Blog, .logged-in, vb. Bunun yanı sıra: Her gönderi veya sayfanın kaynak kodunu görmek kolaydır. Chrome kullanıyorsanız, sayfaya/yayınına sağ tıklayın ve “Sayfa Kaynağına bakın” seçeneğini seçin. Mozilla’da gönderi/sayfaya sağ tıklayın ve “Sayfa Kaynağını Görüntü” seçeneğini seçin. Microsoft Edge (Internet Explorer) kullanıyorsanız, sayfanıza/gönderinize sağ tıklayın ve “Kaynak Görüntüle” yi seçin. WordPress sayfasının kaynak kodunu görürseniz, aynı işlev görüntülenir: Bir gönderinin kaynak koduna bakarsanız, body_class işlevimiz şu yakın bir şey üretir: Gördüğünüz gibi, kolayca hedefleyebileceğiniz birkaç CSS sınıfı alırsınız:
.
.Page-Id-2 Belirli sayfaları hedeflemenize olanak tanıyan, yani kimlik no. 2
Tüm tek yayınlar için.
.postid-1 Kimlik ile yayınlamak için = 1, yani uyguladığınız tüm CSS stilleri yalnızca gönderiyi etkileyecektir
.Single format-standart-Bu, CSS kuvvetini standart gönderi formatına sahip tüm yayınlara uygulamanıza izin verir. Bu CSS sınıfını kullanarak uyguladığınız stil yalnızca giren kullanıcılar için geçerli olacaktır.
Class = “” Herhangi bir gönderiyi veya sayfayı hedeflemek için kullanabileceğiniz CSS kancalarını sunun. Ancak neden her sınıftan önce bir nokta (.) Ekliyoruz? Bu geleneksel bir CSS sözdizimidir. Bir nokta (.) ve tüm div kullanan sınıflar karma (#). Diğer günler için hikayeler.
Örneğin, tüm yayınlara siyah bir arka plan uygulamak için style.css’e aşağıdaki görüntüleri ekleyin:
.Single {arka plan-color: #000; } PHP kullanarak WordPress Post & Page’a bir arka plan ekleyin (özel bir alan aracılığıyla) Sitenizdeki arka planı özel bir alan aracılığıyla değiştirmek için varsayılan bir manuel yöntem eklemek istiyorsanız, bunu yapmak da çok kolaydır. Aşağıdaki kodu temanızdaki functions.php dosyasına yapıştırın (üçüncü taraf bir tema kullanıyorsanız, bu en iyi bir alt tema ile yapılır). “MyPrefix” dediğiniz yerde benzersiz kimliğinize (bu, temalar ve eklentilerle çatışmayı önlemek) değiştirdiğinizden emin olun ve her şey hazır olduktan sonra, URL’yi resme girmek için “myprefix_background_image” özel alanı kullanabilirsiniz. Sayfa veya arka planı değiştirmenizi istediğiniz herhangi bir gönderi.
gövde {arka plan-image: url ? Php echo esc_url ($ arka plan);> “); } <? php} add_raction ('wp_head', 'myprefix_custom_field_background'); İşlevin "WP_HEAD" eylemine nasıl bağlı olduğuna dikkat edin? Bu, özel bir alan kullandığınızda, özel alan değerinize göre arka planınızı değiştirmek için sitenizin başlık etiketine CSS'nin ekleneceği anlamına gelir. Eklentinizle WordPress'e bir arka plan ekleyin, yayınları ve WordPress sayfalarını ve her biri PHP ve CSS ile gösterdiğimiz gibi stil. Ancak kod için zamanınız yoksa veya yukarıdaki talimatlar bir nedenden dolayı işlev görmüyorsa, önyükleme için bazı WordPress arka plan eklentileri. WP-Backgrounds Lite Ücretsiz WordPress eklentisi
Ne söyleyebilirim? Bu, ihtiyaçları karşılayan WordPress eklentilerinden biridir. WordPress gönderiniz ve sayfanız için canlı arka planları sever misiniz? Tabii ki neden olmasın. Bu eklenti kurulumu ve kullanımı kolay mı? Fikrinizi duymaktan mutlu olacağım.
WP-Backgrounds Lite, Guys, çok WordPress arka planına ve sonsuza dek olmanıza yardımcı olan bir eklentidir. WordPress yayınınız için bir arka plan bile yapabilirsiniz ve sayfa tıklanabilir! Ve bu, istemediğiniz sürece tüm sayfaları çalıştırmaz, ayrıca tüm ana tarayıcılarla iyi çalışır. Codecanyon’da seçkin bir yazar olan RightShere tarafından sunulan WordPress Premium eklentisi özel diper, özel arka planlar eklentisi WordPress arka planınız üzerinde tam kontrol sunar. Birkaç dakika içinde, diğer şablonlar arasında WordPress, sayfalar, özel yayın türleri, taksonomi ve arşiv yayınlamak için olağanüstü bir arka plan yapabilirsiniz ve sunulan en iyi paralak, zamanlayıcı ve jQuery efektleri ile her şeyi canlandırabilirsiniz.
Tıklanabilecek arka planı ve birçok sayfayı terlemeden WordPress yayın ve sayfanıza bile ayarlayabilirsiniz. Yazar, satın almadan önce eklentileri test etmenize izin verir, böylece tam olarak ne beklendiğini bilirsiniz. WPBakery Page Makers için Arka Plan Video ve Paralaks
Paralyx ruloları son zamanlarda her yerde ve iyi nedenlerle: Bu en havalı görsel efektlerden biridir ve düzgün bir şekilde yürütüldüğünde görsel olarak şaşırtıcıdır.Bu, çok sayıda paralaks WordPress temalarının piyasaya çıktığını gördü – paralaks terimine alışık olmayanlarınız için, arka plan görüntüsü, ilginç görsel efektler yaratan ön arka plana farklı hızlarla yuvarlanıyor.Genel olarak, çoğu WordPress kullanıcısı paralaks yükseltme temasına güvenir.Ancak, Palalax olmayan temaya bir paralaks efekti eklemek istiyorsanız, video arka planını kontrol etmelisiniz ve
