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: Bu kategori, web sayfanızın çeşitli bölümlerini hızlı ve etkili bir şekilde oluşturmanıza olanak tanıyan bölümler sunar. Örneğin, sayfanızın üst kısmında kullanıcıların sitenizde kolayca gezinmesini sağlayan Navigasyon Barı bileşenini, sayfanızın en dikkat çekici kısmını oluşturan ve büyük görsellerle birlikte ana başlıklar ve özet metinler sunan Hero Bölümü gibi her websitesinde olması gereken temel bölümleri içerir. Bu hazır bloklar, tasarım sürecinizi hızlandırarak sayfanızın profesyonel ve çekici görünmesini sağlar.

• Birebir Görüşme Satış Sayfası Blokları: Eğitimler veya danışmanlık hizmetleri için özel olarak tasarlanmış bloklardır. Bu kategoriden, birebir görüşme satın alma bölümünü sayfanıza ekleyebilirsiniz.

• Ders Satış Sayfası Blokları: Eğitim içerikleri veya kurslar için gerekli olan bileşenleri içerir. Derslerinizi tanıtmak için kullanabileceğiniz Ders içeriği Bölümü ve Ders Satın Alma Bölümü gibi unsurları barındırır.

• 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: Bu kategori, web sayfanızın yapı taşlarını oluşturmak için gerekli olan basit ve temel bileşenleri içerir. İçinde, metin kutuları, başlıklar, ve paragraflar gibi içerik bloklarının yanı sıra, görseller ve videolar gibi medya ögelerini ekleyebileceğiniz bölümler bulunur. Ayrıca, embed blokları ile dış içerikleri sayfanıza kolayca entegre edebilirsiniz. Bu temel bloklar, sayfanızın çeşitli bölümlerini oluşturarak, tasarımınızı hızlı ve etkili bir şekilde hayata geçirmenize olanak tanır.

• Düzen Blokları: Bu kategori, sayfanızın düzenini ve yapısını oluşturmak için gereken araçları içerir. Sayfanızın farklı bölümlerini organize etmenizi sağlayan bloklar sunar. İçinde, Breadcrumbs ile sayfanızda gezinmeyi kolaylaştıran navigasyon yollarını oluşturabilirsiniz. Konteyner blokları, içeriklerinizi düzenli bir şekilde gruplayarak hizalamanızı sağlar. Izgara düzenleri, sayfanızın görsel yapısını düzenlemek için çeşitli grid seçenekleri sunar. Karosel blokları, görselleri veya içerikleri kaydırılabilir slaytlar halinde sunmanıza imkan tanır. Ayrıca, İki Sütunlu Düzen ile sayfanızın içeriğini iki yanlı bir şekilde düzenleyebilirsiniz. Bu düzen blokları, sayfanızın yapısını özelleştirmenize ve içeriğinizi etkili bir şekilde sunmanıza yardımcı olur.

Ç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ında, sayfanın renk temasından yazı tipine ve sayfa türüne kadar birçok özelliği düzenleyebilirsiniz. Renk teması bölümünde, sayfanızın ana renk, arka plan rengi, yazı rengi ve kenar rengi gibi detaylarını hızlı ve kolay bir şekilde değiştirebilirsiniz; koyu tema için özel renk seçenekleri de sunulur. Yazı tipi kısmında ise, Inter, Archivo gibi popüler yazı tiplerinden birini seçebilirsiniz. Sayfa türü seçeneği ile sayfanızın amacına göre ayar yapabilirsiniz; örneğin, Blog türünü seçtiğinizde blog bilgileri kısmı açılır ve burada fotoğraf, kategori, başlık, açıklama ve yayınlanma tarihi gibi bilgileri 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ı, her bir bloğun özelliklerini kişiselleştirmenize olanak tanır. Bir bloğu seçtikten sonra, blok üzerinde açılan panelden bloğun genel özelliklerini düzenleyebilirsiniz. Örneğin, eğitmen bölümünde eğitmenin adını, fotoğrafını ve açıklamasını düzenleyebilirsiniz. Ayrıca, bloğun genel tasarımını değiştirmek için, bloğun arka plan rengi, kenarlık rengi, kenarlık kalınlığı ve kenarlık yuvarlaklığı gibi özelliklerini değiştirebilirsiniz.

   

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.