WordPress formunuza görüntü nasıl eklenir (kolay yol)

WordPress formuna resim eklemek ister misiniz? Formlara grafik eklemek, markanızı eklemeye ve formun daha ilginç görünmesine yardımcı olabilir. Bu öğreticide, forma görüntü ekleme sürecinden geçeceğiz. Sonuna doğru, formunuzdaki sorular yerine görüntülerin nasıl kullanılacağını da açıklayacağız. WordPress Resim Formunuzu Oluşturma Şimdi WPForms Formuna Görüntü Nasıl Eklenir Form WordPress için en kolay form üreticisidir. Bu, formunuzda herhangi bir yere kolayca görüntü eklemenizi sağlar.
Örneğin, şunları yapabilirsiniz:
Şirket logonuzu forma ekleyin
Dönüşümü artırmak için ürün görüntüsünü yetkilendirme.net ödeme formuna ekleyin
Daha çekici bir bülten kayıt formu oluşturun
Metnin yerine çoktan seçmeli sorularda görüntüleri kullanın.
WordPress’teki formlara resim eklemenin birkaç farklı yolu vardır. Önce en kolay yönteme bakalım: HTML kullanarak forma görüntüler ekleyin.
WPForms, en iyi WordPress form üreticisi eklentisidir. Ücretsiz Al!
WordPress formunuza görüntüler nasıl eklenir, isterseniz burada yazılı bir talimattır:
Birkaç temel HTML ile formlara görüntü ekleme işlemini keşfedelim. Bu, sürükleme üreticileri ve WPForms kapalı kullanılarak çok kolay ve hızlıdır. İşte yapacağımız adımlar:
WPForms eklentisini yükleyin
Resminizi WordPress’e yükleyin
Görüntünüzü WordPress formunuza ekleyin
Formunuzu Yayınlayın
Çoktan seçmeli sorulara resim eklemek istiyorsanız, makalenin sonunda size yardımcı olacağız. Adım 1: İlk WPForms eklentisini yükleyin, WPForms eklentisini yüklemeniz ve etkinleştirmeniz gerekir. Aşağıdaki adım -by -by -Ahm.
Zaten resmi eklemek istediğiniz formunuz varsa, devam edebilir ve bir sonraki adıma atlayabilirsiniz.
WPForms’ta bir formunuz yoksa, şimdi bunu yapmak için doğru zaman. 5 dakikadan daha kısa bir sürede basit bir iletişim formu oluşturabilirsiniz.
Formunuzu bitirdikten sonra bu öğreticiye geri dönün. Adım 2: Resiminizi WordPress’e yükleyin WordPress’e resim eklemenin en kolay yolu Medya Kütüphanesine yüklemektir. Bu şekilde, bağlantıyı kopyalamanız gerektiğinde bulmak çok kolay olacaktır.
Başlamak için WordPress kontrol panelinizi açın. Ardından sol taraftaki medyayı tıklayın.
Şimdi devam edin ve yeni ekle düğmesine tıklayın.

Görüntü dosyanızı kutuya sürükleyin veya bilgisayarınızdaki resimleri aramayı tercih ediyorsanız dosyayı seçin.

Görüntünüz yüklendikten sonra devam edin ve ayrıntıları görmek için tıklayın. Görüntü URL’sini panonuza kopyalamak için etiketli Salin URL düğmesini tıklayın.

Artık panonuzda formunuza eklenmeye hazır bir resim URL’iniz var. Bir sonraki bölüm için WordPress kontrol panelinde kalın. Adım 3: Görüntünüzü bir sonraki WordPress formunuza ekleyin, resmi eklemek istediğimiz formu açacağız.

Gösterge tablosundaki sol navigasyon çubuğundan WPForms’ı tıklatın. Ardından 1. Adımda oluşturduğunuz formun altındaki Düzenle’yi tıklayın. Form üreticisi açıldığında, HTML alanını sol panelden sağ panele sürükleyin ve resmi görüntülemek istediğiniz yere yerleştirin:
Şimdi sol taraftaki ayarları açmak için tarlada bir kez tıklayın. Soldaki kodun koduna dikkat ediyor musunuz? Görüntünüzü buraya gömmek için HTML kodunu yazmanız yeterlidir. Bu örneği kopyalayabilirsiniz. Ancak unutmayın: SRC = sonra, URL’yi son adımda yüklediğiniz görüntüye koymak istersiniz:

Şimdi formunuzun üst kısmındaki kaydet’i tıklayın.

Yürütülen! Tek yapmamız gereken bir form yayınlamak. Adım 4: Formunuzu Yayınlayın WPForms, formunuzu web sitenizde herhangi bir yere hızlı bir şekilde eklemenize olanak tanır:

Bir gönderide

Sayfada
Yan tarafta
Dipnotlarda.
Bu örnekte bunu kolay bir şekilde yapacağız. Form için otomatik olarak bir sayfa oluşturmak için sabitleme düğmesini kullanalım. Lütfen PIN’i tıklayın.
Ardından, yeni bir sayfa oluştur’u tıklayalım.
Ve son olarak, sayfanızın adını yazın ve Git Let’s’i tıklayın.

WPForms otomatik olarak yeni bir sayfa oluşturacak ve formunuzu sabitleyecektir. Ayrıca önizlemede resimleri de göreceksiniz. Formun doğrudan web sitenizde olması için Yayınla’yı tıklayın.

Ve hepsi bu! Formunuz aktif. İşte resmimizin bitmiş formda gösterimi.

Görüntünün boyutunu değiştirmeniz gerekiyorsa formu düzenleyebilir ve HTML’yi değiştirebilirsiniz. İsterseniz resimlerinizi düzenlemek için CSS sınıfı da ekleyebilirsiniz. Durmadan önce alan alanına görüntü nasıl eklenir, WPForms’taki diğer temiz özelliklere bakalım. Ziyaretçilerinizin seçimler yapmak için üzerine tıklayabilmeleri için çoktan seçmeli sorulara yanıt olarak resim ekleyebilirsiniz. Sorularda görüntüleri kullanmak basit sipariş formları için mükemmeldir, bu yüzden nasıl yapıldığını hızlı bir şekilde görelim. T -shirt sipariş formunda, 3 seçeneği olan çoktan seçmeli bir sütunumuz var. Aşağıdaki resim seçeneğini kullanarak kutuyu kontrol edelim.

Artık çoktan seçmeli alanımızdaki her seçeneğe resim ekleyebiliriz. Her bir görüntüyü yüklemek için metin yükle tıklamanız gerekir.

Ve bu, formun tamamlandıktan sonra formun biçimidir:
Büyük! Bittiğinde, Blue’da yayın düğmesini tıklayın ve formunuzu görün. Seçmek için resme tıkladığınızda, ortada yeşil bir onay işareti göreceksiniz:

Bir görüntü seçimi kullanmak, daha çekici bir anket ve anket yapmak veya ziyaretçilerinize veya farklı renkleri sipariş formunda göstermenin iyi bir yoludur. WordPress Resim Formunuzu Oluşturma Şimdi Bir sonraki adım: WordPress Form Style Big! Artık WordPress formuna resim eklemenin kolay yolunu biliyorsunuz. WPForms ayrıca ziyaretçilerinizin kendi resimlerini WordPress’e yüklemesini kolaylaştırır, bu nedenle daha sonra kontrol ettiğinizden emin olun. Formlarınızı tasarlamak ve düzenlemek için daha fazla yol mu arıyorsunuz? Çalabileceğiniz güzel iletişim formu tasarımı hakkında bu makaleye bakın. Bu makale, formunuzu düzenlemek için WordPress ayarına kopyalayabileceğiniz ve yapıştırabileceğiniz birçok CSS örneği içeriyor. Formunuzu yapıyor musunuz? Bugün en kolay WordPress Form Maker eklentisi ile başlayın. WPForms Pro 100’den fazla ücretsiz form içerir ve 14 günlük para iade garantisi sunar. Bu makale size yardımcı olursa, lütfen diğer ücretsiz WordPress öğreticileri ve kılavuzları için bizi Facebook ve Twitter’da takip edin.

admin

Bir Cevap Yazın

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