Form Gönderimlerini Görüntü Dönerinde Nasıl Görüntülenir


Kullanıcı tarafından gönderilen resimleri yüklemek ve görüntülemek mi istiyorsunuz? Gönderimleri yüklemek için bir form oluşturmayı ve bunları bir galeri kısa kodu kullanarak WordPress için bir resim karuselinde görüntülemeyi öğrenin!


Formidable Forms ile WordPress'te bir resim karuselinde form gönderimlerini görüntüleyin

Sayısız WordPress web sitesi, kullanıcı tarafından gönderilen resimlere ve videolara güveniyor. Ancak bu grafikleri manuel olarak toplamak, biçimlendirmek ve görüntülemek zaman alıcı olabilir.

Bir resim gönderme formunun hayat kurtarıcı olabileceği yer burasıdır. İnsanlara kendi resimlerini yükleme özgürlüğü vererek, iş yükünüzü artırmadan daha ilgi çekici bir ziyaretçi deneyimi yaratabilirsiniz.

Formidable Forms, en iyi WordPress Form Builder eklentisidir. Ücretsiz Al!

Bu gönderide, size güvenli ve kullanıcı dostu bir dosya yükleme formunu nasıl oluşturacağınızı göstereceğiz. Ardından, WordPress'te bir galeri görüntüleri atlıkarınca oluşturarak tüm bu grafikleri daha az alanda nasıl görüntüleyebileceğinizi göstereceğiz. Başlayalım!

Form gönderimlerini neden bir resim karuselinde görüntülemelisiniz?

Bir resim gerçekten bin kelimeye bedeldir. Bu nedenle, ziyaretçilerinize resim yükleme seçeneği sunmanın birçok web sitesi türü için gerekli olması şaşırtıcı değildir. Örneğin, bir inceleme web sitesi işletiyorsanız, ziyaretçiler söz konusu ürünü, hizmetleri veya yerleri gösteren, kullanıcı tarafından gönderilen fotoğrafları görüntülemek isteyecektir:

WordPress için bir resim atlıkarınca örneği.

Bir site, kullanıcı tarafından gönderilen resimlere güvenmese bile, bu içeriğin genel deneyimi iyileştirebileceği birçok senaryo vardır. Örneğin, bir forum işletiyorsanız, ziyaretçilere profil resimleri yükleme seçeneği verebilirsiniz.

Bu içeriği e-posta yoluyla manuel olarak kabul etmek mümkündür. Ancak bu, görüntünün biçimlendirilmesinden ve yüklenmesinden sorumlu olduğunuz anlamına gelir. Ayrıca, ziyaretçinin dosya göndermesi ile o grafiğin yayınlanması arasında bir gecikmeye neden olabilir.

Bunu akılda tutarak, bunun yerine bir resim gönderme formu oluşturmak isteyebilirsiniz. Ardından, resmi web sitenizin herhangi bir yerinde, örneğin bir kullanıcı profilinde otomatik olarak görüntüleyebilirsiniz. Alternatif olarak, ziyaretçilere bir resim karuselinde veya WordPress kaydırıcısında görüntülenecek dosyaları gönderme seçeneği vermek isteyebilirsiniz:

TripAdvisor web sitesinde WordPress için bir resim karusel.

Bu, daha küçük bir alanda çok sayıda grafiği öne çıkarmanın harika bir yolu olabilir. Bu nedenle birçok işletme, WordPress sitelerinde ürün inceleme bölümleri yayınlamak için resim karusellerini kullanır. Bunları ayrıca TripAdvisor gibi tüketici sitelerinde yayınları ve sosyal medya incelemelerini görüntülemek için de kullanırlar.

Birçok web sitesinde, herhangi bir WordPress temasıyla sorunsuz çalışan resimler içeren bir WooCommerce ürün atlıkarınca bile bulunur.

Ek olarak, birçok görüntüyü tek bir WordPress görüntü karuselinde yoğunlaştırma özelliği, mobil cihazlarda yerden tasarruf sağlar.

Bunu akılda tutarak, yüklenen gönderileri görüntüleyen bir resim karuseli, kullanıcılarla etkileşim kurmanın harika bir yolu olabilir.

Bir resim karuselinde form gönderimleri nasıl görüntülenir?

Otomatik bir resim gönderme formu ve bir atlıkarınca size zaman kazandırabilir ve ziyaretçi deneyimini iyileştirebilir. Formidable Forms form oluşturma eklentisini ve bir kısa kod eklentisini kullanarak dört kolay adımdan birini nasıl oluşturacağınız aşağıda açıklanmıştır.

Birlikte, bu iki indirme size mükemmel WordPress carousel eklentisinin eşdeğerini ve çok daha fazlasını sunar!

Adım 1: Visual Views eklentisini ve Shortcodes Ultimate'ı yükleyin

Bir görüntü döngüsü oluşturmak için Formidable Forms Pro eklentisine ihtiyacınız olacak. Ayrıca Formidable Views eklentisine de ihtiyacınız olacak. Bu eklenti, WordPress web sitenizin ön ucunda form verilerini görüntülemek için kullanabileceğiniz bir sürükle ve bırak WordPress uygulama oluşturucusu sağlar.

Bu Görünümler (veya form girişlerini görüntülemenin farklı yolları) çok yönlüdür ve çok çeşitli gönderilen içeriği görüntülemek için kullanılabilir. Görünümler ayrıca emlak listelerinden sınıflandırılmış reklamlara, işletme rehberlerine, üyelik sitelerine ve hatta iş ilanlarına kadar her şeyi oluşturmanıza yardımcı olabilir.

Formidable Views eklentisini henüz yüklemediyseniz, WordPress panosunda Formidable → Eklentiler'e gidin. Daha sonra Visual Views eklentisini bulabilirsiniz. Yükle'yi ve ardından Etkinleştir'i seçin.

Son olarak, ücretsiz Shortcodes Ultimate eklentisinde bulunan benzersiz bir galeri kısa kodunu da kullanacaksınız. Yani o aracı da yüklemeniz gerekecek.

Bunu yapmak için Eklentiler → Yeni Ekle seçeneğine gidin. Ardından, eklentiyi arayın ve yükleyin. Etkinleştirmeyi unutmayın!

2. Adım: Bir resim gönderme formu oluşturun

Ardından, ziyaretçilerin resimlerini yükleyebilecekleri yeni bir form oluşturmanız gerekecek. WordPress panosunda, Müthiş → Formlar'a gidin. Ardından, Yeni Ekle'ye tıklayın:

Formidable Forms WordPress eklentisi.

Formidable Forms, bir dizi yerleşik şablona sahiptir. Boş Form seçeneğini kullanacağız:

Yeni bir Müthiş Form Oluşturma.

Artık bu forma basit bir ad verebilir ve isteğe bağlı bir açıklama girebilirsiniz. Oluştur'a tıkladıktan sonra form düzenleyicisine yönlendirileceksiniz.

Burada, formunuza çok çeşitli alanlar ekleyebilirsiniz. Örneğin, ziyaretçinin e-posta adresini veya telefon numarasını almak isteyebilirsiniz. Ancak, bir resim gönderme formu oluşturmak için Dosya Yükleme alanını kullanmanız gerekir:

Bir resim yükleme formu oluşturma.

Bu alanı ekledikten sonra, sağdaki panelde üzerine tıklayın. Bu, bu Dosya Yükleme Alanını yapılandırabileceğiniz ayarları açacaktır.

Hangi farklı efektleri yaratabileceğinizi görmek için tüm bu seçenekleri ayrıntılı olarak incelemeye değer. Ancak, bir resim karusel oluşturduğumuzdan, ziyaretçilerin aynı anda birden fazla dosya yükleyebilmesi çok önemlidir.

Soldaki menüde, Birden çok dosyanın yüklenmesine izin ver seçeneğinin yanındaki kutuyu işaretleyin:

WordPress için bir resim karusel oluşturma.

Varsayılan olarak herkesin bu form aracılığıyla dosya yükleyebileceğini unutmayın. Bu, siteleri saldırılara karşı daha savunmasız hale getirebilir. Bu nedenle, içeriği kimlerin yükleyebileceği veya erişebileceği konusunda bazı kurallar koymak isteyebilirsiniz.

Bu forma erişimi kısıtlamak için Ayarlar sekmesine tıklayın. Soldaki menüde Form İzinleri'ni seçin:

Kullanıcı erişimini kısıtlayan form izinleri.

Artık formunuzu güvence altına almak için bu ayarları kullanabilirsiniz. Örneğin, formu yalnızca oturum açmış kullanıcılara görünür hale getirebilirsiniz. Yapılandırmanızdan memnun olduğunuzda Güncelle düğmesine tıklayın.

3. Adım: Bir Görünüm Oluşturun

Sonraki adım, yüklenen görüntüleri görüntüleyeceğiniz Görünümü oluşturmaktır. Başlamak için Görünümler sekmesine tıklayın. Ardından Yeni Ekle'yi seçin:

Galeri kısa kodu için bir Görünüm oluşturma.

