Bu makale, editör alanlarını ve bölüm, satırlar, sütun, iç satırlar ve widget hizalamasının nasıl ekleneceğini ve yapılandırılacağını kapsar.
Editör birkaç alana ayrılabilir.
Düzenleyicide önceden tanımlanmış birkaç bölüm vardır: üst gezinme çubuğu, yan panel, merkezi içerik alanı (genellikle düzenleyici tuvali olarak adlandırılır). Bu bölümler, kullanıcının vizyonuna göre web siteleri oluşturmak için temel oluşturur.
Üst gezinti çubuğu, farklı site eylemleri için yararlı kısayollar içerir.
Üst gezinme çubuğu şunları yapmanızı sağlar:
-
Sayfa Navigasyonu: Sitenizdeki mevcut tüm sayfaları görüntüleyen bir açılır menüye erişmek için sayfalar menüsüne tıklayın. Bu menüden seçerek sayfalar arasında gezinebilirsiniz.
-
Cihaz simgelerine tıklayarak farklı ekran boyutu görünümleri (kesme noktaları olarak da adlandırılır) arasında geçiş yapın. Bu, mevcut sayfanızın masaüstünden tablete ve mobil cihazlara kadar çeşitli ekran boyutlarında nasıl göründüğünü önizlemenizi sağlar. Daha fazla bilgi için Ekran Boyutları ve Cihazlar bölümüne bakın.
-
Arama İşlevselliği: Editör içinde ihtiyacınız olan herhangi bir şeyi aramak için büyüteç simgesine tıklayın veya yardım için yardım merkezine erişin.
-
Bilgi ve Araçlar: Aşağıdaki bilgilere erişmek için bilgi simgesine tıklayın:
-
Site Bilgisi. Site adını, yayınlanma durumunu, düzenleyici sürümünü ve site kontrol paneline bir bağlantı görüntüler.
-
Önizleme Bağlantısı. Site için önizleme bağlantısını görüntüler. Bağlantıyı kopyalamak için cihaz türünü seçin ve Kopyala'ya tıklayın.
-
İstatistikler. Site için temel istatistikleri görüntüler. Daha fazla bilgi görmek için İstatistikleri Aç'a tıklayın. Bu bilgi yalnızca yayınlanmış siteler için mevcuttur. Daha fazla bilgi için Site İstatistikleri ve Analizleri bölümüne bakın.
-
Editör Dili. Editör dilini değiştirin. Bu durum sitenin dilini etkilemez. Editör dilini değiştirmek için açılır menüden bir dil seçin.
-
-
Kaydetme İlerleme Göstergesi: Onay işareti simgesi, mevcut site ilerlemenizin ve değişikliklerin başarıyla kaydedilip kaydedilmediğinin bir göstergesi olarak hizmet eder.
-
Geri Al veya Yinele: Düzenleyicide gerçekleştirilen son eylemleri geri almak veya yeniden uygulamak için geri ve ileri daire oklarıyla temsil edilen geri alma ve yineleme işlevlerini kullanabilirsiniz.
-
Geliştirici Modu: Uygun simgeye tıklayarak geliştirici moduna girin. Bu mod, sitenizin HTML ve CSS koduna erişmenizi ve bunları değiştirmenizi sağlar.
-
Değişiklikleri Önizleyin: Yayınlanmamış değişiklikler de dahil olmak üzere sitenizi tüm cihazlarda veya tek tek cihaz ekran boyutlarında önizlemek için göz simgesine tıklayın.
-
Yayınla veya Yeniden Yayınla: Sitenizi en son değişikliklerle yayınlamak için yayınla veya yeniden yayınla düğmesini kullanın.
-
Ana Sayfa Düğmesi: Site kontrol panelinize dönmek için ana sayfa simgesine tıklayın.
Yan panel, site'unuzun Tasarım ve işlevselliğinin çeşitli yönlerini yönetmek için kapsamlı bir araç seti görevi görür.
Aşağıda yan panelde bulunan varsayılan seçenekler yer almaktadır:
-
Ekle. Bu öğeden widget, Medya ve site Metnini tuval üzerine kolayca sürükleyip bırakabilirsiniz.
-
Sayfalar. Sayfaları ve açılır pencereleri ekleyin, görüntüleyin ve yönetin.
-
Tema. site adresinizdeki tüm metinler, renkler, düğmeler, resimler, arka planlar, satırlar, sütun, düzen, genişlik ve boşluklar için varsayılan stilleri ve ayarları tanımlayın.
-
İçerik. Müşterilerden toplanan koleksiyonları ve içeriği yönetin.
-
SEO. Sayfalar, resimler, iç ve dış bağlantılar ve daha fazlası için SEO ayarlarını yönetin.
-
Daha fazla. Blog, Mağaza, Kişiselleştirme, Ayarlar ve site Panosuna erişim sağlar.
Blog veya Mağazayı yükledikten sonra, kolay ve hızlı erişim için yan panelinize eklendiklerini unutmayın.
İçerik Alanı / Tuval, özelliklerimizden herhangi birini taşıyabileceğiniz veya ekleyebileceğiniz ya da bunları değiştirmek için tıklayıp düzenleyebileceğiniz yerdir. İçerik alanı resimleri, metinleri değiştirmenize, düğmeleri düzenlemenize ve silmenize ve daha fazlasına olanak tanır.
Web sitesi Oluşturucu, bir başlık, alt bilgi, satırlar, bölüm ve sütundan oluşturulur. Eklediğiniz her widget bu bölümlerden birine yerleştirilir.
Satırlar, sitenizin yatay bölümleridir. Sitenize widget'lar ve sütunlar eklediğinizde, bunlar bu satırların içine yerleştirilir. İçeriğin mobil görünümde görüntülenme şeklini değiştirmek için satır düzenleyicide sütun sırasını tersine çevir seçeneğine tıklayın.
Widget'ları siteye sürükleyerek sitenize satır ekleyebilirsiniz. Bir widget'ı satırlar arasına veya satır eklemek istediğiniz bir alana sürüklediğinizde, widget'ı bıraktığınızda yeni bir satır oluşturulur.
Bir satırı silmek için, bağlam menüsünü açmak üzere satır üzerinde herhangi bir yere sağ tıklayın ve ardından Sil'e tıklayın. Alternatif olarak, satırın sol üst köşesindeki Satır düğmesine tıklayın ve Sil'e tıklayın.
Satırları düzenleme ve düzenleme hakkında ayrıntılı bilgi için Satır Düzenleyici bölümüne bakın.
Satırın arka planını (renk veya resim) değiştirmek, bir kenarlık eklemek veya satırın iç ve dış aralığını ayarlamak için Satır düzenleyicisini kullanın. Sitenizdeki içeriği organize etmek ve düzenlemek için satırları kullanın.
Satırları yapılandırmak için, bir satır düğmesi görünene kadar satırın sol üst kısmının üzerine gelin ve Satır'a tıklayın. Satır edötürü menüsü görüntülenir.
Aşağıdaki yapılandırma seçeneklerine sahipsiniz:
-
Geçerli satırı yukarı veya aşağı taşımak için Satırı yukarı taşı ve Satırı aşağı taşı oklarına tıklayın.
-
Ekle' ye tıklayın ve aşağıdakilerden birini seçin:
-
Yukarıdaki sıra. Geçerli satırın üzerine yeni bir satır ekleyin.
-
Alttaki sıra. Geçerli satırın altına yeni bir satır ekleyin.
-
Bölüm. Mevcut satıra bir bölüm ekleyin.
-
Sütun. Mevcut satıra bir sütun ekleyin.
-
İç sıra. Geçerli satırın içine bir satır ekleyin.
-
-
Satırın içindeki iç boşluğu temizlemek için Dolguyu Temizle'ye tıklayın.
-
Aralığı tema aralığında tanımladığınız aralığa geri döndürmek için Varsayılan aralığa sıfırla'ya tıklayın.
-
Satıra bir giriş animasyonu eklemek için (örneğin, sağdan solma, içeri sıçrama, yakınlaştırma), Giriş Animasyonu'na tıklayın ve bir seçenek belirleyin.
-
Satırı bir bölüm olarak kaydetmek için, Bölüm Olarak Kaydet 'e tıklayın ve yalnızca geçerli satırı, birden fazla satırı veya tüm sayfayı kaydetmeyi seçin.
-
Geçerli satırı belirli bir cihazda (masaüstü, tablet, mobil) gizlemek için Cihazda Gizle'ye tıklayın ve cihazı seçin.
-
Satırı müşteri düzenlemesi için kilitlemek için Müşteri düzenlemesi için kilitle'ye tıklayın.
-
Satırı kopyalamak için Kopyala'ya tıklayın.
-
Satırı sayfaya tutturmak veya mevcut bir tutturucuyu silmek için Tutturucu Olarak Ayarla veya Tutturucuyu Düzenle'ye tıklayın.
-
Satırı silmek için Sil'e tıklayın.
Satır arka plan stilini veya aralığını düzenlemek için:
-
Bir satır düğmesi görünene kadar satırın sol üst köşesinin üzerine gelin, Satır'a tıklayın ve ardından Tasarımı Düzenle'ye tıklayın.
-
Ayarlar sekmesinde aşağıdaki seçeneklere sahipsiniz:
-
Tam taşma sırası. Satırı, içeriğin ekranın tüm genişliğine yayılmasını sağlayan tam taşma satırına dönüştürmek için Tam taşma satırı geçiş düğmesine tıklayın. Tam taşma satırlarına sahip olmamayı seçerseniz, içerik genişliği 960 piksel ile sınırlıdır.
-
-
Stil sekmesinde, bir Arka Plan Rengi, Görüntü veya Video kullanmayı seçin. Aşağıdaki seçeneklere sahipsiniz:
-
Renk
-
Bir Arka Plan rengi seçin. Gradyan rengi görüntüyü geçersiz kılar ve bunun tersi de geçerlidir.
-
Bir kenarlık türü seçmek için Kenarlık 'a tıklayın ve kenarlık genişliğini ayarlamak için kaydırıcıyı hareket ettirin.
-
Bir gölge eklemek için Gölge geçişini tıklatın ve gölge için bir renk, tür ve konum seçin.
-
-
Resim
-
Arka plana bir resim eklemek için + düğmesine tıklayarak resim seçiciyi açın.
-
Arka plan görüntüsü kaydırıcısı oluşturmak için görüntü seçiciden birden fazla görüntü seçin ve Arka Plan Görüntüsü Kaydırıcısı bölümüne bakın.
-
Görüntünün Kapak, Tam görüntü, Döşeme veya Tekrar yok olarak görüntülenmesini seçin.
-
Arka plan görüntüsü üzerinde paralaks kaydırmayı etkinleştirmek için Paralaks kaydırma geçişine tıklayın. Bu etkinleştirildiğinde, arka plan içeriği ön plan içeriğinden daha yavaş kaydırılır.
Not
-
Paralaks kaydırma, Arka Plan Görüntü Kaydırıcısı için veya mobil cihazlarda bir seçenek değildir.
-
Arka plan resmini sabit tutma seçeneği, bir iOS sınırlaması nedeniyle tablet ve mobil cihazlarda kullanılamaz.
-
-
Görüntü için Konum, Arka plan kaplaması, Kenarlık ve Gölgeyi yapılandırın.
-
-
Video. Yüklenen videoları görüntülemek için Video Seç 'e tıklayın veya YouTube, Vimeo veya Dailymotion videosunun URL'sini sağlanan alana yapıştırın. Video arka planları hakkında daha fazla bilgi için Element Arka Planları bölümüne bakın.
Not
Arka planlar hakkında daha fazla bilgi için Element Arka Planları bölümüne bakın.
-
Her satır en az bir sütun içerir. Sütunlar sitenizdeki tüm widget'ları içerir ve bunların düzenini kontrol eder. Yeni bir sütun eklediğinizde, o satırdaki mevcut sütunun yanında görünür.
Masaüstü ve tablet görünümleri her satırın dört adede kadar sütun tutmasına izin verirken, mobil web siteleri üst üste en fazla iki sütunda gösterilebilir. Masaüstü veya tablet görünümlerine eklenen sütunlar, mobil görünüme geçildiğinde sayfanın tam genişliğini kaplar; mobil görünümde iki sütun içeren bir satır oluşturmak için önce mobil görünüme geçin, ardından iki sütunlu bir widget ekleyin.
Bir sütunu silmek için, bağlam menüsünü açmak üzere sütunun herhangi bir yerine sağ tıklayın ve ardından Sil'e tıklayın. Alternatif olarak, sütunun sağ üst köşesindeki kırmızı X işaretine tıklayın.
Widget'ı doğrudan sütunlara yerleştirebilir veya iç satırlar ekleyerek sütunu daha da yapılandırabilirsiniz.
Bir sütunun arka planını (renk veya görüntü) değiştirmek, kenarlık eklemek veya sütunun iç ve dış aralığını ayarlamak için Sütun düzenleyicisini kullanın. İçeriği bir satırda organize etmek ve düzenlemek için sütunları kullanın.
Bir sütunu yapılandırmak için:
-
Sütuna sağ tıklayın. Sütun düzenleyici menüsü görüntülenir.
Not
Sütunda dolgu yoksa, sağ tıklama doğrudan erişilebilir olmayacaktır. Bu durumda sütuna erişmek için, sütundaki bir pencere öğesine sağ tıklayın (bu, pencere öğesi için bağlam menüsünü getirmeli ve üstte adını not etmelidir), Kap Seç'e tıklayın, Sütun'u seçin. Sütunun içerik menüsüne geçtiğini doğrulamak için en üste bakın; artık Sütun yazıyor olmalıdır.
-
Geçerli sütunu sola veya sağa taşımak için Sütunu sola taşı ve Sütunu sağa taşı oklarına tıklayın (yalnızca bir sütun varsa oklar devre dışı bırakılacaktır).
-
Sütun tasarım düzenleyicisini açmak için Tasarımı Düzenle'ye tıklayın. Daha fazla bilgi için Sütun Tasarım Editörü bölümüne bakın. Sütun tasarım düzenleyicisi görünür.
-
Ekle' ye tıklayın ve aşağıdakilerden birini seçin:
-
Sütun. Geçerli satıra yeni bir sütun ekleyin (masaüstünde satır başına en fazla 4, mobil cihazlarda ise 2 sütun eklenebilir).
-
İç sıra. Geçerli sütuna bir satır ekleyin.
-
Widget aşağıda. Bir widget ekleyin.
-
-
Sütunun içindeki iç boşluğu temizlemek için Dolguyu Temizle'ye tıklayın.
-
Aralığı tema aralığında tanımladığınız aralığa geri döndürmek için Varsayılan aralığa sıfırla'ya tıklayın.
-
Sütuna bir giriş animasyonu eklemek için (örneğin, sağdan solma, içeri sıçrama, yakınlaştırma), Giriş Animasyonu'na tıklayın ve bir seçenek belirleyin.
-
Geçerli sütunu belirli bir cihazda (masaüstü, tablet, mobil) gizlemek için Cihazda Gizle'ye tıklayın ve cihazı seçin.
-
Sütunu müşteri düzenlemesi için kilitlemek için Müşteri düzenlemesi için kilitle'ye tıklayın.
-
Sütunu kopyalamak için Kopyala'ya tıklayın.
-
Sütunu sayfaya tutturmak veya mevcut bir tutturucuyu silmek için Tutturucu Olarak Ayarla veya Tutturucuyu Düzenle'ye tıklayın.
-
Sütunu silmek için Sil'e tıklayın.
Bir sütunun arka plan stilini veya aralığını düzenlemek için:
-
Sütuna sağ tıklayın ve ardından Tasarımı Düzenle'ye tıklayın.
-
Not
Sütunda dolgu yoksa, sağ tıklama doğrudan erişilebilir olmayacaktır. Bu durumda sütuna erişmek için, sütundaki bir pencere öğesine sağ tıklayın (bu, pencere öğesi için bağlam menüsünü getirmeli ve üstte adını not etmelidir), Kap Seç'e tıklayın, Sütun'u seçin. Sütunun içerik menüsüne geçtiğini doğrulamak için en üste bakın; artık Sütun yazıyor olmalıdır.
-
-
Stil sekmesinde, bir Arka Plan Rengi, Görüntü veya Video kullanmayı seçin. Aşağıdaki seçeneklere sahipsiniz:
-
Renk
-
Bir Arka Plan rengi seçin. Gradyan rengi görüntüyü geçersiz kılar ve bunun tersi de geçerlidir.
-
Bir kenarlık türü seçmek için Kenarlık 'a tıklayın ve kenarlık genişliğini ayarlamak için kaydırıcıyı hareket ettirin.
-
Bir gölge eklemek için Gölge geçişini tıklatın ve gölge için bir renk, tür ve konum seçin.
-
-
Resim
-
Arka plana bir resim eklemek için + düğmesine tıklayarak resim seçiciyi açın.
-
Arka plan görüntüsü kaydırıcısı oluşturmak için görüntü seçiciden birden fazla görüntü seçin ve Arka Plan Görüntüsü Kaydırıcısı bölümüne bakın.
-
Görüntünün Kapak, Tam görüntü, Döşeme veya Tekrar yok olarak görüntülenmesini seçin.
-
Görüntü için Konum, Arka plan kaplaması, Kenarlık ve Gölgeyi yapılandırın.
-
-
Video. Yüklenen videoları görüntülemek için Video Seç 'e tıklayın veya YouTube, Vimeo veya Dailymotion videosunun URL'sini sağlanan alana yapıştırın. Video arka planları hakkında daha fazla bilgi için Element Arka Planları bölümüne bakın.
Not
Arka planlar hakkında daha fazla bilgi için Element Arka Planları bölümüne bakın.
-
Arka Plan Görüntüsü Kaydırıcıları, satırlar veya sütunlar için arka plan görüntüleri ayarlamak için kullanılabilir.
Görüntü seçicide birden fazla görüntü seçtikten sonra Bitti'ye tıklayın. Kaydırıcı oluşturulduktan sonra, açılır menüden bir Slayt geçişi seçin ve kaydırıcıyı hareket ettirerek bir Slayt hızı (saniye) seçin.
Arka Plan Kaplaması, Konumlandırma ve görüntüleme stili gibi diğer arka plan resmi seçeneklerinden herhangi biri kaydırıcıya uygulanabilir.
İç satırlar, sütunların içine satır eklemenize izin vererek ekstra tasarım esnekliği sağlar. İç satırlar yardımıyla, sütun düzenini değiştirebilir ve satırın genel tasarımını koruyabilirsiniz (örneğin, arka plan, aralık, taşma payı).
Tıpkı normal satırlar gibi, iç satırlar da kendi arka planlarına ve aralıklarına sahip olabilir, en fazla dört sütuna bölünebilir ve mobil cihazlarda sütun sırası değiştirilebilir. İç satırlardaki sütunlar herhangi bir widget tarafından doldurulabilir, ancak bu sütunlara iç satırlar eklenemez.
Bir sütuna iç satır eklemek için aşağıdakilerden birini yapın:
-
Satırı sağ tıklatın ve İç Satır Ekle'yi tıklatın. Satırda birden fazla sütun varsa, iç satırları hangi sütuna eklemek istediğinizi seçin.
-
Sütuna sağ tıklayın ve İç Satır Ekle'ye tıklayın.
-
İç satıra sağ tıklayın ve mevcut satırın altına bir iç satır yerleştirmek için Satır Ekle'y e tıklayın.
İç satırın nasıl kullanılacağına dair bir örnek vermek için, bir başlık ve 3 düğme içeren bir düzenin nasıl iki şekilde tasarlanabileceğine bakalım:
Örnek 1: İki satır ekleyin. Başlığı 1 Sütun ile 1. Satıra yerleştirin. Satır 2'yi 3 sütuna bölün. Her sütuna bir düğme yerleştirin. İki ayrı satırın aynı arka plan resmini paylaşamayacağını ve her satır için aralık ve taşma stilini ayrı ayrı ayarlamanız gerektiğini unutmayın.
Örnek 2: Bir satır ekleyin. Varsayılan olarak, her satır bir sütun içerir. Sütuna 2 iç satır ekleyin. Başlığı iç satır 1'e yerleştirin. İç satır 2'yi 3 sütuna bölün. Her sütuna bir düğme yerleştirin. Bu iki iç satır ana satırın arka planını, aralığını ve taşma payını paylaşacaktır.
İç satırları düzenleme söz konusu olduğunda bazı önemli hususlar:
-
Sıra değiştirme oklarını yalnızca iç satırlar arasında sıralamayı değiştirmek için kullanabilirsiniz. Widget'ların ve iç satırların sırasını değiştirmek için, widget'ları elle iç satırın üstüne veya altına sürükleyip bırakmanız gerekir.
-
2 sütun, 3 sütun, 4 sütun widget'ları iç satırlara yerleştirilemez. Sütun eklemek için satıra sağ tıklayın ve Sütun Ekle'ye tıklayın.
-
Normal satırdan farklı olarak, iç satırlar kopyalayıp yapıştırılamaz.
Bölümler, kullanıcıların duyarlı sitelerine ekleyebilecekleri önceden oluşturulmuş öğe sıralarıdır. Bölümler, kullanıcıların tasarım sürecinde zaman kazanarak hızlı bir şekilde harika görünen siteler oluşturmalarını sağlar. Altyapı, önceden hazırlanmış çeşitli bölümlerle daha iyi bir kullanıcı deneyimi sağlamak amacıyla oluşturuldu.
Not
-
Bölümler herhangi bir özel CSS kullanmaz ve hepsi tasarımcılar tarafından editör içinde oluşturulur.
-
Bölümler, site tema ayarlarındaki metin rengi veya metin yazı tipi ayarlarını kullanmaz. Ancak, formatı her zaman temizleyebilir ve tasarımınızı uygulayabilirsiniz.
Kısım ekleyin
Widget bölümleri eklemek için:
-
Satırların arasına gelin ve Bölüm Ekle'ye tıklayın.
-
Tasarlanmış Seçin. Bölümler yan panelde görüntülenir.
-
Bölüm Modunda, sol panelde kategoriler halinde gruplandırılmış (Giriş, Özellikler, Hakkında, Ekip, Görüşler vb.) önceden hazırlanmış bölümlerden oluşan bir galeri mevcuttur.
-
Yan panelde, yeni bir satır olarak görüntülemek için bir bölüme tıklayın. Daha sonra ok tuşlarını kullanarak veya farklı bir gruptan bir bölüm seçerek aynı grup içindeki bölümlere göz atabilirsiniz.
-
Bölümü siteye yerleştirmek için Kaydet'e tıklayın. Alternatif olarak, sitenize bölümler eklemeye devam etmek için Kaydet & Başka Ekle' ye tıklayın. Bölüm bir satıra dönüşür ve bölümdeki tüm öğeler düzenlenebilir.
Widget'ları aynı sütun içinde hizalarken, web sitesi oluşturucu bunları tam olarak aynı boyutta olacak şekilde Hizalamak için Snap yapmaya çalışır. Siz yeniden boyutlandırdıkça, oluşturucu konuma yapışmak için öne veya arkaya atlar. Bu, widget'ları tam olarak aynı boyutta yapmayı kolaylaştıracaktır.
Ayrıca Izgaraya Yapış özelliği de bulunmaktadır. Snap to Grid özelliği, widget'ların sitenizin sayfalarına profesyonel bir hassasiyetle yerleştirilmesine yardımcı olur. Bu sistem, widget'ları sütunlar ve satırlar içinde yatay ve dikey olarak hizalamanıza olanak tanır. Cetveller, bir öğeyi satırında veya sütununda taşırken ya da widget'ı yeniden boyutlandırırken gösterilir. Hizalanan öğeler renkli bir kenarlıkla işaretlenir. Bir widget, özel kullanım durumuna bağlı olarak birden fazla başka widget ile hizalanabilir.
Hizalama, üç farklı cihazın (masaüstü, tablet, mobil) görünümleriyle desteklenir.