Webflow'a Giriş - Webflow Yardım
Webflow'da gezinmeyi öğrenin.
Webflow'da, sitenizi sayfalar, dallar ve yerel ayarlar arasında yapılandırabilir, inşa edebilir ve tasarlayabilirsiniz. Webflow, dinamik içerik ve verileri etkili bir şekilde oluşturmanızı ve yönetmenizi sağlar ve site performansını analiz etmek ve optimize etmek için araçlar sunar. Ayrıca, çalışmanızı paylaşabilir, geri bildirim alabilir ve sonunda sitenizi özel ortamlara (örneğin, hazırlık ve üretim) yayınlayabilirsiniz.
Webflow'a Dashboard'dan site küçük resminize tıklayarak veya Site ayarları'ndan üst araç çubuğunda Siteyi aç'a tıklayarak erişebilirsiniz. Webflow'da erişebileceğiniz araçlar, site rolünüze (örneğin, gözden geçiren, içerik editörü vb.) bağlı olarak farklılık gösterir, böylece ihtiyacınız olan araçlara hızlıca erişebilir ve ihtiyacınız olmayan araçları unutabilirsiniz.
Başlamadan önce
Webflow’un desteklenen tarayıcılar, cihazlar ve ekran çözünürlüklerini kontrol edin.
Çoklu kullanıcı işbirliği
Birden fazla ekip arkadaşı, Webflow'da bir site üzerinde birlikte işbirliği yapabilir. Tasarım sürecini akıcı tutmak için, tasarım kontrolünü ekip arkadaşlarınız arasında devredebilir ve sitenizde diğer kişilerin nerede çalıştığını gerçek zamanlı olarak görebilirsiniz.
Webflow arayüzüne genel bakış
Webflow'da sitenizi açtığınızda, sitenizi gösteren ana ekran tuvaldir. Tuvalin etrafında aşağıdaki araç çubukları ve paneller bulunur:
- Üst çubuk, sekmeli gezinme, bağlam çubuğu ve site eylemlerini (ör. işbirliği ve yayınlama araçları) içerir.
- Tuval çubuğu, geri al/yinele, ekmek kırıntısı gezintisi, genişletilmiş kırılma noktaları ve tuval ayarlarını içerir.
- Sol araç çubuğu, ana menü, çeşitli araç ve gezinme panelleri, ayarlar, site denetimi ve eğitimleri içerir.
- Sağ araç çubuğu, öğe stilleri, ayarlar ve etkileşimleri içerir.
Tuval
Webflow'daki en büyük alan tuvaldir. Bu, sayfa ile etkileşimde bulunabileceğiniz ve gerçek zamanlı olarak tasarım yapabileceğiniz yerdir. Öğeleri seçebilir, hareket ettirebilir ve içeriği doğrudan sayfada düzenleyebilirsiniz. Webflow çalışmanızı otomatik olarak kaydeder, ancak sitenizi manuel olarak kaydetmek için Command + S (Mac'te) veya Control + S (Windows'ta) tuşlarına basabilirsiniz.
Üst çubuk
Üst çubuk, tasarım modlarına, CMS'ye, Analiz, Optimize, yerel ayarlara, sayfa değiştiriciye ve site eylemlerine hızlı erişim sağlar.
Ana sekmeli gezinme, Tasarım sekmesi, CMS sekmesi ve İçgörüler sekmesini içerir.
- Tasarım sekmesi — Bu sekme, mevcut modu (ör. tasarım, oluşturma vb.) gösterir ve modlar arasında geçiş yapmanıza veya bir sayfa dalı oluşturmanıza olanak tanır. Bir üyenin site rolü, hangi modların kullanılabilir olduğunu belirler. Örneğin, site yöneticileri ve tasarımcılar tasarım moduna erişebilirken, pazarlamacılar yalnızca oluşturma moduna erişebilir.
- CMS sekmesi — CMS (İçerik Yönetim Sistemi) panelini açar, burada Koleksiyonlar, Koleksiyon öğeleri ve E-ticaret ürünleri ve kategorileri oluşturabilir ve yönetebilirsiniz.
- İçgörüler sekmesi — İçgörüler panelini açar, burada Analiz ve Optimize erişebilirsiniz. Analiz, eyleme geçirilebilir içgörülerle site genelinde analizler sağlar. Optimize, sitenizde farklı stilleri, düzenleri, akışları, ifadeleri, görselleri ve daha fazlasını test etmek için deneyler yapmanıza olanak tanır.
Bağlam Çubuğu
Bağlam çubuğu, Optimize ile site optimizasyonlarını yönetmenizi ve yereller, sayfalar, Koleksiyon sayfaları ve Koleksiyon öğeleri arasında geçiş yapmanızı sağlar. Ayrıca, ana bileşeni (bir bileşen örneği yerine) düzenlediğinizde ve tasarım onay durumu hakkında bilgi verir.
Site Eylemleri
Site eylemleri, bulunduğunuz belirli sayfa veya site ile ilgilidir. Gerçek zamanlı olarak site üzerinde işbirliği yapan ekip üyeleri de burada bir avatar veya sayı ile listelenir.
- Analiz modu — Sayfa düzeyinde analiz ve içgörüler (örneğin, ziyaretçiler ne kadar aşağı kaydırıyor ve nerelere tıklıyor) alın.
- Yorumlar — Diğer ekip üyelerinin bıraktığı yorumları inceleyin veya kendi geri bildirimlerinizi/notlarınızı ekleyin.
- Önizleme — Önizleme moduna geçin.
- Paylaş — Salt okunur site bağlantısı oluşturun.
- Yayınla — Sitenizi yayınlayın.
Tuval Çubuğu
Tuval çubuğu varsayılan olarak tuvalin üstünde yer alır, ancak tuval ayarlarından aşağıya taşıyabilirsiniz.
- Geri al/yeniden yap simgeleri — Değişiklikleri hızlıca geri al veya yeniden uygula.
- İz navigasyonu — Seçilen öğenin hiyerarşisini gösterir.
- Tuval ayarları — Farklı seçenekler (örn. cetveller, kılavuzlar, metin yakınlaştırma önizlemesi).
- Kırılma noktaları — Farklı cihaz boyutları için önizleme ve düzenleme.
Sol Araç Çubuğu
Web sitesi yapılandırması için ana menü ve panelleri içerir.
Ana menüye erişmek için Webflow logosuna tıklayın.
- Öğeler, bileşenler, sayfalar için Hızlı bul
- Geri al/yeniden yap işlemleri
- Kodu dışa aktar
- Klavye kısayolları
- CSS önizlemesini aç
- Yardım al veya geri bildirim gönder
Paneller ve Site Aktivite Günlüğü
- Ekle paneli — Kısayol: A
- Sayfalar paneli — Kısayol: P
- Gezgin paneli — Kısayol: Z
- Bileşenler paneli — Kısayol: Shift + A
- Değişkenler paneli — Kısayol: G
- Stil seçiciler paneli — Kısayol: J
- Varlıklar paneli — Kısayol: L
- Kütüphaneler paneli — Kısayol: L
- Uygulamalar paneli — Kısayol: E
- Site Aktivite günlüğü — Sitenizde yapılan tasarım değişiklikleri
Ayarlar, AI öğrenme asistanı, denetimler, hızlı bul ve eğitimler
- Ayarlar paneli — Arayüz, arama, yedekleme, yerelleştirme.
- AI öğrenme asistanı — AI destekli yardım.
- Denetim paneli — Kısayol: U.
- Hızlı bul — Kısayol: Command + E (Mac), Control + E (Windows).
- Video eğitimler paneli — Ücretsiz video kursları.
Sağ Araç Çubuğu
Öğe stilleri, ayarları ve etkileşimler için paneller içerir.
- Stil paneli — Kısayol: S.
- Öğe ayarları paneli — Kısayol: D.
- Etkileşimler paneli — Kısayol: H.
SSS
Webflow hangi tarayıcıları destekliyor?
Webflow, tüm modern tarayıcıların son üç ana sürümünü resmi olarak destekler: Chrome, Edge, Firefox ve Safari. Bu, hem platform hem de yayınlanan siteler için geçerlidir.
Sınırlı destekli özellikler için ilgili makalelere bakın:
Webflow, Internet Explorer'ı desteklemez.
Webflow hangi ekran çözünürlüklerini/cihazları destekliyor?
Webflow, ekran genişliği en az 1268px olan bir masaüstü/dizüstü bilgisayar gerektirir.
Webflow neden çevrimiçi/hosted bir uygulama — neden indirilebilir bir uygulama değil?
Webflow, tarayıcıda tasarım ve hızlı güncellemeler sağlamak için çevrimiçi/hosted bir uygulamadır.
- WYSIWYG tasarım — HTML/CSS üzerinde doğrudan etki.
- Hızlı güncellemeler — Her zaman en son sürüm, manuel güncelleme yok.