Widget'lar, bir sitenin temel yapı taşlarıdır ve içeriği etkili bir şekilde eklemenize ve yönetmenize olanak tanır. Web sitenizin hem işlevselliğini hem de tasarımını geliştiren temel unsurlar olarak hizmet ederler. Çeşitli widget türlerini bir araya getirerek dinamik ve ilgi çekici bir kullanıcı deneyimi oluşturabilirsiniz.
Widget'ı nasıl ekleyebileceğiniz aşağıda açıklanmıştır:
Widget kitaplığından widget eklemek için:
-
-
Widget'lar, üstteki arama çubuğu kullanılarak veya kütüphanedeki farklı bölümler arasında gezinilerek aranabilir.
-
-
Widget'ı tıklayın ve sitede istediğiniz konuma sürükleyin. Mavi bir yerleştirme göstergesi görünür.
-
Widget, mavi yerleştirme göstergesi tarafından gösterilen konumda görünür.
Bir widget'ı sitenize sürükleyip bırakırken, mavi yerleştirme göstergesindeki metne dikkat edin:
-
Buraya ekle. Widget mevcut bir satıra veya sütuna eklenecektir.
-
Yeni satıra ekleyin. Yeni bir satır eklenecek ve widget bunun içine yerleştirilecektir.
-
Yeni sütuna ekleyin. Yeni bir sütun eklenecek ve widget bunun içine yerleştirilecektir.
Tuvalden widget eklemek için:
-
Herhangi bir widget'a sağ tıklayın ve geçerli widget'ın hemen altına widget eklemek için bağlam menüsünde Aşağıya widget ekle öğesini seçin.
-
Bir sütuna sağ tıklıyorsanız, Ekle'ye tıklayın ve aşağıdaki Widgetekle'yi seçin
(Klasik, Flex modu ve editör 2.0 için geçerlidir)
-
-
En popüler dört widget'tan birini seçin veya tam menüyü açmak için Daha fazla widget 'a tıklayın. Widget'ı ekledikten sonra, her zamanki gibi düzenleyebilirsiniz.
-
Yüzen menüdeki artı + simgesine tıklayın.
-
Bir sütuna sağ tıklıyorsanız, Ekle 'ye tıklayın ve aşağıda widget Ekle'yi seçin.
Sitenizin içeriğini, görünümünü ve düzenini ayarlamak için widget'ları özelleştirebilirsiniz. Widget'ları düzenlemek, sitenizin hangi özelliklere sahip olduğu ve bu özelliklerin nasıl davrandığı üzerinde daha fazla kontrol sahibi olmanızı sağlar.
Çoğu widget'ın tasarımının yanı sıra içeriği için de bir alanı vardır.
Düzenleyicideki çoğu widget, widget'ın görünümünü siteniz için özelleştirmenizi sağlayan tasarım seçeneklerine sahiptir. Tüm widget'lar aynı seçeneklere sahip değildir. Örneğin, bazı widget'lar iç aralığı düzenlemenize izin vermezken, diğerleri dış aralığı değiştirmenize izin vermez.
Aşağıdakiler yaygın tasarım ayarlarıdır.
Düzen seçenekleri genellikle belirli widget'lara özgüdür. Söz konusu widget için mevcut olan düzen seçenekleri arasından seçim yapmak için Tasarım Düzenleyicisinde görünen düzene tıklayarak (veya yanındaki küçük oka tıklayarak) Düzen Seç menüsünü açın. Seçili düzeni değiştirmek için, bunun yerine kullanmak istediğiniz düzene tıklayın; widget'ta güncellenecektir.
Tasarım sekmesindeki örnek düzen bölümü :
-
Renk. Renk seçiciyi açmak ve rengi değiştirmek için ayar adının sağındaki yuvarlak renk simgesine tıklayın.
-
Sınır. Kaydırıcıyı veya metin kutusunu kullanarak kenarlığın genişliğini değiştirin. Dişli simgesine tıklayın (
) daha fazla seçenek için.
-
Arka plan. Görüntü Seç ve Yerleştir iletişim kutusunu veya bir video URL'sini kullanarak bu widget için bir arka plan görüntüsü veya rengi kullanın.
-
Genişlik ve Yükseklik. Piksel sayısını değiştirmek için kaydırıcıyı veya metin kutusunu kullanın.
-
Yuvarlatılmış Köşeler. Bir widget üzerindeki yuvarlatılmış köşeleri artırın veya azaltın. Dişli simgesine tıklayın (
) daha fazla seçenek için.
-
Gölgeler. Bu widget için gölgeyi açar veya kapatır.
-
Metin. Yazı tipi ailesi, yazı tipi ağırlığı vb. gibi metnin çeşitli özelliklerini ayarlayın.
Bir düğme içeren pencere öğeleri, düğmenin tema panelinde tanımlanan birincil veya ikincil düğme stilini devralmasını seçme olanağı sunacaktır. Ayrıca, farklı düğme düzenleri arasından seçim yapabilir, düğme stilinde (genişlik, yükseklik) ve düğme metninde (yazı tipi, metin boyutu) düzenlemeler yapabilir ve iç ve dış boşlukları ayarlayabilirsiniz.
Tasarım düzenleyicisinde yaptığınız tüm değişiklikler, tema düğmesi düzeyinde ayarlanan stilleri geçersiz kılacaktır. Tema düğmesi stiline geri dönmeniz gerekiyorsa Tema stiline sıfırla'ya tıklayın.
-
Düğmede değişiklik yapılırsa (tema düğmesi düzeyinde ayarlanan stilleri geçersiz kılacak şekilde), Birincil veya İkincil düğme stilinde yine bir gösterge kutusu olacaktır.
-
Gösterge kutusu olmayan düğme stili tıklanırsa, düğmeyi tema düğmesi düzeyinde ayarlanan stile sıfırlayacaktır.
İç aralığı (widget kenarlarının içindeki aralık) ve dış aralığı (widget kenarlarının dışındaki aralık) değiştirin. Dış kutudaki her sayı kendi tarafı için (üst, alt, sol veya sağ) dış aralığı ayarlar ve iç kutudaki her sayı kendi tarafı için (üst, alt, sol veya sağ) iç aralığı ayarlar.
Ayrıntılı bilgi için Dış ve İç Aralıklarbölümüne bakın
Giriş animasyonları, widget'ları ve sayfa widget'larını sitenize ilk yüklendiklerinde canlandırmanıza olanak tanır. Hareket ve etkileşim sitenizin daha akılda kalıcı olmasını sağlar ve ziyaretçilerin odaklanmasını istediğiniz telefon numarası veya iletişim düğmesi gibi bölümleri vurgulayabilir.
Ayrıca, Kaydırma ayarlarını kullanarak animasyonun ekranda nerede başlayıp nerede biteceğini kontrol edebilirsiniz.
Bir animasyon eklemek için:
-
Animasyon bölümüne gidin.
-
Bir tetikleyici ve Animasyon seçin.
-
(İsteğe bağlı) Animasyonu özelleştirin. Örneğin, girdiği yön.
Örnek animasyon kurulumu:
Animasyonu sıfırlamak için Varsayılana Sıfırla'ya tıklayın.
Kaydır animasyonunu kullanıyorsanız, editörde çalışırken tüm animasyonları duraklatmak için yan panelde Animasyonu Duraklat 'a tıklayabilirsiniz. Animasyon canlı olarak site adresinde ve önizleme modunda kalacaktır.
Not
Masaüstü veya tablet ekran boyutları için ayarlanan animasyonlar bağlantılıdır ve aynı olacaktır. Ancak, mobil ayrıdır ve masaüstü ve tablet için yapılandırılan animasyonlar uygulanmayacaktır.
Giriş animasyonları eklerken aşağıdakileri aklınızda bulundurun:
-
Çok fazla animasyon kullanıcıları şaşırtabilir veya dikkatini dağıtabilir, bu yüzden onları dikkatli olarak kullanın.
-
Bir animasyonu kaldırırken, animasyonların widget'ların yanı sıra satırlara da uygulanabileceğini unutmayın, bu nedenle gördüğünüz animasyon beklenmedik bir yere eklenmiş olabilir.
Widget'ın alanının soluna mı, sağına mı yoksa ortasına mı hizalanacağını ayarlayın.
Bazı widget'lar farklı görünümlerde çok farklı davranır. Widget'ınızın doğru görüntülendiğinden emin olmak için ekledikten sonra her görünümde görüntülenme şeklini kontrol edin.
Hizalamayı ayarlamak için widget'a sağ tıklayın ve Sola Hizala, Ortaya Hizala veya Sağa Hizala simgelerinden birine tıklayın.
Bir widget kopyalanabilir ve başka bir konuma yapıştırılabilir. Yapıştır seçeneği yalnızca kopyalanmış bir widget'ınız varsa görünür.
Widget'a sağ tıklayın ve Kopyala veya Yapıştır'a tıklayın.
Uyarı
İletişim formlarının kopyalanıp yapıştırılmasını önermiyoruz, çünkü bu genellikle çoğaltılan iletişim formunda sorunlara neden olur.
Ziyaretçinizin web sitenize erişmek için kullandığı cihaza bağlı olarak içeriğinizi değiştirmek için cihaza göre gizle özelliğini kullanın. Örneğin, mobil kullanıcılar için bir tıkla ve ara widget'ı veya masaüstü kullanıcıları için bir iletişim formu gösterin.
Cihazda Gizle özelliği tarafından gizlenen widget'lar silinmez.
widget adresine sağ tıklayın, Cihazda Gizle'ye tıklayın, bir cihaz seçin. Yan panelde bir göz simgesi varsa bu, düzenlemekte olduğunuz cihazda gizli öğeler olduğunu gösterir. Gizli öğeleri görüntülemek için göz simgesine tıklayın.
Anchor link'ler, ziyaretçileri sayfanın belirli bir bölümüne göndermenize olanak sağlayarak, daha uzun bir sayfada veya referans almak istediğiniz belirli bir bölüme bir yerden bir yere ulaşmalarını kolaylaştırır.
Widget'a sağ tıklayın ve Bağlantı Olarak Ayarla'ya tıklayın.