WordPress'te Dosya Yükleme Formu Nasıl Oluşturulur


Web sitenizin ziyaretçilerinin iletişim formunuza dosya yüklemesine mi ihtiyacınız var?

Belki çalışanları işe alıyorsunuz ve özgeçmiş toplamak istiyorsunuz ya da başvuru sahibinin dosya eklemesine ihtiyaç duyduğunuz başka bir başvuru formu veya fotoğraf yarışması düzenliyorsunuz.

Bu öğreticide, WordPress'te (adım adım) bir dosya yükleme formunun nasıl oluşturulacağını göstereceğiz.

How to create a file upload form in WordPress

WordPress'te Neden Dosya Yükleme Formu Oluşturmalısınız?

Kullanıcılarınızdan herhangi bir türde dosya toplamak istiyorsanız, dosya yükleme formu harika bir fikirdir. Kullanıcıların görüntüleri, PDF dosyalarını, Word belgelerini veya diğer dosya türlerini yüklemesine izin verebilirsiniz.

Bir dosya yükleme formu kullanmak, sizin ve kullanıcılarınız için hayatı kolaylaştırır.

E-postanın ileri geri gönderilmesi yerine, ihtiyacınız olan tüm alanları içeren bir form oluşturabilir, böylece tüm bilgileri bir kerede toplayabilirsiniz.

Ayrıca formunuz, form verilerini WordPress veritabanınıza otomatik olarak kaydetmelidir. Bu şekilde, bir e-postayı kaçırsanız veya silseniz bile gönderileri kolayca bulabilirsiniz.

Video öğretici

WPBeginner'a abone olun

Yazılı talimatları tercih ederseniz, okumaya devam edin.

WordPress'te Dosya Yükleme Formu Nasıl Oluşturulur

Bu eğitimde, WordPress için en iyi iletişim formu eklentisi olan WPForms'u kullanacağız.

Kısıtlı bir bütçeniz varsa, WPForms'un Temel planında dosya yükleme özelliğini alabilirsiniz. Bununla birlikte, tam özellikli Pro planı, bonus form şablonlarına, anket raporlarına ve tonlarca başka güçlü özelliğe erişmenizi sağlar.

İlk olarak, WPForms eklentisini kurmanız ve etkinleştirmeniz gerekir. Nasıl yapılacağından emin değilseniz, bir WordPress eklentisinin nasıl kurulacağına ilişkin adım adım kılavuzumuza göz atın.

Eklentiyi etkinleştirdikten sonra, kontrol panelinizde yeni bir WPForms sekmesi göreceksiniz.

WPForms »Eklentiler sayfasına gidin ve Form Şablonları Paketi Eklentisine gidin. Yüklemek ve etkinleştirmek için 'Eklenti Yükle' düğmesine tıklayın.

Installing the WPForms form template pack addon

Artık ilk dosya yükleme formunuzu oluşturmaya hazırsınız.

WPForms »Yeni Ekle sayfasına gidin.

Creating a new form using WPForms

Doğrudan WPForms oluşturucuya yönlendirileceksiniz. Formunuza ekranın üst kısmında bir isim verebilirsiniz:

Giving your form a name in WPForms

Ayrıca bir şablon seçmeniz gerekecek. Ek Şablonlar bölümünde bulabileceğiniz Dosya Yükleme Şablonunu kullanmanızı öneririz. Kullanmak için şablona tıklayın.

Dosya Yükleme Formu sizin için otomatik olarak oluşturulacaktır.

The default file upload form, created from the template

Dilerseniz dosya yükleme formunu hiçbir değişiklik yapmadan kullanabilirsiniz.

Varsayılan olarak, kullanıcıların aşağıdaki dosya türlerini yüklemesine izin verir:

  • Görüntü dosyaları: .png, .gif, .jpg
  • Belgeler: .doc, .xls, .ppt, .pdf
  • Ses: .wav, .mp3, .mp4
  • Video: .mpg, .mov, .wmv

Dosya türlerini daha fazla kısıtlamak isterseniz, düzenlemek için Dosya Yükleme alanına tıklayın. Ekranınızın sol tarafında Alan Seçeneklerini göreceksiniz:

Editing the file upload field in WPForms

İzin Verilen Dosya Uzantıları kutusuna, kabul etmek istediğiniz dosya biçimlerini yazabilirsiniz. .png, .gif ve .jpg resim biçimlerine izin vereceğiz. Bunları virgülle ayırdığınızdan emin olun.

