Anahat paneli, dokümanınızdaki öğe ve klipleri ağaç görünümünde sunar. Pencere menüsünde Anahat panelini açın.
Anahat'ın öğeler listesi, sahnedeki öğelerle aynı işleve sahiptir. Örneğin, Anahat'taki öğeleri seçmek için öğeleri tıklayabilir, bu öğeye özgü komutların pop-up menüsünü görmek için öğeleri sağ tıklayabilir ve iletişim kutusunu açmak için düzenleme iletişim kutusuna sahip bileşenleri çift tıklayabilirsiniz.
Kuruluş
Anahat paneli, sayfaları olan HTML dokümanları ve HTML5 reklamlar için tüm öğeleri dokümandaki her sayfanın altında görünecek şekilde düzenler. Grup düzenleme modundayken yalnızca gruptaki öğeleri görürsünüz.
Anahat, varsayılan olarak öğeleri Gelişmiş mod zaman çizelgesindeki katmanlarla aynı sırada listeler. Tasarım görünümü tercihlerinizde DOM sıralamasına geçebilirsiniz.
Öğeleri genişletme veya daraltma: İç içe yerleştirilmiş öğeleri göstermek veya gizlemek için Anahat'taki ilgili öğenin yanında bulunan oku tıklayın.
İç içe yerleştirilmiş tüm öğeleri genişletme veya daraltma: Bir öğenin altında listelenen tüm öğeleri genişletmek veya daraltmak için ilgili öğenin yanındaki oku çift tıklayın. Ctrl (Windows) veya ⌘ ya da Alt (Mac) tuşunu basılı tutarken oku tıklayarak da aynı etkiyi elde edebilirsiniz.
Öğeleri yeniden sıralama: Bir öğeyi listede olmasını istediğiniz yere sürükleyin. Öğenin taşınacağı yerde sarı bir çizgi görünür. Bir alt öğeyi farklı bir üst öğeye de sürükleyebilirsiniz.
Öğeleri iç içe yerleştirme: Bir öğeyi yeni üst öğenin üzerine sürükleyerek başka bir öğenin içine yerleştirebilirsiniz. Potansiyel üst öğenin etrafında sarı bir kutu görünür.
Seçim
Herhangi bir öğe seçildiğinde hem sahnede, hem Gelişmiş mod zaman çizelgesinde hem de Anahat'ta güncellenir. Yani bir öğeyi bu yerlerden birinde seçtiğinizde, öğe diğer yerlerde de seçilmiş olur. Google Web Designer, gerektiğinde iç içe yerleştirilmiş öğelerin içindeki farklı düzeylere veya farklı sayfalara geçiş yapar. Geçerli üst öğenin etiketi sarı renkte gösterilir.
Tek bir öğe seçme: Seçmek istediğiniz öğeyi tıklayın.
Birden çok öğe seçme: Aynı üst öğeyi paylaşıyorlarsa birden çok öğe seçebilirsiniz.
- Seçime eklemek istediğiniz öğeleri tıklarken Ctrl (Windows) veya ⌘ (Mac) tuşunu basılı tutun.
- Ardışık öğeleri seçmek için önce ilk öğeyi tıklayın, ardından son öğeyi tıklarken Üst Karakter tuşunu basılı tutun.
Bir öğenin seçimini kaldırma: Seçimden kaldırmak istediğiniz öğeyi tıklarken Ctrl (Windows) veya ⌘ (Mac) tuşunu basılı tutun.
Bir öğenin içinde gezinme: Geçerli üst öğe olması amacıyla bir öğenin içine gitmek için söz konusu öğeyi çift tıklayın. Mevcut alt öğeleri düzenleyebilir veya yeni öğeleri üst öğenin altına iç içe yerleştirebilirsiniz. Öğe, düzenleme iletişim kutusuna sahip bir bileşense çift tıkladığınızda iletişim kutusu açılır.
Öğe türü ve durumu
Her öğe için Anahat'ta öğenin türünü gösteren bir simge ile birlikte öğenin kimliği, adı veya varsa metin içeriği gösterilir. Anahat, aşağıdaki durum simgelerini de görüntüler:
- Bir öğede dinamik veri bağlama olduğu elmas simge ile belirtilir.
- Kılavuz çizgi katmanları, kılavuz çizgi katmanını normal bir öğeye geri dönüştürmek için tıklayabileceğiniz bir simgeyle gösterilir.
- Gizli ve kilitli öğeler durum simgeleriyle belirtilir. Bu simgeleri tıklayarak öğenin gösterilmesini sağlayabilir veya kilidini açabilirsiniz. Öğeyi gizlemenize veya kilitlemenize olanak tanıyan simgeleri görmek için fareyle görünür veya kilidi açık öğenin üzerine gelin.
Öğe türlerine ait simgeler
Sayfalar
Birincil sayfa | |
Sayfa |
Öğeler
Grup | |
Div | |
Resim | |
amp-img (AMP dokümanında bulunan resim) | |
Video öğesi | |
Metin kapsayıcı | |
Numaralı liste | |
Madde işaretli liste | |
Bağlantı |
Şekiller
Yol (Kalem aracıyla çizilir) | |
Dikdörtgen | |
Oval | |
Çizgi |
Bileşenler
Hareket bileşeni | |
Resim Düğmesi bileşeni | |
Paralaks bileşeni | |
Dokunma Alanı bileşeni | |
Telefon Etmek / Mesaj Göndermek için Dokunma bileşeni | |
360° Galeri bileşeni | |
Atlı Karınca Galeri bileşeni | |
Galeri Gezinme bileşeni | |
Kaydırılabilir Galeri bileşeni | |
Geçiş Galerisi bileşeni | |
amp-carousel bileşeni | |
Ses bileşeni | |
Video bileşeni | |
YouTube bileşeni | |
3D Model Görüntüleyici bileşeni | |
Resim Efekti bileşeni | |
Tanecik Efektleri bileşeni | |
Model Sayfası bileşeni | |
Helezon bileşeni | |
Düğme bileşeni | |
Onay Kutusu bileşeni | |
Açılır Menü bileşeni | |
Etiket bileşeni | |
Sayı Girişi bileşeni | |
Radyo Düğmesi bileşeni | |
Kaydırma Çubuğu bileşeni | |
Metin Alanı bileşeni | |
Takvime Ekle bileşeni | |
Tarih Değişikliği bileşeni | |
Harita bileşeni | |
Street View bileşeni | |
iFrame bileşeni | |
Yıldız Puanı bileşeni |
Arka plan öğeleri
Dikdörtgen arka plan şekli | |
Oval arka plan şekli | |
Poligon arka plan şekli |
Klipler
Ses klibi | |
Video klip veya resim klibi |
Durum simgeleri
Dinamik veya varyant bağlama içeriyor | |
Kılavuz çizgi katmanı | |
/ | Gizli/Gösterilen (fareyle üzerine gelindiğinde görüntülenir) |
/ | Kilitli/Kilidi Açık (fareyle üzerine gelindiğinde görüntülenir) |
Filtreleme
Anahat'ta gördüğünüz öğelerin listesini filtreleyebilirsiniz. Bir öğe bir filtreyle eşleşirse, eşleşen öğenin doküman yapısında nerede olduğunu görebilmeniz için üst öğe ve diğer üst öğeler de görüntülenir.
Anahat panelinin üst kısmında bulunan büyütecin yanındaki alanı tıklayıp öğe kimliği, ad özelliği değeri veya etiket adının bir kısmını yazarak öğeleri filtreleyin. Metin öğeleri, metin içeriğine dayalı olarak da eşleşir. Bir öğenin adını girerseniz bu öğeyi kullanan bileşenler eşleşir.
Ayrıca öğe türü filtreleri de kullanabilirsiniz.
Öğe türü filtreleri
Anahat, metin veya şekiller gibi yalnızca belirli öğe türlerini gösterecek filtreler içerir. Panelin üst kısmında, Anahat'ta görmek istediğiniz öğe türlerine ait simgeleri tıklayın. Birden çok öğe türü filtresi etkin olduğunda, etkin filtrelerin herhangi biriyle eşleşen öğeleri görürsünüz.
Öğe türü filtresi simgeleri
Resimleri ve videoları göster | |
Bileşenleri göster | |
Metni göster | |
Şekilleri göster |