Wix Studio: Studio Editor Hakkında

5 dakikalık okuma
Karşınızda, profesyonellerin zahmetsizce müşteriler için siteler oluşturmaları için tasarlanmış üst düzey platform olan yeni Studio Editor'la tanışın. Sezgisel arayüzü ile her ayrıntının vizyonunuzla uyumlu sağlayan sorunsuz düzenleme ve tam piksel kontrolünü deneyimleyeceksiniz.
Her ekranda veya cihazda dikkat çeken ve her seferinde harika bir kullanıcı deneyimi sunan web siteleri tasarlamak için duyarlı AI gücünden yararlanın.

Müşterileriniz için duyarlı siteler oluşturun

Studio Editor, web sitelerinizin tüm ekranlarda harika görünmesini sağlamak için bir dizi pratik araç sunar. Bu, tasarıma odaklanabileceğiniz ve her öge için doğru boyutlandırma birimlerini bulmaya daha az zaman harcayabileceğiniz anlamına gelir.  
Bir ögeyi masaüstünde görünmesini istediğiniz gibi tasarlayın ve ihtiyaçlarınızı karşılayan duyarlı bir davranış seçin. Duyarlı davranışı, farklı kesme noktalarına otomatik olarak ayarlanmasını sağlar.
Daha hassas kontrole mi ihtiyacınız var?
Her kesme noktasında öğeleri yeniden boyutlandırmak ve konumlandırmak için gelişmiş, duyarlı ölçümler kullanın.
Denetçi panelindeki bir öge için mevcut duyarlı davranışlara bir örnek
Süreci daha da hızlandırmak için ilgili ögeleri CSS ızgarasına veya flexbox'a göre gruplandırmak için duyarlı bir düzen aracı kullanın. Örneğin, ızgaralar ögeleri ilgili hücrelerinde tutarken yığın ögeleri dikey veya yatay sıralarını korur.
Kolayca sütun veya satır eklemek için kılavuz çizgilerinin tuval üzerinde nasıl sürükleneceğini gösteren bir GIF
Üstün etkinlik için tasarımlarınızı yeniden kullanın:
Diğer sitelerde kaydetmek, paylaşmak ve yeniden kullanmak için tasarlanmış bölümler ve site şablonları gibi kendi özel varlıklarınızı oluşturun.
Tasarlanmış bir ögenin bir kitaplığa varlık olarak nasıl kaydedileceğini gösteren bir ekran görüntüsü

Sitelerde gerçek zamanlı olarak işbirliği yapın

Studio Editor, ekiplerin aynı sitede aynı anda çalışmasına olanak tanıyan işbirliğine dayalı gerçek zamanlı bir platformdur. İnsanların eylemlerini geçersiz kılmadan sayfaların veya ögelerin düzenini, tasarımını ve içeriğini düzenleyebilirsiniz.
Editör'ün üst kısmında 3 avatarı gösteren ekran görüntüsü, yani aynı sitede aynı anda çalışan 3 kişi
Diğer kullanıcılar tarafından yapılan değişiklikler, editörünüzde saniyeler içinde görünür. Bu, çakışmaları en aza indirir ve hem ekip arkadaşlarınızla hem de müşterilerle verimli bir şekilde çalışmanızı sağlar.  
Başka bir ekip arkadaşınızın bir ögeyi seçmesini ve bunun Editörünüzde nasıl göründüğünü gösteren ekran görüntüsü
Ayrıca müşterilerin veya ekip arkadaşlarınızın doğrudan tuvalde dile getirdiği sorunları da çözebilirsiniz. Editörden hiç ayrılmadan bir siteyle ilgili her türlü iletişimi yönetmek için Yorumlar panelini kullanın. Burası, ekip ve müşterileriniz için geri bildirimleri paylaşmaları, sorunları birlikte çözmeleri için harika bir yerdir. 

Site ekibinin düzeltmesi için bir sayfada yorum yapan bir müşteri örneği

Animasyonlarla tasarımlarınıza hayat katın

Animasyonlarımızı tasarımlarınıza dahil etmek, onları gerçekten bir sonraki seviyeye taşıyabilir. Stüdyo Editor, görünmesini istediğiniz zamana göre 5 farklı animasyon türü sunar.  
Ziyaretçiler bir ögenin üzerine geldiğinde, tıkladığında veya sayfayı kaydırarak geçtiğinde animasyonların görünmesini sağlayabilirsiniz. Ayrıca, bir giriş animasyonu (öge ilk yüklendiğinde için) veya ziyaretçi etkileşimi gerekmez sürekli döngüde bir animasyon ekleyebilirsiniz. 
Birden çok ögeye uygulanan animasyonların bulunduğu canlı bir site örneği

AI gücünden yararlanın

AI sadece popüler bir kelime değil; Studio Editor, site oluşturma sürecini çok daha hızlı hale getiren AI destekli bir dizi özellik sunar. 

Duyarlı bir düzen oluşturun

Tek bir tıklamayla sayfalarınızı veya bölümlerinizi duyarlı hale getirin. AI aracımız mevcut düzeni analiz eder ve ardından ideal görünmesini sağlayan duyarlı bir yapı yerleştirir. Bu, her kesme noktasını kontrol etmeniz ve tasarım sorunlarını çözmek için zaman harcamanız gerekmediği anlamına gelir.
Duyarlı AI aracı bir düzen oluşturduktan sonra gördüğünüz önizleme örneği

Metin oluştur

AI Metin Oluşturucumuz, Open AI'ın Chat GPT'sini doğrudan Editör'e getirir. İstemi oluşturmak ve projenize özel içerik önerileri almak için birkaç bilgi girin. Bu, kaliteden ödün vermeden yazma sürecinde zamandan tasarruf etmenize yardımcı olur. 
Yapay zekanın önerdiği metnin tuvaldeki bir paragrafa nasıl uygulanacağını gösteren bir GIF

Görüntü oluşturma

Başka hiçbir yerde görünmeyen özgün görüntülere mi ihtiyacınız var? İstediğiniz görüntüyü açıklayın ve sitede kullanmak üzere öneriler alın. Aralarından seçim yapabileceğiniz birçok stil vardır - illüstrasyon, 3D, paket fotoğrafı, fotoğraf ve diğerleri - sonuçlar tam olarak aradığınız stilde olabilir.
AI Görüntü Oluturucu'nun bir ekran görüntüsü ve bir isteme dayalı dört görüntü varyasyonu.

Büyük miktarda içeriği kodsuz bir CMS'de yönetin

CMS (İçerik Yönetim Sistemi), çok büyük miktarda içerik depolamanıza, dinamik sayfa şablonları oluşturmanıza ve ziyaretçilerden veri girişleri kabul etmenize olanak sağlar. Devir teslimden sonra, müşterileriniz tasarımınızı etkilemeden içerik güncellemek ve eklemek için CMS'yi kullanabilir. 
Bir tekrarlayıcıdaki veri kümesi bağlantılarını gösteren bir ekran görüntüsü.

Kendi CSS kodunuzu ekleyin

Ögelerinize CSS eklemek, çok sayıda yeni stil seçeneği sunar. Duyarlılığı en üst düzeye çıkarırken özgün tasarımlar ve animasyonlar oluşturmanıza olanak sağlar. 
Tuvalde bir öge seçin, ardından başlamak için genel sınıflardan birini seçin. İstediğinizi bulamıyor musunuz? Koda kendi özel sınıflarınızı ekleyebilirsiniz.
Editörde bir düğme seçip mevcut CSS sınıflarını gösteren bir global css sayfası örneği

Bu içerik yardımcı oldu mu?