Studio Editor: Bölümün Arka Planını Değiştirme ve Özelleştirme
9 dakikalık okuma
Oluşturduğunuz sitedeki her bölümü tasarlayın. Arka plan için bir renk, gradyan, görüntü veya video seçebilir ve görünümü daha da özelleştirmek için desen kaplamaları ve kaydırma efektleri ekleyebilirsiniz.
Kesme noktalarıyla çalışma:
Tüm cihazlarda ideal görünmesini sağlamak için bölüm arka planını her kesme noktasında ayarlayabilirsiniz.
Bu makalede öğrenecekleriniz:
İpucu:
Tasarım sürecini hızlandırmak amacıyla Öge Ekle panelindeki Bölümler altında çok sayıda tamamen duyarlı hazır bölümler oluşturduk.
Bölüm arka planına renk ekleme
Bölüm arka planı için tema renklerinden birini seçebilir veya özel bir renk belirleyebilirsiniz. Ardından, daha silik bir arka plan tercih ediyorsanız, opaklığı değiştirebilirsiniz.
Bir bölümün arka plan rengini değiştirmek için:
- İlgili bölümü seçin.
- Editörün sağ üstündeki Denetçiyi Aç simgesine
tıklayın. - Tasarım altındaki renk kutusuna tıklayın.
- Tercihinize bağlı olarak bir renk seçin:
- Tema renkleri: Site renkleri arasından seçim yapın.
- Renklerim: Mevcut özel renklerden birini seçin.
- Yeni renk: Renk Seçici paneline yeni bir renk eklemek için + Ekle'ye tıklayın.
- (İsteğe bağlı) Rengin opaklığını artırmak veya azaltmak için kaydırıcıyı kullanın.
Bölüm arka planına gradyan ekleme
Studio Editor, bölümünüzün arka planı için farklı gradyan türleri sunar:
- Dairesel, Doğrusal veya Konik gradyan
: En fazla 8 renk seçin ve gradyanlardaki her bir rengin opaklığını belirleyin. İstediğiniz görünümü elde etmek için açıyı (Doğrusal), odak noktasını (Dairesel) veya her ikisini birden (Konik) ayarlayabilirsiniz. - Akışkan gradyan
: Bu gradyan ihtiyaç duyduğunuz kadar rengi karıştırarak ağ benzeri bir efekt oluşturmanıza olanak sağlar. Gradyandaki her bir rengin opaklığını, boyutunu ve yayılımını kontrol edebilirsiniz.
Bir bölüme gradyan arka plan eklemek için:
- İlgili bölümü seçin.
- Editörün sağ üstündeki Denetçiyi Aç simgesine tıklayın.
- Tasarım altındaki renk kutusuna tıklayın.
- Her bir gradyan türünü nasıl oluşturacağınızı öğrenmek için aşağıya tıklayın:
Doğrusal, Dairesel veya Konik bir gradyan ekleyin
tıklayın.
simgesi görünür.
tıklayın. 
Akışkan gradyan ekleyin
tıklayın.
Bölüm arka planına görüntü ekleme
Bölümünüzün arka planına bir görüntü ekleyin ve istediğiniz kısmının her zaman görünür olması için odak noktasını ayarlayın. Kendi yüklediğiniz görsellerden birini kullanabilir, Wix / Unsplash üzerinden ücretsiz bir görsel ekleyebilir veya bir Shutterstock görseli satın alabilirsiniz.
İpucu:
Görüntünüzün üzerine bir renk veya gradyan kaplaması ekleyebilirsiniz. Renk veya gradyan seçmek için renk kutusuna tıklayın, ardından bu katmanın opaklığını ayarlamak için kaydırıcıyı sürükleyin.
Bir sayfa bölümüne görüntü arka planı eklemek için:
- İlgili bölümü seçin.
- Editörün sağ üstündeki Denetçiyi Aç simgesine tıklayın.
- Medya simgesinin altındaki Görsel veya Video Ekle'ye tıklayın.
- (Medya Yöneticisi'nde) Tercihinize göre devam edin:
- Kendinize ait bir görseli seçin veya yükleyin.
- Ücretsiz görsellerimizden birini kullanmak için Wix Medya Dosyaları veya Unsplash sekmesine tıklayın.
- Görsel satın almak için Shutterstock sekmesine tıklayın.
- Arka Planı Değiştir'e tıklayın.
- (İsteğe bağlı) Denetçi panelinde görüntü arka planını özelleştirin:
- Odak Noktası
: Ekran yeniden boyutlandırılsa bile görüntünün her zaman görünür olmasını istediğiniz kısmını seçin. - Opaklık: Görselin görünürlüğünü değiştirmek için kaydırıcıyı sürükleyin.
- Sığdırma Seçenekleri: Görselin bölüme nasıl sığacağını belirlemek için açılır menüye tıklayın.
- Odak Noktası
- (İsteğe bağlı) Bir kaydırma efekti (ör. paralaks) seçmek için Arka Plan Kaydırma Efektleri simgesine
tıklayın.
Bir siteyi Editor X'ten Studio'ya mı güncellediniz?
Arka plan görüntüsüne paralaks efekti uyguladıysanız, efekti silmediğiniz veya görüntüyü değiştirmediğiniz sürece Studio'da aynı kalır.
Studio Editor'de bir görüntüye aşağıdaki yollardan herhangi birini kullanarak paralaks efekti ekleyebilirsiniz:
- Görüntüyü bölüm arka planı olarak ayarlayın, ardından bölüme bir arka plan kaydırma efekti uygulayın.
- Bölüme görüntüyü ekleyin ve görüntüye bir paralaks kaydırma animasyonu uygulayın. Görüntüye başka animasyonlar uygulamadığınızdan emin olun.
Bölüm arka planına video ekleme
Bölümünüze hareket hissi katmak için bir video arka planı ekleyin. Videonun odak noktasını seçebilir, oynatma hızını değiştirebilir ve döngüde oynatılıp oynatılmayacağına karar verebilirsiniz.
Arka planınız için kullanabileceğiniz eksiksiz bir ücretsiz video kütüphanemiz var, ancak kendi dosyalarınızı kullanabilir veya Shutterstock'tan bir video satın alabilirsiniz.
İpucu:
Video arka planınızın üzerine bir renk veya gradyan kaplaması ekleyebilirsiniz. Renk veya gradyan seçmek için renk kutusuna tıklayın, ardından bu katmanın opaklığını ayarlamak için kaydırıcıyı sürükleyin.
Bir sayfa bölümüne video arka planı eklemek için:
- İlgili bölümü seçin.
- Editörün sağ üstündeki Denetçiyi Aç simgesine tıklayın.
- Medya simgesinin altındaki Görsel veya Video Ekle'ye tıklayın.
- (Medya Yöneticisi'nde) Tercihinize göre devam edin:
- Kendi videonuzu seçin veya yükleyin.
- Ücretsiz görsellerimizden birini kullanmak için Wix Medya Dosyaları veya Unsplash sekmesine tıklayın.
- Bir video satın almak için Shutterstock sekmesine tıklayın.
- Arka Planı Değiştir'e tıklayın.
- (İsteğe bağlı) Denetçi panelinde video arka planını özelleştirin:
- Odak Noktası: Ekran yeniden boyutlandırılsa bile videonun her zaman görünür olmasını istediğiniz kısmını seçmek için Odak Noktası simgesine tıklayın.
- Opaklık: Videonun görünürlüğünü değiştirmek için kaydırıcıyı sürükleyin.
- Oynatma hızı: Oynatma hızını (ör. Normal, 0.25x, 1.25x, vb. ) belirlemek için açılır menüye tıklayın.
- Döngüde çal: Videonun oynatılma şeklini değiştirmek için geçiş düğmesine tıklayın:
- Etkin: Video arka planda sonsuz bir döngüde oynatılır.
- Devre Dışı: Video yalnızca bir kez oynatılır ve ardından durur.
- Odak Noktası: Ekran yeniden boyutlandırılsa bile videonun her zaman görünür olmasını istediğiniz kısmını seçmek için Odak Noktası simgesine
İşleyişini görmek mi istiyorsunuz?
Tuval üzerinde nasıl göründüğünü kontrol etmek için videonuzdaki Oynat düğmesine tıklayın.
Bölüm arka planına desen kaplaması ekleme
Bölümünüzün arka planına ilgi çekici bir desen uygulayın. Aralarından seçim yapabileceğiniz, farklı renk ve boyutlarda çeşitli desenler sunuyoruz. Listeye göz atın ve beğendiğiniz desenlere tıklayarak arka planla nasıl uyum sağladıklarını kontrol edin.
Bölüm arka planına bir desen kaplaması eklemek için:
- İlgili bölümü seçin.
- Editörün sağ üstündeki Denetçiyi Aç simgesine tıklayın.
- Arka Plan Kaplaması altındaki Desen Kaplaması Uygula geçiş düğmesini etkinleştirin.
- Mevcut desenlere göz atın. Kaplama olarak eklemeyi düşündüğünüz bir desene tıklayın ve arka plana nasıl uygulandığını görün.
Bölüm arka planına kaydırma efekti ekleme
Arka plan kaydırma efektleri, ziyaretçiler sitede yukarı ve aşağı kaydırırken bölümlere hareket hissi katar. Aralarından seçim yapabileceğiniz çok sayıda efekt (ör. Paralaks, 3D, Zoom In) vardır ve bunların tümü müşterinizin içeriğini öne çıkarabilir.
Not:
Mevcut kaydırma efektleri, bölüm için seçtiğiniz arka plan türüne bağlı olarak değişir.
Bir arka plan kaydırma efekti eklemek için:
- Bir sayfa bölümü seçin.
- Arka Plan Kaydırma Efektleri simgesine
tıklayın.
- Listeden bir efekt seçin.
Bu içerik yardımcı oldu mu?
|