WordPress içeriğinizle nasıl yatay olunur

Kısa, yatay parşömenlerin yakın zamanda iki yeni dijital dergi, uygulama tabanlı özeti ve Newstand’a dayanan beyaz kağıt (şirket radyo kolları tarafından çekici bir şekilde yapıldığı) ne kadar etkili olduğunu gösteriyor. Her ikisi de mevcut içeriği yeniden kullanır ve hikayeyi yeni kitleye anlatmak için yazılı kelimeleri ses, video, fotoğraf ve çizimlerle birleştirir. Özet gerçekten dikkatimi çekti ve içerik göndermek için yatay bir yükseltme yaklaşımı benimsemenin bir nedeni oldu. Yatay rulolar kesinlikle benzersiz değil, özellikle WordPress dünyasında nadirdir. Raf gibi garip istisnalar dışında, uygulamanın çoğu, genellikle gerçek bir hile shadu dikey üreten paralaks etkisine ciddi vurgu yapan dikey temanın sadece yatay bir kopyasıdır, sonuç, daha fazla olmasa da aynı olabilir, sonuç olabilir. Özellikle mobil cihazlar için geçerlidir. Bu nedenle, bu makalede, yatay olarak döner gönderileri nasıl uygulayacağımızı tartışacağız ve umarım bu daha az kullanılan yaklaşımı keşfetmeniz için ilham vereceğiz. Bu yatay rulonun uygulanmasında yatay içerik oluşturma, tüm içeriği sola sarmaya ve dikey kaydırma bıçağını yatay kaydırma ile değiştirmeyeceğiz. Çok fazla deneyim sağlamayacak.
Tersine, içerik birkaç parçaya, isterseniz, tek tek görüntülenecek olan sayfaya, bölümde gezinmeden önce ve yanında basit bir navigasyonla ayrılacaktır. Bu çok daha tatmin edici bir deneyim sağlar ve aynı zamanda her parçanın ayrı ayrı düzenlenebileceği anlamına gelir. Yatay yaklaşımın çeşitli formatlardan gerçekten faydalandığını görmek için özeti okurken uzun sürmedi. Bu nedenle, yazımızda, her bölümün içeriğini sarmak için basit bir [bölüm] kısa kod kullanacağız. Bölüm içeriğinin manipülasyonuna izin vermek için kısa bir kod [blok] da kullanacağız. Daha sonra nasıl çalıştığını göreceksiniz. Kısa kodlar bir eklentide düzenlenir, bu da yatay anahtara sahip özel bir alana sahipse, yayınları görüntülemek için kullanılacak şablon olarak başlayacak bir filtre hazırlar. Eklenti klasörüne bir şablon ekledim ve sadece kullanım kolaylığı için gerçekten bağımsızdır, ancak sitenize daha yakın entegre etmek veya hatta özel bir yazı türü kullanmak ve sadece WordPress şablonu hiyerarşisini kullanmak isteyebilirsiniz. Ve son olarak, stil. Çok sayıda kısa kod yapmak yerine, sadece ikisinde saklıyorum ve daha sonra özel alanlarda depolanan belirli stillerle, Post_Style ve daha sonra şablonda görüntülenen mükemmel makaleler için CSS kullanıyorum. Bu hızlı ve kirli bir yaklaşımdır, ancak çözümlerle oynarken esnekliğe izin verir.
Ekranla yatay olmak: Tablo-hücre neredeyse her zaman olduğu gibi, nadiren böyle bir proje başından beri baştan başlamak zorundasınız ve yatay rulo arayışı beni yatay rulolarla ilgili Ezequiel Bruni makalesine götürüyor ve bu çözüm çok dayanıyor. makale. Mark-Up taklitlerini taklit eder: ekranı içeren div: tablo ve tablo katmanı: sabit; Çocuğun bir kısmının elemanı ekranda düzenlenmiştir: tablo hücresi. Bölümü yüzmeye gerek yok, bu otomatik olarak gerçekleşir ve taşma Div’in ana kabında gizlendiği sürece, parçalar arasında navigasyona ulaşmak için sadece girişleri ve ekrandan kaydırma meselesidir. SmoothScroll JQuery eklentisi rulolar için kullanılır. Ayrıca, içeriğin değişen içeriğini pencere boyutlarına göre işlemek, gezinme düğmelerini işlemek ve bölüme kimlik eklemek için bir JavaScript de vardır. Test içeriğinde yürürken, eklentiyi test etmek ve yatay teslimatla oynamak için 5 sayfa yaptım. Arkasında ne olduğunu açıklamak için birbirimizi keşfedeceğim. Hatırlanması gereken bazı şeyler:
Post_style’ın özel alanına stil ekleyin.
Gerçek değere sahip özel bir yatay alan ekleyin
Bölüm numaralandırılmıştır ve müşterinin yanında otomatik olarak bir kimlik verilmiştir, bu nedenle hangi parçayı stilize ettiğinizi bildiğinizden emin olun
Test çizimimi test görüntü bağlantınızla değiştirin!
Basit metin sayfası
İki sıradan metin sütunu hiç fırfırsız iki metin sütunu. Not, sütun otomatik olarak yapılmaz, ancak iki kısa kod kullanılarak yapılır ve her birinin genişliğini ayarlar.
Doldur [Bölüm]

Bölüm 1