Sürükle-Bırak Web Sayfası Editörü

Sürükle-Bırak Editörü hakkında hazırladığımız bu kılavuzda, websitesi tasarım süreçlerinizi nasıl daha hızlı ve kolay yönetebileceğinizi göreceksiniz. Kullanıcı dostu arayüzü ile web sayfalarınızı sadece birkaç adımda nasıl düzenleyebileceğinize ve özelleştirebileceğinizi keşfedeceksiniz.

Sürükle-Bırak Editörü Nedir?

Sürükle-Bırak Editörü, web sayfalarınızı tasarlarken çeşitli bileşenleri (metin kutuları, resimler, eğitmen tanıtım bölümü vb.) sürükleyip bırakarak kolayca yerleştirebileceğiniz bir araçtır. Bu editör sayesinde, teknik bilgiye ihtiyaç duymadan, web sitenize istediğiniz bileşenleri ekleyebilir ve kişiselleştirebilirsiniz. Kendi tarzınıza ve ihtiyaçlarınıza göre sayfalarınızı özelleştirebilir, profesyonel görünümlü ve işlevsel tasarımlar oluşturabilirsiniz.

Blok Nedir?

Blok, web sayfanızı oluştururken kullanabileceğiniz temel yapı taşlarıdır. Metin kutuları, başlıklar, resimler, videolar, butonlar ve daha birçok komplike bileşeni içeren bloklar, sayfanızın farklı bölümlerini oluşturmanıza olanak tanır. Bloklar, sayfanızın içeriğini düzenlemenizi ve görsel olarak zenginleştirmenizi sağlar. Sürükle-Bırak Editörü’nde, blokları sayfanıza sürükleyip bırakarak kolayca yerleştirebilir ve düzenleyebilirsiniz.

Editör Arayüzü ve Temel Özellikler

Şimdi, birlikte Sürükle-Bırak Editörü’nün ana arayüzünü ve web sayfanızı tasarlamak için sunduğu araçları tanıyalım.

Bloklar

Editörün sol tarafında, sayfanıza ekleyebileceğiniz çeşitli bileşenlerin yer aldığı bir Bloklar menüsü bulunmaktadır. Bu bloklar, websitenizi daha düzenli hale getirmenizde kolaylık sağlaması amacıyla farklı kategorilere ayrılmıştır.

• Hazır Bloklar: Web sayfanızın farklı bölümlerini hızlı ve etkili bir şekilde oluşturmanıza olanak tanır. Bu kategori sayesinde, sayfanızın üst kısmında ziyaretçilerin kolayca gezinmesini sağlayan Navigasyon Barı ve kullanıcıların sitede gördüğü ilk alan olan, büyük görseller veya videolarla dikkat çeken Hero Bölümü gibi temel bileşenleri kolayca ekleyebilirsiniz. Sosyal kanıt oluşturmak için Logo Bulutu Bölümü veya otomatik kayan görsellerle dikkat çeken Sonsuz Bulanık Logo Bulutunu kullanabilirsiniz. Hizmetlerinizi öne çıkarmak için Özellikler Bölümü, Özellik Kartları, Özellikler Izgarası ve Öne Çıkan Özellikler bloklarını tercih edebilir, görsel etki yaratmak için Yığılma Efektli Kartlar veya Animasyonlu İstatistikler bölümlerini kullanabilirsiniz. Eğitmenlerinizi tanıtmak için Eğitmenler Bölümü, müşteri güveni sağlamak için Referans Yorumlar Bölümü, kurslarınızı sergilemek için Kurs Vitrini Karoseli, Dersler Bölümü veya tekli kurs tanıtımı için Kurs Vitrin Kartı ekleyebilirsiniz. Satış odaklı sayfalar için Fiyatlandırma Bölümü, Fiyat Karşılaştırma Bölümü ve eyleme teşvik için CTA (Call to Action) Bölümü öne çıkar. Ayrıca, kullanıcılarla iletişim kurmak için Mail Listesi Aboneliği, bilgi desteği için Sıkça Sorulan Sorular Bölümü ve sayfa sonunda yer alan Footer gibi bileşenler de bu kategori altında bulunur.

