WordPress sitenize Noel sevinci eklemek için 4 eğlenceli görüntü kodu

Bu sorunun çocuğun temasında üstesinden gelmemiz gerekiyor çünkü sevkiyat listesinin yanında kullanım için iyi bir kanca yok. Birkaç keşiften sonra, iki inc/template-tags.php twentysixteen_entry_meta () olarak adlandırılmanın yanı sıra verilmeden sorumlu işlevin ve bunun üst temadaki Inc/Template-tags.php dosyasında bulunabileceğini buldum. Bu fonksiyon, işlev varolistlerinin () muayenesine sarılır, yani çocuğumuzun temasında olabiliriz. Her şeyi fonksiyonlara kopyalayarak başladım. Daha sonra sonunda aşağıdaki kodu ekledim:
Yükleme Çekirdeği 267679E6C3F493FC5122C797396B26ED
Bu, CH2015_santa_icon () işlevinin yalnızca ay Aralık ve gün 24 veya 25. gün ise çağrılmasını sağlar. İsterseniz, oraya daha küçük bir varyant ekleyebilirsiniz. CH2015_Santa_icon () işlevi, yalnızca Codepen için HTML yapılarını görüntüler:
Core 131480073674bef7f405f8229302e799’u içerir
Bulmacanın son kısmı, HTML yapısını açmak ve Noel Baba’yı yapmak için gereken CSS’yi eklemektir. İlk kuralın iki bloğu hariç tümü çocuk temanızın CSS dosyasına kopyalayın:
1FC68B819B7223D5FAA9AFF5BE4BF1D3’ün özünü içerir
Doğru pozisyonu elde etmek için ilk kuralları (.santa’ya uygulanan) değiştirdim. Bu, kenar boşluğunun kaldırılması ve simgenin sola paralel olmasını sağlamak anlamına gelir. 2. Kalın sınır tasarımına inen kar yirmi on altı bize ekranı yüklemeden bazı kar efektleri ekleme fırsatı veriyor, yani kar sadece sınırda. Sınır aslında görünür bir vücut arka planı olduğundan, işimiz oldukça kolay olacaktır. Farklı boyutlarda üç arka plan yapacağız ve onları canlandıracağız. Bunun paralaks gibi bir etkisi olacak – en büyük resim, boyutu nedeniyle en hızlı hareket ediyor gibi görünecek. Üç boyut 500×500, 400×400 ve 300×300 olacaktır. 500 piksel genişlik seçeneği, 300 piksel alması gerektiğiyle aynı zamanda 500 piksel almalıdır, bu nedenle hız farkı. Kendi kar taneleri bile yapabilirsiniz! 500 × 500 resim oluşturun ve ona biraz kar tanesi ekleyin. Siyah arka plana sahip basit bir beyaz daire kullanıyorum. Görüntünün yüklenebileceğinden emin olmak için Photoshop ofset filtresini kullanıyorum. Bu, animasyonun sorunsuz bir şekilde dönmesini sağlamak için gereklidir. Bu filtre Photoshop’ta Filtreler> Diğer altında bulunur ve görüntünüzün yarısına ayarlamanız gerekir. Bittiğinde, siyah arka planı gizleyin ve çocuğunuzun temasındaki “görüntü” klasöründe görüntüyü şeffaf bir GIF olarak kaydedin. 400 ve 300 piksel sürümleri oluşturmak için işlemi tekrarlayın. Opaklık ile oynamaktan ve yol boyunca bulanıklaştırmayın.
Benimkini kullanmak istiyorsanız, burada kar-1.png, kar-2.png ve kar-3.png alabilirsiniz. Doğru bağlantıyı tıklamak ve “AS” ı seçmek isteyebilirsiniz, çünkü kaydetmek çok daha kolay olacaktır. Şimdi vücut öğesine arka plan olarak görüntüler eklememiz ve animasyon CSS eklememiz gerekiyor:. Main A Core 56C0268B0F97A94E00A4646A9960BA
Vücut elemanında, tarayıcıya doğrusal olarak canlandırmasını, 20 saniye sürmesini ve sınırsız tekrarlamasını söyleyen “kar” animasyonumuza atıfta bulunuyoruz. Ana çerçeve görüntünün belirtilen piksel konumuna geçmesini sağlar ve her şey şeffaf olduğu için hareketli bir kar tanesi gibi görünecektir.

Sınırdaki kar yağışı animasyonumuz 3. Noel sahneleri, web sitesi altbilgisine Noel sahneleri ve selamlar ekleyerek devam edelim. Texx Smith’in Cutesy Christmas Animation 2014’ü bu snippet’in temeli olarak kullanacağım, ancak bu sefer kodu biraz değiştireceğiz. Footer.php’yi ebeveyn temasından sitenizin çocuğunun temasına kopyalayarak başlayalım. Bittiğinde, çocuğunuzun temasında dosyanın bir kopyasını açın ve site altbilgisinin sonunu bulun. Şöyle görünmeli: <!-
F35F0EF1D09691B47B79A73C184F280'in özünü içerir
ELF karakterini ve kar öğesini Texx kodundan sildim ve iki sınıfın adlarını değiştirdim, aksi takdirde aynı olurdu. Bir sonraki adım, sahneyi canlı hale getirmek için gereken CSS'yi eklemektir: