WordPress’te dinamik bir kaydırıcı nasıl yapılır
WordPress sitenizi öne çıkaracak web sitesi özelliklerinin bir listesini derlerseniz, değişim listede en üst düzey olacaktır. Ancak gerçekten etkileyici bir özel web sitesi istiyorsanız, dinamik içerik özelliklerine sahip kaydırıcılara ihtiyacınız var. Dinamik içerik nedir? Dinamik içerik, web sitelerindeki verilere veya kullanıcı davranışlarına bağlı olarak web sayfalarında değişiklik yapan içeriktir. Dinamik içeriğin tersi statik içeriktir. Statik içerikle web sayfası kullanıcı veya zamanla tamamen aynı kalacaktır. Statik içerik bulma eğiliminde olduğunuza iyi bir örnek, genellikle kimin tıkladığına bakılmaksızın tam olarak harekete geçme başlığını, açıklamasını ve davetiyeyi görüntüleyecek yön sayfasındadır.
Aşağıda WordPress’i indirmek için yön sayfasını görebilirsiniz. Bu sayfaya nasıl ulaştığınızın yanı sıra, aynı bilgileri göreceksiniz çünkü statik.
Dinamik görüntü kayması, şablonunuza bir kez ekleyebileceğiniz bir görüntü kaymasıdır ve tıkladığınız gönderiye bağlı olarak veritabanının farklı bir görüntüsünü görüntüleyecektir. Örneğin, spor salonunda web sitesinde, spor salonunuz için bir dizi spor salonu yayınlarını barındıracak özel bir yazı türünüz olabilir. Her spor salonunda, spor salonundan görüntülerle görüntü vardiyalarını görüntülemek isteyeceksiniz. Bu nedenle, tıkladığınız her spor salonu yazısı için görüntü farklı olacaktır. Bunu yapmanın en kolay yolu dinamik bir görüntü kaydırıcısı yapmaktır. Statik görüntü kaymaları, ister “şehir merkezinin uygunluğunun merkezini” veya “denge jimnastiğini” tıklayın, aynı görüntüyü görüntüleyecek olsa da, dinamik görüntü kayması arkadaki her gönderiye eklediğiniz herhangi bir resmi gösterir. 2. Slider’ın Dinamiscal Post içerik kaydırıcısı bir resimden daha fazlasını içerecektir. Aslında, verandada bulabileceğiniz çok fazla değişim, görüntülerle ilgili daha fazla bilgi depolayacaktır. Örneğin, spor salonunda web sitesinde, her biri farklı bir spor salonu sergileyen üç resim içeren bir kaydırıcı yapmak isteyebilirsiniz. Sorun şu ki, yalnızca resimler görüntülerseniz, kullanıcılar spor salonunun adının ne olduğunu, üyeliğin fiyatını ve mevcut tesisleri nasıl biliyorlar? En kolay çözüm, özel alanlara dayalı dinamik gönderme içeriğine sahip kaydırıcılar eklemektir.
Bu içeriğin neden dinamik olması gerektiğini merak ediyor olabilir misiniz? Bir sayfa olarak slaytımızdaki her slaytı düşünün. Her vardiyanın “sayfasını” döndürdüğünüzde, içeriğin farklı spor salonları hakkında bilgi görüntülemek için değiştirilmesini istersiniz. Tabii ki, bu içerik statikse, değişmeyecek ve yalnızca aynı arka plan görüntüsünü, gönderinin başlığını, harekete geçme davetini vb. Görüntüleyeceksiniz. Ancak dinamik içerikle, her slaydın her spor salonundan bilgi görüntülemesini sağlayacaksınız. Dinamik kaydırıcılar yapmak için en iyi eklenti nedir? Kodlama özelliğinize bakılmaksızın her iki dinamik kaydırıcı türünü girebileceğinizden emin olan bir dizi harika kaydırıcı eklentisi vardır. 1. Cihaz
Bilgi ve İndir Demo
İlk eklenti, özel bir web sitesi olan araç seti oluşturmak için en çok yönlü kaynaklardan biridir. Araç seti, kaydırıcılar gibi özel içerikler, özel alanlar, tasarım şablonları, arşivler ve daha fazlasını kodlamadan göstermeleri için tüm deneyim seviyelerinden WordPress kullanıcılarını kolaylaştırmak konusunda uzmanlaşmış bir araç seti bloğu olan Gutenberg Extension oluşturdu. PHP yerine, dinamik içerikle hazır olan benzersiz araç seti bloklarından oluşan bir koleksiyon kullanabilirsiniz. Araç setinin en büyük avantajlarından biri işlevidir. Kaydırıcılara ek olarak, arama, ön uç formları ve haritalar gibi bir dizi önemli özellik oluşturabilirsiniz. Vardiya Devrimi Bilgi ve İndir Demo
Kaydırıcınızı ayarlamak için mümkün olduğunca çok seçenek istiyorsanız Slider Revolution çok iyi bir eklentidir. Bu seçeneklerden biri dinamik bir değişim. Ancak, dinamik bir sürgülü çubuk yapabildiğinizde, içerik çizmek isteyebileceğiniz özel bir alan oluşturamazsınız. Özel bir varsayılan alan içeren veya kendiniz kodlayan bir tema seçmelisiniz. Slider Revolution 200’den fazla şablon sunar, böylece doğrudan kaydırıcı içeren bir web sitesi oluşturabilirsiniz. 3. Akıllı Vites 3
Bilgi ve İndir Demo Smart Slider 3, WordPress yayınları ve sayfaları, WooCommerce ürünleri ve Facebook dahil sosyal medya kanalları da dahil olmak üzere bir dizi kaynaktan üretilen içeriğe sahip dinamik bir kaydırıcı oluşturmanıza olanak tanır. Pro Smart Slider 3 sürümü ile önceden belirlenmiş bir kaydırıcı örneği içe aktarabilirsiniz ve ayrıca WordPress’teki 20 kaynaktan da çizebilirsiniz.
Web sitenize ve en iyi eklentilere hangi dinamik kaydırıcıların eklenebileceği fikrine sahip olduktan sonra dinamik bir görüntü kaydırıcısı nasıl yapılır, şimdi size nasıl yapılacağını göstereceğim. Bu örnek için, Gutenberg araç setini ve bloğu kullanacağım. Ayrıntılı bir adım adım video eğitimi için şablonlar için dinamik kaydırıcılar için araç seti kılavuzunu görebilirsiniz. Ücretsiz spor salonu referans sitesi araç setini kullanacağım ve dinamik görüntü kaydırıcımı spor salonu türüne ekleyeceğim. Spor salonumun her biri resmi görüntüleyen dinamik bir görüntü kayması içerecek. 1. Özel bir düzlemle özel bir yazı oluşturun, kaydırıcının kendisini eklemeden önce, kaydırıcıya göstereceğimiz bilgileri eklememiz ve ayrıca görüntüleyecek bir yapı oluşturmamız gerekir. Özel içeriğin iki bölümünü yapmalıyız – belirli gönderi türleri ve özel alanlar. Aşağıda, sadece adını ekleyerek bir araç seti ile nasıl özel bir yazı oluşturabileceğinizi görebilirsiniz.
Spor salonunuzu bir tür yayınladıktan sonra, içerik eklemeniz gerekir. Bunu yapmak için, özel bir alan oluşturarak her yazının yapısını ayarlamanız gerekir. Dinamik görüntü kayması için görüntüler için özel bir alana ihtiyacınız vardır. Tabii ki, görüntü kayması birden fazla resim içerecektir, ancak özel bir alan genellikle verilerin sadece bir kısmını saklar. Peki nasıl daha fazlasını eklersiniz? Araç seti ile, çok fazla veri depolayan tekrarlanan özel bir alan oluşturabilirsiniz. Bu durumda, birçok görüntü depolayabilir ve her şeyi dinamik görüntü kaydırmamızda gösterebiliriz. Özel bir alanı tekrarlamak için, tek yapmanız gereken bir alan oluştururken alakalı bir kutu seçmektir. Aşağıda “Spor Salonu Fotoğraf Galerimi” nin nasıl tekrarlandığını görebilirsiniz. Gördüğünüz gibi, spor salonum için sıralama, adres ve açılış saatleri de dahil olmak üzere bir dizi özel alanım var.
2. Medyayı gönderiye ekleyin Şimdi kaydırıcılarımız için özel bir alanımız var, görüntüler şeklinde göstermek istediğimiz medyayı eklememiz gerekiyor. Bunu yapmak için, yayınlarımızın her birine gidiyoruz ve üstün görüntüler için yaptığınız gibi resim eklemek için tıklıyoruz. Bir resim yüklemek için “+” düğmesini tıklamanız yeterlidir.
Bu görüntüler artık dinamik kaydırma için “kaynaklar” olarak işlev görecektir.Yani, her spor salonu yazısı ön taraftaki “Spor Salonu Fotoğraf Galerisi” na eklenen herhangi bir resmi görüntüleyecektir.3. Özel uçağınız hazır bir değişiklik ekleyin ve içerik eklenir, artık dinamik bir kaydırıcı yapmak için kullanabilirsiniz.Dinamik bir kaydırıcı oluşturmadan önce, yayınınız için bir şablon yapmış olmalısınız.Başlamak için, görüntü kaydırıcı araç seti bloğunu şablona yerleştiriyorum.Resimlerimizi sporcu fotoğraf galerisine yüklediğimiz için dinamik kaynağı seçebilir ve resmi çizmek istediğimiz özel alanı seçebiliriz. Ekleyiciniz özel alana yüklediğiniz resimleri görüntüleyecektir.
Değiştirmenin, editörün üst kısmındaki açılır listeyi kullanarak direkler arasında geçiş yaparak gerçekten dinamik içeriği görüntüleyip göstermediğini kontrol edebilirsiniz. Yeni bir gönderi seçtikten sonra, dinamik görüntü kaymaları dahil olmak üzere bu yazı için içerik yükler. Yukarıdaki örnek bir araç seti kullanırken, dinamik içerik seçeneklerine sahip çoğu WordPress kaydırıcısı aynı şekilde çalışır. Çoğu durumda, önce içerik oluşturmanız, ardından yayınlara, sayfalara veya şablonlara bir değişiklik eklerken “dinamik” kaynağını seçmeniz gerekir. Bir resmin yanı sıra dinamik yayın içeriği ile bir kaydırıcı nasıl yapılır, ayrıca vardiyaya birkaç alan ekleyebilirsiniz (fiyatlar, sıralama, düğmeler, alıntılar vb. Gibi özel alanlar dahil). Araç seti ayrıca özel bir kaydırıcı yapmak için adım adım tam bir video sunar. 1. Dinamik bir görüntü kaydırıcısı gibi özel bir düzlemle özel bir yazı türü oluşturun, önce özel bir alanla özel bir yazı türü yapmanız gerekir. Spor salonunun türünü yeniden kullanacağım. 2. Kaydırıcıya dinamik kaynaklar ekleyin, ancak dinamik görüntü kaymalarının aksine, araç seti ekran bloğunu kullanacaksınız. Bu, veritabanından bir gönderi içermenize ve bir liste olarak da dahil olmak üzere bir liste olarak görüntülenmenize olanak tanır. Görünüm bloğuna girdikten sonra, kaydırıcınız için parametreyi ayarlamak için bir sihirbaz kullanın. Örneğin, kullanıcıların slaytlar arasında geçiş yapabilmeleri için sayfa ekledim ve kuvvetin biçimlendirilmemesine izin verdim.