• Satış Sayfası Blokları: Bu kategori eğitimlerinizi ve danışmanlık hizmetlerinizi tanıtıp satışa sunabilmeniz için özel olarak tasarlanmış bloklardan oluşmaktadır. Bu kategoride eğitim veya danışmanlık hizmetlerinizi doğrudan satışa açabileceğiniz Satın Alma Bölümü, içeriklerinizi detaylı şekilde tanıtabileceğiniz Ders İçeriği Bölümü, birebir danışmanlık ya da görüşmelerinizi satışa sunabileceğiniz Birebir Görüşme Satın Alma Bölümü ve birebir görüşme randevularının planlanabilmesi için Birebir Görüşme Randevu Bölümü yer alır. Ayrıca, birden fazla kursu paket halinde satışa sunabilmeniz için de Paket Satın Alma Bölümü bulunur.

• Blog Blokları: Blog yazıları ve makaleler için tasarlanmış bloklardır. Örneğin, paragraflarınızı kolayca düzenleyebileceğiniz, fotoğraf ekleyebileceğiniz Zengin Metin bölümü bu kategori altında sınıflanmıştır.

• Giriş/Üye Ol Blokları: Kullanıcıların hesap oluşturmasını veya giriş yapmasını sağlayan bloklardır. Üyelik formları ve giriş butonları gibi ögeler içerir.

• Temel Bloklar: Temel Bloklar, web sayfanızın yapı taşlarını oluşturan basit ve işlevsel bileşenleri içerir. Bu kategori sayesinde sayfanıza resim ve video ekleyebilir, başlık, paragraf ve zengin metin blokları ile içeriklerinizi düzenleyebilirsiniz. Embed (gömülü içerik) özelliği sayesinde dış kaynaklarda bulunan içeriklerinizi web sitenize entegre edebilir, butonlar ile ziyaretçilerinizi istediğiniz sayfalara yönlendirebilirsiniz. Ayrıca sosyal medya ikonları sayesinde sosyal medya hesaplarınızı web sitenizde öne çıkarabilir, link kartı ve hover efektli bilgi kartı gibi bileşenlerle sayfanıza etkileşimli bölümler ekleyebilirsiniz. Sabit konumlu düğme ile sayfanızın belirli bir kısmında sürekli görünen bir aksiyon çağrısı da oluşturabilirsiniz.

• Düzen Blokları: Bu kategoride, sayfanızın yapısını ve görünümünü düzenlemek için kullanılan bileşenler bulunmaktadır. Bu kategori sayesinde sayfanızın farklı bölümlerini organize edebilir, içerikleri istediğiniz şekilde konumlandırabilirsiniz. Breadcrumbs ile ziyaretçilere sayfanızda kolay gezinme imkanı sunabilir, Konteyner bloklarıyla içeriklerinizi yan yana veya alt alta sıralayarak arka plan görseli ekleyebilirsiniz. Izgara blokları sayesinde içeriklerinizi düzenli bir grid yapısında sunabilir, yine arka plan görseliyle zenginleştirebilirsiniz. Karosel blokları görselleri veya içerikleri kaydırılabilir slaytlar halinde sunmanıza olanak tanırken, dilerseniz otomatik kaydırma özelliğini de aktif edebilirsiniz. Ayraç blokları sayfanızdaki bölümleri net bir şekilde ayırmanızı sağlar. İki Sütunlu Düzen ile içeriğinizi iki yana bölerek dengeli bir görünüm elde edebilir, Sonsuz Kaydırma Karoseli ile çok sayıda referansı veya ürünü dönüşümlü ve sürekli kaydırma animasyonuyla öne çıkarabilirsiniz.

Çalışma Alanı

