Cloudbeds Websites Editöründe Gezinme

Giriş

Cloudbeds Websites Editör, gezinme, içerik, tasarım, yayınlama ve iş birliği araçlarını tek bir çalışma alanında toplar. Her kontrolün nerede olduğunu anlamak, editörde daha kendinden emin hareket etmene ve yapmak istediğin değişiklik için doğru aracı seçmene yardımcı olur.

Bu rehber arayüz yönlendirmesine odaklanır. Siteyi özelleştirme, medya yönetimi, bileşenlerle çalışma ve Site Yorumları kullanımı gibi detaylı iş akışları kendi özel rehberlerinde yer alır.

İçindekiler

• Editör 2.0 genel bakış
• Üst Gezinme Çubuğu
• Masaüstü, tablet ve mobil görünümler arasında çalışma
• Yan Panel
• Tasarım Paneli
• Bileşen ve öğe kontrolleri

Editor 2.0 genel bakış

Editor 2.0 çalışma alanı, Üst Navigasyon Çubuğu, Yan Panel, Tasarım Paneli ve sayfadaki bir öğe veya bileşeni seçtiğinde görünen kontroller etrafında düzenlenmiştir. Bu alanlar birlikte, sitede gezinmeni, site genelindeki araçları yönetmeni ve bireysel sayfa öğelerini düzenlemeni sağlar.

Bireysel kontrollerle çalışmaya başlamadan önce, bu alanların nerede göründüğünü öğrenmek için tam editör görünümünü kullan.

Tam editör görünümü, web sitesi tuvali ile birlikte çalışırken kullanılabilir durumda kalan navigasyon ve düzenleme kontrollerini gösterir.

Üst Navigasyon Çubuğu

Üst Navigasyon Çubuğunu sayfalar ve cihaz görünümleri arasında geçiş yapmak, siteyi incelemek veya yayınlamak, iş birliği araçlarına erişmek ve site düzeyindeki kaynakları açmak için kullan.

• Hamburger menüsü: Proje Kontrol Paneli, editör dili ve Yardım gibi seçenekleri açar.
• Proje Kontrol Paneli: Site genelindeki bilgiler, site genel bakış detayları, etkinlik, metrikler ve form yanıtlarını açar.
• Dil: Editör arayüzünün dilini değiştirir. Web sitenizin içeriğinin dilini değiştirmez.
• Yardım: Mevcut yardım ve destek kaynaklarını açar.
• Sayfa seçici: Web sitendeki sayfalar arasında geçiş yapar.
• Cihaz görünümleri: Masaüstü, tablet ve mobil görünümler arasında geçiş yaparak sayfanın her cihaz türünde nasıl göründüğünü inceleyip ayarlama yapabilirsin. Değişikliklerin cihaz düzenleri arasında nasıl taşındığını anlamak için Masaüstü, tablet ve mobil görünümler arasında çalışma bölümüne bak.
• Geri al ve Yinele: Son değişiklikleri geri alır veya yeniden uygular.
• Kaydetme durumu: En son değişikliklerinin kaydedilip kaydedilmediğini gösterir.
• Site Yorumları: Site üzerinde doğrudan geri bildirim ekleyip inceleyebileceğin yorum panelini açar.
• Paylaş: Siteyi paylaşmak için mevcut seçenekleri açar.
• Önizleme: Siteyi inceleyip işlevselliğini test etmek için bir önizleme açar, böylece değişiklikleri yayınlamadan önce kontrol edebilirsin.
• Yayınla veya Yeniden Yayınla: Siteyi yayınlar veya zaten yayınlanmış bir siteye en son değişikliklerini uygular.
• Ana Sayfa: Seni ana site veya kontrol paneli alanına geri götürür.

Üst Navigasyon Çubuğu, çalışırken sayfa navigasyonu, cihaz önizlemeleri, inceleme araçları ve yayınlama kontrollerini kullanılabilir tutar.

Masaüstü, tablet ve mobil görünümler arasında çalış

Cloudbeds Websites, sitenin farklı ekran boyutlarına uyum sağlaması için duyarlı tasarım kullanır. İçeriğinin ve düzeninin her cihaz türünde nasıl göründüğünü incelemek için Üst Navigasyon Çubuğundaki Masaüstü, Tablet ve Mobil görünümlerini kullan.

Masaüstü görünümünde sütunlarda yaptığın değişiklikler, ilgili Tablet ve Mobil düzenlere de uygulanır.

Değişikliklerini tamamlamadan önce tüm üç cihaz görünümünü incele ki düzenin, görsellerin ve içeriğin ekran boyutlarına göre uygun şekilde görüntülendiğinden emin olabilesin.

Yan Panel

Yan Panel, web siteni oluşturmak, düzenlemek ve yönetmek için ana komut merkezidir. Her simge, sayfa öğeleri eklemekten site genelindeki ayarları yönetmeye kadar farklı bir araç grubunu açar.