İstendiğinde, Izgara'ya tıklayın. Ardından, bu Görünüme açıklayıcı bir ad verin ve Görünüm oluştur'a tıklayın. Sonraki düzenleyicide, içerik eklemeye başla öğesini seçin:

Galeri kısa kodu için bir Görünüm nasıl oluşturulur.

Artık resim karuselinizi oluşturmak istediğiniz bloğu seçebilirsiniz. Bu, gerekli kodu ekleyebileceğiniz bir düzenleyici başlatır. Aşağıdaki snippet'i kullanarak temel bir resim döngüsü oluşturabilirsiniz:

 [su_image_carousel source="media: [12 show=id sep=',']" limit="20" slides_ control_ crop="16:9" column="1" adaptive="yes" space="yes" align= "none" max_width="none" captions="hayır" arrows="evet" dots="evet" link="lightbox" target="boş" autoplay="5" speed="medium" image_size="medium" class= ""]

Özellikle, aşağıdaki bölüm bu Görünümü dosya yükleme alanınıza bağlar:

medya: [12 show=id sep=',']

Yukarıdaki snippet'te dosya yükleme alanı kimliği 12'dir . Kendi kodunuzda kullanmanız gereken kimliği doğrudan düzenleyicinin sağında bulabilirsiniz:

Formidable Forms düzenleyicisinin içindeki galeri kısa kodu.

Galeri kısa kodunu kullanarak resim karuselinizi yapılandırma hakkında daha fazla bilgi için Kısa Kodlar Ultimate sayfasına bakın. Kodunuzdan memnun olduğunuzda Görünümü Güncelle → Güncelle seçeneğine tıklayın.

4. Adım: Görsel gönderme formunu yayınlayın ve Görüntüle

Şimdi sıra resim karuselini ve formu bir sayfaya eklemeye geldi. Görünümünüzü görüntülemek istediğiniz web sayfasına gidin. Ardından yeni bir blok ekleyebilir ve "Müthiş" için arama yapabilirsiniz:

Bir WordPress kısa kod bloğu.

Açılır menüden az önce oluşturduğunuz Görünümü seçin.

Ardından, ziyaretçilerin dosya yüklemek için bir yol bulabilmeleri için görsel gönderim formunuzu yayınlamanız gerekecek. Bu formu eklemek istediğiniz sayfaya veya gönderiye gidin. Ardından, yeni bir form bloğu ekleyin:

Resim yükleme formunu ekleyin

Artık ne zaman biri bu sayfayı ziyaret etse, resim dosyaları yükleyebilecek. Bu içerik daha sonra WordPress için bir resim karusel olarak gösterilecektir:

Bitmiş dosya yükleme formu.

Form gönderme ve resim karusel sonucu

Bir üyelik sitesi, iş rehberi, iş panosu veya bunların arasında herhangi bir şey işletiyor olsanız da, kullanıcı tarafından gönderilen görüntüleri kabul etmek için birçok neden vardır. Ve bu grafikleri bir WordPress resim karuselinde görüntülemek için pek çok neden var.

Ancak burada durmayın, resimleri, WordPress gönderilerini, incelemeleri ve daha fazlasını daha küçük bir alanda görüntülemek için atlıkarınca kullanın.

Otomatik dosya yükleme formunun ve resim karuselinin nasıl oluşturulacağını hızlıca özetleyelim:

  1. Formidable Visual Views eklentisini ve Shortcodes Ultimate'ı yükleyin.
  2. Bir resim gönderme formu oluşturun.
  3. Bir Görünüm Oluşturun.
  4. Görsel gönderme formunuzu yayınlayın ve görüntüleyin.

Kullanıcı tarafından oluşturulan çok çeşitli içeriği görüntülemek için Görünümleri kullanabilirsiniz. Formidable Forms'u indirin ve bugün neler yaratabileceğinizi görün!

Gönderim Formu ve Görüntü Döngüsü Oluşturun

Dosya Yüklemeleri hakkında daha fazlası!

Copyright statement: Unless otherwise noted, this article is Collected from the Internet, please keep the source of the article when reprinting.

Check Also

Divi's Theme Builder ile Özel Global Başlık Nasıl Oluşturulur

Artık Tema Oluşturucu burada olduğuna göre, web sitenizi A'dan Z'ye kurmanıza yardımcı olacak yeni eğitimlere dalmak için sabırsızlanıyoruz. Buna Divi'nin yerleşik seçeneğini kullanarak özel başlıklar oluşturma da dahildir. Bu eğitimde Divi's Theme Builder'ı kullanarak global bir başlık oluşturmaya odaklanacağız. Bu sayfaya veya gönderiye farklı bir başlık atamadıysanız, web sitenizin her yerinde genel bir başlık görünecektir.

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir