Element seçme

Düzenleme Aracı ile düzenlemenin ilk adımı, değiştirmek istediğiniz elementi seçmektir. Bu rehber, elementleri hassas ve verimli bir şekilde nasıl seçeceğinizi gösterir.

Düzenleme Aracı ile düzenlemenin ilk adımı, değiştirmek istediğiniz elementi seçmektir. Bu rehber, elementleri hassas ve verimli bir şekilde nasıl seçeceğinizi gösterir.

Seçim Modunu Etkinleştirme

Elementleri seçmeden önce:

  1. Önizlemeli bir projenizin açık olduğundan emin olun
  2. Araç çubuğundaki Düzenleme Aracı butonuna tıklayın
  3. İmleç, Düzenleme Modunun aktif olduğunu gösterecek şekilde değişir

Nasıl Seçilir

Temel Seçim

  1. Elementlerin üzerine gelin - mavi kenarlıkla vurgulanırlar
  2. Düzenlemek istediğiniz elemente tıklayın
  3. Element artık seçildi ve düzenleme paneli görünür

Görsel Geri Bildirim

Üzerine geldiğinizde:

  • Elementler mavi vurgu kenarlığı gösterir
  • Element türü görüntülenir (örn. "Buton", "Görsel", "Başlık")

Seçildiğinde:

  • Element etrafında sabit kenarlık görünür
  • Düzenleme paneli yan tarafta açılır

Farklı Element Türlerini Seçme

Metin Elementleri

Şunlara doğrudan tıklayın:

  • Başlıklar (h1, h2, h3...)
  • Paragraflar
  • Linkler
  • Buton metni
  • Liste öğeleri

Görseller

Herhangi bir görsele tıklayarak:

  • Yeni bir görsel ile değiştirin
  • Görsel özelliklerini görün

Konteynerler

Bazı elementler başkalarını içerir. Dikkatli tıklayın:

  • Sadece metni seçmek için metne tıklayın
  • Konteyneri seçmek için bölüm içindeki boş alana tıklayın

Butonlar

Butonlar seçilerek:

  • Buton metnini düzenleyin
  • Buton stillerini (renk, boyut vb.) değiştirin

Seçim İpuçları

Hassas Olun

Üzerine geldiğinizde vurgulanan element tıkladığınızda seçilecek olan elementtir. Tıklamadan önce doğru olduğundan emin olun.

Küçük Elementler İçin Yakınlaştırın

Elementler kolayca seçilemeyecek kadar küçükse:

  1. Cihaz önizleme seçeneklerini kullanın
  2. Daha büyük elementler için masaüstü görünümünü deneyin

Etikete Bakın

Üzerine geldiğinizde, amaçladığınızı seçtiğinizi doğrulamak için element etiketini kontrol edin.

İç İçe Elementlerle Çalışma

Web siteleri elementlerin içinde elementler (iç içe geçme) içerir. Örneğin:

Bölüm
  └── Konteyner
       └── Kart
            └── Başlık
            └── Paragraf
            └── Buton

İç İçe Elementleri Seçme

  • Düzenlemek istediğiniz en içteki elemente tıklayın
  • Örneğin, buton metnini düzenlemek için doğrudan butona tıklayın

Üst Elementleri Seçme

Bazen bir üst konteyner seçmek istersiniz:

  1. Önce herhangi bir alt elemente tıklayın
  2. Düzenleme panelinde "Üst Elementi Seç" seçeneğini arayın
  3. Veya üst elementin içindeki boş alana tıklayın

Elementlerin Seçimini Kaldırma

Mevcut elementin seçimini kaldırmak için:

  • Önizlemede boş alana tıklayın
  • Escape tuşuna basın
  • Düzenleme panelindeki X'e tıklayın

Seçim Sorun Giderme

Element Seçilemiyor mu?

Bazı elementler şunlar olabilir:

  • Diğer elementler tarafından üst üste binmiş
  • Çok küçük - yakınlaştırmayı deneyin
  • Dinamik olarak oluşturulmuş - bazı elementler hover'da görünür

Yanlış Element mi Seçildi?

  1. Seçimi kaldırmak için başka bir yere tıklayın
  2. Doğru elementi bulmak için dikkatli bir şekilde gelin
  3. Doğru element vurgulandığında tıklayın

Element Vurgulanmıyor mu?

  • Düzenleme Modunun etkin olduğundan emin olun
  • Önizlemeyi yenileyin
  • Düzenleme Modunu devre dışı bırakıp yeniden etkinleştirmeyi deneyin

En İyi Uygulamalar

Düzenlemelerinizi Planlayın

Seçmeden önce neyi değiştirmek istediğinizi bilin. Bu, süreci hızlandırır.

Bölüm Bölüm Çalışın

Başka bir alana geçmeden önce bir alandaki tüm elementleri düzenleyin.

Çalışmanızı Kontrol Edin

Düzenledikten sonra, seçimi kaldırın ve değişikliklerinizi önizlemede görüntüleyin.