Enter the file types that you want to allow users to upload

Not: WordPress, WordPress güvenlik nedenleriyle siteye yüklenebilecek dosya türlerini sınırlar. Kullanıcıların normalde izin verilmeyen dosya türlerini yüklemesine izin vermek istiyorsanız, WordPress'e ek dosya türleri ekleyebilirsiniz.

Ayrıca maksimum dosya boyutu ve maksimum dosya sayısı da ayarlayabilirsiniz. Yarışmamız için, insanların her biri 50 MB'a kadar 3 fotoğraf göndermesine izin vereceğiz.

Kişilerin dosya/dosyalarını eklemeden formu göndermesini engellemek istiyorsanız, Gerekli kutusunu işaretleyebilirsiniz. Bu, en az 1 dosya yüklenmeden formun gönderilemeyeceği anlamına gelir.

The edited file upload field on our form

Varsayılan olarak, Dosya Yükleme Alanı, kullanıcıların dosyalarını sürükleyip bırakmasına olanak tanıyan modern bir biçim kullanır. Ancak, formunuz için sınırlı alanınız varsa veya klasik bir yükleme alanı tercih ediyorsanız, bunu değiştirebilirsiniz.

Alan için daha fazla seçenek açmak için 'Gelişmiş Seçenekler'e tıklamanız yeterlidir. Ardından, açılır menüyü kullanarak stili Modern'den Klasik'e değiştirebilirsiniz.

Editing the advanced options for the file upload field

İpucu: Klasik yükleme alanı yalnızca bir dosyanın yüklenmesine izin verir. Kullanıcıların birden fazla dosya gönderebilmesini istiyorsanız, formunuza birden fazla Dosya Yükleme Alanı eklemeniz gerekir.

İsterseniz, gönderilen dosyaları WordPress Medya Kitaplığı'nda saklamayı da seçebilirsiniz. Bu, onları bir gönderiye veya sayfaya eklemenizi kolaylaştırır. Örneğin, fotoğraf yarışmamızla kazananı açıkladığımızda en iyi fotoğrafları ekleyebiliriz.

Not: Yüklenen dosyalar, bu kutuyu işaretlemeseniz bile WordPress veritabanınıza kaydedilir. Yalnızca WordPress barındırma hesabınızda ayrı bir klasörde saklanırlar.

Formunuzdaki diğer alanlardan herhangi birini düzenlemek isterseniz, aynı şekilde sol tarafta düzenlemek için tıklayabilirsiniz.

Ayrıca Alan Ekle sekmesini kullanarak yeni alanlar ekleyebilirsiniz. Formunuza eklemek istediğiniz herhangi bir alanı sürükleyip bırakmanız yeterlidir.

Burada, fotoğrafçıların bize web sitelerinin bağlantısını verebilmeleri için forma bir Web Sitesi/URL alanı ekledik.

Adding a website / URL field to the form

Bir alanı kaldırmak istiyorsanız, fare imlecinizi üzerine getirin ve kırmızı çöp kutusu simgesine tıklayın. Fotoğrafçıların telefon numaralarına ihtiyacımız olmadığı için Telefon alanını kaldıracağız.

Deleting the phone field from the form

Formunuzdan memnun kaldığınızda, ekranın üst kısmındaki Kaydet düğmesini tıklayın.

Click the Save button in WPForms

Dosya Yükleme Formunuzun Bildirimlerini Ayarlama

Ayarlar sekmesi altında, formunuzun e-posta bildirimlerini ayarlamak için Bildirimler'e tıklayabilirsiniz. Varsayılan ayarları değiştirmek isteyebilirsiniz.

Varsayılan olarak form, {admin_email} adresine bir e-posta bildirimi gönderir.

WordPress sitenizi kendiniz oluşturduysanız, bu sizin e-posta adresiniz olacaktır. Değilse, {admin_email} silebilir ve bunun yerine buraya kendi e-posta adresinizi yazabilirsiniz.

Changing the email address that the form notifications are sent to

İpucu: E-posta adresinizin {admin_email} olup olmadığından emin değil misiniz? WordPress kontrol panelinizde Ayarlar » Genel'e gidin. Yönetim E-posta Adresini arayın. Burada değiştirebilirsiniz. Bunu yaptıktan sonra alttaki Değişiklikleri Kaydet'i tıklamanız yeterlidir.

