WordPress’te Duyarlı Bir Tablo Nasıl Yapılır
WordPress’te güzel ve duyarlı bir masa yapmanın yollarını mı arıyorsunuz? Cevabımız var!
İnternete erişmenin birçok yolu ile kullanıcılarınız sitenizi farklı cihazlarda ziyaret edebilir. Ancak, daha küçük ekranlara sahip mobil cihazlar verilerinizi doğru görüntüleyemeyebilir. Bu nedenle, duyarlı tabloların nasıl yapılacağını bilmek çok önemli olabilir. Neyse ki, bu işlem zorlu form eklentimizin yardımıyla basit olabilir. En son duyarlı tablo özelliklerimizi kullanarak, her bir cihaz türü için kolay bir tablo oluşturabilirsiniz.Bu makalede, biçimlendirmenizin bazı avantajlarının çeşitli tarayıcı boyutlarına göre ayarlanabileceğini açıklayacağız. Ardından, size sadece üç adımda nasıl duyarlı bir tablo oluşturacağınızı göstereceğiz. Bölünelim!
Müthiş formlar en iyi WordPress form oluşturucu eklentileridir. Ücretsiz Al!
Neden duyarlı bir tablo yapmak isteyebilirsiniz? Tablolar her türlü bilgiyi ayarlamak için kullanılabilir. Örneğin, iş tahtası web siteleri oluşturmanın etkili bir yolu olabilir. Ancak, tablonuzun görünümü belirli cihazlardan etkilenebilir. Daha küçük tarayıcı ekranları ve pencereleri, garip ve neredeyse okunamayan bir tablo veya yatay ruloya neden olabilir. Bunun, site kullanıcılarınızın dostluğu üzerinde olumsuz bir etkisi olabilir. Ancak bunu standart bir HTML tablosu ile yapmak kolay değildir.
Bu yüzden masanızı duyarlı hale getirmek için bir seçenek ekliyoruz. Bu özelliği seçtiğinizde, tarayıcı penceresi 760 pikselden küçük olduğunda tablonuzdaki her sütun tam bir çizgi olarak görüntülenir. Bu özellik ile siteniz, optimum bir görünüm sağlamak için otomatik olarak ayarlanır. Böylece, kullanıcınız cihazlarına bakılmaksızın masanızda gezinmeyi başaracaktır. Neyse ki, zorlu formlar da bu özelliğin eklenmesini kolaylaştırır. Bu eklenti ile, herhangi bir ekran boyutuna uyum sağlayabilecek bir tablodan sadece birkaç adımsınız! WordPress’te Duyarlı Bir Tablo Nasıl Oluşturulur (3 Adımda) Başlamadan önce, bu birinci sınıf bir özellik olduğu için zorlu formlar Pro + Görünümleri yüklediğiniz ve etkinleştirdiğinizden emin olun. Eklentimizi kullanarak mevcut en iyi WordPress tablo eklentilerinden birini seçeceksiniz. Adım 1: Yeni bir veri kaynağı oluşturun ve duyarlı tablolar oluşturmak için ilk adımı görün veri kaynakları oluşturmaktır. Bu, masanızı doldurmak için bilgi sağlayacak bir formdur. Müthiş → Formlar → Yeni Ekle:
Ardından, formlar oluşturmak için alanı sürükle ve bırakın. Bu kılavuz için temel üyelik listesini kullanacağız. Son tablonun üç sütun görüntülemesini istiyoruz: ad, yaş ve konum. Böylece, bu alanların her birini veri kaynağımıza dahil edeceğiz. İşiniz bittiğinde işinizi kaydedin. Daha sonra sitenizin kullanıcılarından yanıtlar toplayabilirsiniz. Veya zamandan tasarruf etmek istiyorsanız girişinizi içe aktarabilirsiniz. Bittiğinde bir tablo ekranı oluşturmalısınız. Bunu Müthiş → Görünümler → Yeni Ekle’yi açarak yapabilirsiniz. Ardından, görünüm türünüz olarak tabloyu seçin. Bir sonraki ekranda, daha önce oluşturduğunuz Veri Kaynağı formunu formdan kullanın. Ayrıca ekran adınızı da vermeniz gerekir: Son olarak, bir ekran oluştur’u tıklayın. Bu sizi bir sonraki adımı dolduracağımız bir sonraki ekrana götürecektir. Adım 2: Tablo ayarlarınızı ayarlayın Şimdi, tablonuzun temel ayarlarını tablo üreticisinde ayarlamaya başlayabilirsiniz. Önceki adımdan sonra, şimdi aşağıdaki ekrana bakmanız gerekir:
Masanızda hangi alanı görüntülemek istediğinize karar verin. Örneğin, formunuz ilk ve arka adınızı isterse, yalnızca kullanıcınızın gizliliğine saygı duymak için adını görüntülemek isteyebilirsiniz. Hazır olduğunuzda bir ekran oluştur’u tıklayın. Daha sonra tablo ekranınızın ana düzenleme ekranını göreceksiniz: Ardından, sol menüdeki Tablo Ayarları bölümünü açın. Römorkör Menüsü altında, duyarlı bir tablo olarak etiketlenmiş küçük bir onay kutusu göreceksiniz: Bu kutuyu kontrol etmezseniz, tablonuz ekran boyutunuza uymaz. Örneğin, bu, yukarıdaki tablonuzun özelliksiz küçük bir ekranda gösterilmesidir: Gördüğünüz gibi, tablo orijinal tasarımını koruyor. Bu, garip bir masa oluşturur ve akıllı telefonları olanların okuması daha zor olabilir. Referans olarak, aynı hücresel yanıt verebilirlik tablosunu oluşturmak için kutuyu kontrol ettiğimizde tablo öğesine olan şey budur: Sütun şimdi tüm satırı alır ve tablo genişlikten daha uzundur. Böylece, daha küçük pencerelere sahip kullanıcılar her grubun bilgilerini aynı anda kolayca görebilecektir. Adım 3: Tablonuzu Stil ve Yayınlayın Tablonuzu oluşturduktan sonra, bazı stil öğeleri de eklemek isteyebilirsiniz. Örneğin, önceki duyarlı tablomuzun bir örneği, zebra çizgilerinin satır stilini kullanır. KJA’nız, seçtiğiniz stil seçenekleri ne olursa olsun tüm ekran boyutlarına uyum sağlayacaktır. Örneğin, ızgara kuvvetini kullanarak yukarıdaki örnek duyarlı tablodan aynı veriler: Hücresel kullanıcıları barındırmanın bir başka yolu da duyarlı tablonuza birkaç sayfa eklemektir. Bu, ziyaretçilerinizin uzun süre kaydırma ihtiyaçlarını azaltabilir. Diğer ayarları açın ve sayfa boyutunun altındaki sayfa başına istediğiniz yayın sayısını girin. Artık birkaç sayfaya tablo ekleyebilirsiniz: Bir tablo oluşturmanız gerektiğinde bu ayarı düşünmenizi öneririz. Görüntülenirseniz, duyarlılık daha fazla kişinin web sitenize erişmesine yardımcı olmanın basit bir yolu olabilir.
Sonuç Son zamanlarda çok sayıda hücresel İnternet kullanıcısı ile, web sitenizi oluştururken kullanıcı deneyimlerini düşünmek isteyebilirsiniz. Bu özellikle tablo tasarımı gibi araçları biçimlendirme için geçerlidir. Neyse ki, duyarlı tablolar yapmak basit bir süreç olabilir. Bu makalede, üç adımda duyarlı tabloların nasıl oluşturulacağını gösteriyoruz: Yeni bir tablo veri kaynağı ve yeni bir görünüm oluşturun. Ekran ayarlarınızı yanıt verebilirliği içerecek şekilde ayarlayın. Tablonuz için diğer stil öğelerini düşünün.
Duyarlı tablo seçenekleri eklemek, güçlü bir eklenti olarak zorlu formları yapan birçok yönden sadece biridir.Bugün diğer etkileyici özelliklerimizden bazılarını görün!
Olağanüstü görünüm hakkında daha fazla bilgi edinin
En iyi WordPress Tablo Eklentisi Daha Fazla Oku
Zorlu Ekran: En İyi WordPress Özel Uygulama Eklentisi Daha Fazla Oku
6 En İyi WordPress Veri Görselleştirme Eklentisi Daha Fazla Oku