• Ekle: Sayfaya öğeler ve bileşenler ekle.
• Sayfalar: Site yapısını oluştur ve düzenle, sayfa özelindeki ayarları yönet.
• Katmanlar: Sayfanın görsel hiyerarşisini, öğelerin nasıl organize edildiğini ve iç içe geçtiğini incele.
• Tema: Küresel renkler, tipografi, butonlar, görseller ve arka planlar gibi site genelindeki tasarım ayarlarını yönet. Bireysel öğeler veya sayfalarda yapılan değişiklikler Site Teması ayarlarını geçersiz kılabilir. Detaylı tasarım iş akışları için Cloudbeds Web Sitesini Site Teması ile Özelleştir sayfasına bak.
• CMS / İçerik Yönetimi: Medya Yöneticisi ve İş Verileri dahil içerik yönetim araçlarına eriş.
• Medya Yöneticisi: Yeniden kullanılabilir site medyasını yükle ve düzenle. Görsel ve medya rehberi için Cloudbeds Web Sitesinde Görselleri ve Medyayı Yönet sayfasına bak.
• İş Verileri: Site öğelerine bağlanabilen yapılandırılmış iş bilgilerini yönet.
• SEO / AEO: Arama ve yapay zeka görünürlüğünü, trafiği, optimizasyon durumunu ve SEO ile AEO iyileştirme önerilerini incele.
• Blog: Blog işlemleri oluştur, yayınla ve yönet.
• Daha Fazla / Ayarlar: Favicon ve sosyal görseller, Google araçları, URL yönlendirmeleri, site yedekleri, gizlilik ayarları, form yanıtları, 404 sayfa ayarları, site dışa aktarımı ve İlerleyici Web Uygulaması ayarları dahil ek site düzeyi ayarlara ve araçlara eriş.
• AI Asistanı: Web sitesi içeriği oluşturma, geliştirme ve optimize etme konusunda yapay zeka destekli araçları kullan. Özel rehberlik için Cloudbeds Web Sitesi Editörü AI Asistanı sayfasına bak.

Bir öğenin stilini değiştirmek yerine site düzeyinde bir aracı açman gerektiğinde Yan Paneli kullan.

Yan Panel, sayfa tuvali bırakmadan site düzeyindeki araçları açabilmen için editörün sol tarafında sabit kalır.

Tasarım Paneli

Sayfadaki bir öğeyi, bileşeni, sütunu veya başka bir düzenlenebilir alanı seçerek o öğe için Tasarım Panelinde sunulan tasarım seçeneklerini açabilirsin. Bu paneli seçili öğenin görünümünü ve stilini ayarlamak için kullan.

Tasarım Paneli seçili öğeye uygulanırken, Yan Paneldeki Tema daha geniş site genelindeki tasarım ayarlarını yönetir. Tasarım değişikliğinin tek bir öğeyi mi yoksa siteyi daha geniş kapsamda mı etkileyeceğine bu farkla karar ver.

Tasarım Paneli, düzenlenebilir bir alanı seçip tasarım kontrollerini açtığında editör tuvali yanında görünür.

Bu örnekte, bir sütunu seçip Tasarım seçeneğini tercih ettiğinde, sağdaki panelde o sütun için mevcut ayarlar açılır.

Bileşen ve öğe kontrolleri

Sayfadaki bir öğeyi veya bileşeni seçtiğinde, kayan araç çubuğu o öğe için hızlı eylemler sunar. Mevcut eylemler seçimine bağlı olarak değişir.

• İçeriği Düzenle: Seçili öğenin gösterdiği içeriği değiştir.
• Tasarımı Düzenle: Seçili öğe için tasarım seçeneklerini aç.
• Yeniden Konumlandır: Seçili öğeyi sayfa yapısı içinde taşı.
• Ekle: Yakınlara başka bir öğe veya bileşen ekle.
• Çoğalt: Seçili öğenin bir kopyasını oluştur.
• Hizala: Seçili öğe destekliyorsa hizalamasını ayarla.
• Sil: Seçili öğeyi kaldır.
• Daha Fazla: Seçili öğe için mevcut ek eylemleri aç.

Bileşen ekleme ve yönetme dahil tam bileşen iş akışları için, bkz. Cloudbeds Websites için Bileşenler.

Kayan araç çubuğu, seçili öğeden ayrılmadan yaygın eylemlere hızlı erişim sağlar.

Mevcut bir sayfa öğesini seçmek, onun kayan araç çubuğunu gösterirken, sağdaki panel seçili öğe için mevcut tasarım ayarlarını gösterir.

İlgili makaleler

Editör 2.0 arayüzünün ana alanlarını artık tanıyabildiğine göre, daha geniş Cloudbeds Websites oryantasyonu ve güncel tasarım iş akışları için bu kaynakları kullanabilirsin:

• Cloudbeds Websites editör genel bakış ve başlarken
• Cloudbeds Web Siteni Site Teması ile özelleştir
• Cloudbeds Websites’te görselleri ve medyayı yönet