Checking or changing the WordPress Administration email address

Gönderilen dosyaların birden fazla kişiye gönderilmesini istiyorsanız buradan birden fazla bildirim de oluşturabilirsiniz.

Form gönderildikten sonra kullanıcıların gördüğü onay mesajını da değiştirmek isteyebilirsiniz. Bunu Ayarlar » Onaylar altında yapabilirsiniz.

Kutuya istediğiniz mesajı yazmanız yeterlidir. İsterseniz kalın ve italik gibi biçimlendirme ekleyebilirsiniz. Varsayılan mesaj şu şekilde görünür:

Changing the confirmation message that the user sees after submitting the form

Değişiklik yaptıktan sonra formunuzu kaydetmeyi unutmayın. Sağ üstteki X'e tıklayarak form oluşturucudan çıkabilirsiniz.

Dosya Yükleme Formunuzu Web Sitenize Ekleme

Formunuzu oluşturduktan sonra, web sitenize eklemeniz gerekir. Mevcut bir gönderiye veya sayfaya ekleyebilir veya yeni bir sayfa oluşturabilirsiniz.

Formumuzu yeni bir sayfaya ekleyeceğiz. Yeni bir sayfa oluşturmak için Sayfalar » Yeni Ekle 'ye gidin. Ardından (+) simgesine tıklayarak sayfanıza yeni bir blok ekleyin.

Creating a new page in WordPress and adding a new block to it

Ardından, Widget'lar bölümünden WPForms bloğunu seçmeniz gerekecek. İsterseniz bulmak için arama çubuğunu kullanabilirsiniz.

Adding the WPForms block to your page or post

Bloğu sayfanıza ekledikten sonra, WPForms açılır menüsünden oluşturduğunuz formu seçin.

Select the correct form from the WPForms dropdown

Şimdi sayfanızı önizleyin veya yayınlayın ve formunuzu sitenizde canlı olarak inceleyin. İşte formumuz nasıl görünüyor.

The finished file upload form live on the website

WPForms » Tüm Formlar'a giderek formunuzda değişiklik yapabilirsiniz . Formun adına tıklayın veya farenizi formun üzerine getirin ve düzenlemek için 'Düzenle' bağlantısını tıklayın.

Editing a form you've already created in WPFormsv

Formunuzu düzenlediğinizde, web sitenizde otomatik olarak güncellenir. Tekrar sayfanıza eklemenize gerek yok.

İpucu: Beklendiği gibi çalıştığından emin olmak için formunuzu test etmek iyi bir fikirdir. Bir form girişi oluşturduktan sonra bir e-posta bildirimi almazsanız, WordPress'in e-posta göndermeme sorununu düzeltmeyle ilgili adım adım kılavuzumuza göz atın.

Yüklenen Dosyaları Görüntüleme veya İndirme

Birisi dosya yükleme formunuz aracılığıyla bir dosya gönderdiğinde, onu e-posta gelen kutunuzdan veya WordPress kontrol panelinizden alabilirsiniz.

Her form girişiyle birlikte şöyle bir e-posta alacaksınız:

The email you receive with the form entry details, including file download links

Dosyaları görüntülemek veya indirmek için bağlantıları tıklamanız yeterlidir.

Dosyaları WordPress'in kendisi aracılığıyla da kolayca bulabilirsiniz. WPForms »Entries'e gidin, ardından formunuzun adına tıklayın.

Select your form to view the form entries in your WordPress dashboard

Ardından, yüklenen dosyaları form girişleri tablosunda görebilirsiniz. Alternatif olarak, form girişinin tüm ayrıntılarını görmek için Görüntüle bağlantısını tıklayabilirsiniz.

The file links shown in the WPForms entry in the table

Bu öğreticinin, WordPress'te bir dosya yükleme formunu nasıl oluşturacağınızı öğrenmenize yardımcı olacağını umuyoruz. En iyi WordPress anket eklentileri hakkındaki kılavuzumuza ve e-posta bülteni oluşturma kılavuzumuza da göz atmak isteyebilirsiniz.

Bu makaleyi beğendiyseniz, lütfen WordPress video eğitimleri için YouTube Kanalımıza abone olun. Bizi Twitter ve Facebook'ta da bulabilirsiniz.

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