Çalışma Alanı, editörün ana panelidir ve ekranın tam ortasında konumlanmıştır. Bu alanda bloklarınızı sürükleyip yerleştirerek, sayfanızın önizlemesini gerçek zamanlı olarak görebilirsiniz. Bir bloğu yerleştirdikten sonra, bloğun üzerine tıklayarak bloğun hemen üzerinde açılan panelden sırasıyla şu işlemleri gerçekleştirebilirsiniz:

• Blokta yaptığınız değişiklikleri kaydedebilir ve bu bloğu bir şablon olarak daha sonra başka bir sayfada kullanmak üzere saklayabilirsiniz.
• Aynı bloğu sayfa içinde tekrar kullanmak için Kopyala seçeneğini kullanabilirsiniz.
• Son olarak, istenmeyen bileşenleri Çöp Kutusu simgesine tıklayarak silebilirsiniz.

Sayfa ve Blok Ayarları

Bu bölüm, ekranın sağ tarafında bulunan panelde yer alır ve sayfanızın görünümünü kişiselleştirmenizi sağlar. Buradan sadece sayfanızın genel tasarımını değil, aynı zamanda sayfanızda kullanılan bileşenleri de özelleştirebilir ve değiştirebilirsiniz.

1. Sayfa Ayarları: Sayfa Ayarları bölümünde, sayfanızın türü ve tasarımıyla ilgili birçok düzenleme yapabilirsiniz. Tasarım kısmında, açık ve koyu tema için ayrı ayrı arka plan, yazı, birincil ve kenarlık renklerini belirleyebilir, ayrıca başlık ve metinlerinizin fontlarını özelleştirebilirsiniz. Sayfa Türü kısmında ise sayfanızın amacına uygun türü seçebilirsiniz. Örneğin, “Blog” türünü seçtiğinizde otomatik olarak Blog Bilgileri alanı açılır ve buradan sayfanıza ait fotoğraf, kategori, başlık, açıklama ve yayınlanma tarihi gibi bilgileri kolayca düzenleyebilirsiniz.

   
   not

   Koyu tema için belirlenen renkler ancak sayfaya eklenen bloklar Koyu Tema olacak şekilde eklenirse etkili olacaktır.

2. Blok Ayarları: Blok Ayarları, sayfanızdaki her bir bloğu ihtiyaçlarınıza göre kişiselleştirmenizi sağlar. Bir bloğu seçtiğinizde açılan panel üzerinden bloğun genel özelliklerini kolayca düzenleyebilirsiniz. Örneğin, Hero Bölümü için başlık ve açıklamayı değiştirebilir, modern veya animasyonlu varyantlardan birini seçebilir, buton metinlerini ve tasarımlarını özelleştirebilir, arka plan görseli ekleyip bu görsel üzerinde tasarımsal düzenlemeler yapabilirsiniz. Ayrıca, arka planın rengini, tarzını ve desenini de isteğinize göre şekillendirebilirsiniz.

   

Sayfa Bilgileri

Editörün üst kısmında konumlanan bu bölümde, sayfanız için başlık ve URL bağlantısını belirleyebilirsiniz. Sayfalarınıza vereceğiniz isimler ancak size görünür, çok fazla sayıda sayfanız olduğu durumda hangi web sayfanızın ne amaca hizmet ettiğini anlarken işinizi kolaylaştırması için sayfalarınızı anlamlı bir şekilde başlıklandırmanızı tavsiye ederiz. Bunun yanı sıra, bu panelden sayfa URL’sini ayarlayarak, sayfanızın web üzerindeki adresini belirleyebilirsiniz. Yukarıda bahsedilen çalışma alanında sayfanızı son haline getirdikten sonra burada yer alan Web Sayfası Oluştur butonuna tıklayarak sayfanızı yaratabilirsiniz. Oluşturduğunuz sayfanın son halini görmek için Önizle butonunu ve sayfanızı erişilebilir hale getirmek için, son adım olarak bu panelden Yayınla seçeneğini kullanarak sayfanızı yayımlayabilirsiniz.

uyarı

Ana sayfa için URL kısmı boş bırakılmalıdır.