Wix Editör: Etkileşim Kutunuzu Özelleştirme
6 dakikalık okuma
İstediğiniz gibi görünmesini sağlamak için Etkileşim kutunuzu özelleştirin. Etkileşim kutusunun etrafındaki sayfayı kaplamak için bir kaplama seçebilir, etkileşim kutusunun konumunu ayarlayabilir ve markanıza özel bir tasarım oluşturmak için arka planı değiştirebilirsiniz.
Bu makalede öğrenecekleriniz:
Bir etkileşim kutusunun düzenini ayarlama
Etkileşim kutusunun sayfanızda nerede görüntüleneceğini ayarlayın. Sayfanın görünmesi gereken bir köşe seçebilir ve etkileşim kutusunun ekranın kenarlarından uzaklığını (offset) ayarlayabilirsiniz.
Etkileşim kutunuzun düzenini seçmek için:
- Menüler ve Sayfalar panelinden İlgili etkileşim kutusunu açın.
- Etkileşim kutusuna tıklayın.
- Düzen simgesine
tıklayın. - Düzeni nasıl ayarlamak istediğinizi seçin:
- Konumu ayarlama: Sayfada etkileşim kutunuzun konumunu seçin.
- Yatay ofset: Kutuyu ekranın soluna veya sağına taşıyın.
- Dikey ofset: Kutuyu ekranda yukarı veya aşağı hareket ettirin.
Etkileşim kutusu kaplamasını değiştirme
Yer paylaşımınız, sitenizin geri kalanını engelleyen ışık kutusunun etrafındaki boşluktur. Bu, ziyaretçilerin etkileşim kutunuzun mesajına odaklanmasına yardımcı olur. Bindirmeniz için bir renk, görüntü veya video arka planı seçebilir ve gerektiği gibi ayarlayabilirsiniz.
Kaplamayı değiştirmek için:
- Menüler ve Sayfalar panelinden İlgili etkileşim kutusunu açın.
- Kaplamaya (etkileşim kutunuzun etrafındaki boşluk) tıklayın.
- Kaplama Arka Planını Değiştir'e tıklayın.
- Etkileşim kutunuzda istediğiniz kaplama türünü seçin:
- Renk veya Gradyan: Renk Seçici'den bir renk seçmek için Renk'e tıklayın veya çarpıcı bir gradyan ekleyip ayarlayın. Nasıl gradyan ekleyebileceğinizi ve ayarlayabileceğinizi öğrenmek için buraya tıklayın.
- Görüntü: Wix'ten veya Shutterstock'tan kendi görüntünüzü seçin.
- Video: Ücretsiz bir Wix videosu seçin veya kendi videonuzu yükleyin.
- (İsteğe bağlı) Kaplamayı beğeninize göre ayarlamak için Ayarlar'a tıklayın.
İpucu:
Ziyaretçilerinizin etkileşim kutusunun arkasındaki sayfayı görebilmesi ama engellendiğini anlaması için yer paylaşımınızı biraz şeffaf yapmanızı öneririz.
Notlar:
- Etkileşim kutunuzun kaplamasını sitenizin mobil sürümünde düzenleyemezsiniz.
- Masaüstüne renk veya görüntü kaplaması eklerseniz, bu otomatik olarak mobil sitenize uygulanır. Ama bir video kaplaması eklerseniz, bu video sitenizin mobil sürümünde hareketsiz bir görüntüye dönüşür.
Etkileşim kutusu arka planını ayarlama
Etkileşim kutunuzda bir renk, görüntü veya video arka planı olup olmayacağına karar verin. Seçtiğiniz türe bağlı olarak görünürlük ve ölçekleme gibi ayarları da yapabilirsiniz.
Etkileşim kutunuza arka plan seçmek için:
- Menüler ve Sayfalar panelinden İlgili etkileşim kutusunu açın.
- Etkileşim kutusuna tıklayın.
- Tasarım simgesine
tıklayın. - Etkileşim kutunuz için istediğiniz arka plan türüne tıklayın:
- Renk veya Gradyan: Renk Seçici'den bir renk seçmek için Renk seçeneğine tıklayın veya havalı bir gradyan ekleyin.
- Görüntü: Wix'ten veya Shutterstock'tan kendi görüntünüzü seçin.
- Video: Ücretsiz bir Wix videosu seçin veya kendi videonuzu yükleyin.
- (İsteğe bağlı) Kaplamayı beğeninize göre ayarlamak için Ayarlar'a tıklayın.
Etkileşim kutusunu özelleştirme Kapat düğmesi
Ziyaretçilerin etkileşim kutunuzu kapatmak için tıkladığı düğmenin görünümünü ve düzenini ayarlayın. Metni seçebilir, düğme metninin hizalamasını ayarlayabilir ve göze çarpmasını sağlamak için Normal ve Hover görünümleri için tasarımını özelleştirebilirsiniz.
Düğme metnini düzenlemek ve hizalamak için:
- Menüler ve Sayfalar panelinden İlgili etkileşim kutusunu açın.
- Düğmeye tıklayın.
- Düğmede görünen metni değiştirin:
- Metni Değiştir seçeneğine tıklayın.
- Metni alana girin.
- Klavyenizdeki Enter tuşuna basın.
- Düğmedeki metin hizalamasını ayarlayın:
- Düzen simgesine
tıklayın.
- Metnin nasıl hizalanacağını seçin; düğmenin soluna, ortasına veya sağına.
- Düzen simgesine
Etkileşim Kutusu'nu Kapat düğmesini tasarlamak için:
- Menüler ve Sayfalar panelinden İlgili etkileşim kutusunu açın.
- Düğmeye tıklayın.
- Tasarım simgesine
tıklayın.
- Bir tasarım seçin ve daha fazla tasarım değişikliği yapmak için Tasarımı Özelleştir'e tıklayın.
- Üst kısımdaki ön ayarlardan birine tıklayın.
- Tasarımı hangi duruma göre ayarlamak istediğinizi seçin:
- Normal: Bir ziyaretçi onunla etkileşime geçmeden önce düğmenin nasıl göründüğüdür.
- Hover: Bir ziyaretçi imleci üzerine getirdiğinde düğmenin nasıl göründüğüdür.
- Seçenekleri kullanarak tasarımı özelleştirin:
- Dolgu rengi ve opaklık
: Düğme için bir arka plan rengi seçin ve görünürlüğünü ayarlayın.
- Kenarlık
: Etkileşim kutunuzla kontrast oluşturmak için düğmeye kenarlıklar ekleyin. Bir renk seçin ve genişliği istediğiniz kadar büyük veya küçük olacak şekilde ayarlayın. - Köşeler
: Düğmenizin köşelerinin nasıl görünmesini istediğinizi seçin. Her köşeyi farklı ayarlayabilir ve onları daha yuvarlak veya daha kare yapabilirsiniz. - Gölge
: Etkileyici 3D efekti katmak için düğmenize gölgeler ekleyin. Daha fazla etki sağlamak için boyutu, görünürlüğü, açıyı ve daha fazlasını ayarlayabilirsiniz. - Metin
: Yazı tipi, boyut ve boşluk gibi ayarlarla düğmenizin metnini özelleştirin. Ayrıca kalın ve italik gibi biçimlendirme ekleyebilir ve rengi seçebilirsiniz.
Not:
Kullanılabilir özelleştirme seçenekleri şunlara bağlıdır:
- Seçtiğiniz tasarım ön ayarı.
- Tasarlamayı seçtiğiniz durum (normal veya hover).
X simgesini özelleştirme
Bir X (etkileşim kutusunu kapat) simgesini etkinleştirdiyseniz, görünümünü etkileşim kutunuza ve kaplamanın estetiğine uyacak şekilde ayarlayın. Bir dizi tasarım arasından seçim yapın ve rengi, görünürlüğü ve sınırı özelleştirin.
X simgesini özelleştirmek için:
- Menüler ve Sayfalar panelinden ilgili etkileşim kutusunu açın.
- Etkileşim Kutusunu Kapat (X) simgesine tıklayın.
- Tasarım simgesine
- X simgenizi nasıl özelleştirmek istediğinizi seçin:
- Yeni bir tasarım seçin: Simge için yeni bir tasarım ayarlamak üzere panelden bir ön ayara tıklayın.
- Simgeyi özelleştirin: Tasarımı Özelleştir'e tıklayın ve simgeyi istediğiniz gibi düzenleyin:
- Dolgu rengi ve opaklığı: Renk seçiciden simgenin rengini seçin ve az çok görünür kılmak için kaydırıcıyı kullanın.
- Kenarlık: Simge kenarlığı için bir renk seçin ve genişliğini (piksel olarak) ayarlayın.
Bu içerik yardımcı oldu mu?
|