Ön İnceleme: Bir Ön Uç Düzenleyicisi Aracılığıyla Her Şeyi Özelleştirin

Yayınlanan: 2015-04-16

Yaratıcıları tarafından "WordPress'in geleceği" olarak faturalandırılan Upfront, WPMU DEV tarafından 2015'in başlarında başlatılan yeni bir web sitesi oluşturucu ve içerik düzenleyici aracıdır.

Upfront, WordPress web siteniz için çeşitli başlangıç ​​temaları içerir. Bir seçim yaptıktan sonra , web sitenizin hemen hemen her öğesini görsel, ön uç, sürükle ve bırak arayüzü aracılığıyla özelleştirmeye başlayabilirsiniz.

Upfront ayrıca, WordPress'e satır içi düzenlemeyi getirmek için varsayılan WordPress gönderi ve sayfa düzenleyici ekranlarının yerini alır. Bu nedenle, kendi özel web sitenizi oluşturmak için başlangıç ​​temalarını tamamen yeniden tasarlamak veya WordPress'e yeni içerik eklemeyi daha sezgisel hale getirmek istiyorsanız, Upfront beklediğiniz araç olabilir.

Bunun WordPress için en iyi oluşturma aracı olup olmadığını öğrenmek için tam Ön İnceleme incelememizi okuyun. Alternatif olarak, kendiniz deneyimlemek için doğrudan demoya atlayın.

Ön İnceleme: Bu Site Oluşturucu Aracının Yapabilecekleri

Upfront, ana alt tema ilişkisi üzerinde çalışır. Bu, WordPress web sitenize ana tema olarak Upfront'un yüklendiği ve ardından bunun için oluşturulmuş alt temalardan birini seçebileceğiniz anlamına gelir.

Alt Temaları Önceden İnceleyin

Bu alt temalar daha sonra web sitenizin temeli olarak çalışır. Yazma sırasında, aralarından seçim yapabileceğiniz yalnızca üç alt tema vardır: Fixer, Scribe ve Spirit. Bununla birlikte, gelecekte daha fazla tasarım eklenecektir.

Ön İnceleme Spirit Başlangıç ​​Teması

Hepsi iyi görünüyor ve herhangi bir özelleştirme gerektirmeden bağımsız bir tema olarak eşit derecede iyi çalışacak.

Ön Uç Sürükle ve Bırak Düzenleme

Bir çocuk veya başlangıç ​​teması seçtikten sonra onu özelleştirmeye başlayabilirsiniz.

Belirtildiği gibi, tüm düzenleme ve tasarım çalışmaları, sezgisel bir ön uç, sürükle ve bırak, görsel düzenleyici aracılığıyla gerçekleşir. Bu , gördüğünüz şeyin gerçekten aldığınız şey olduğu anlamına gelir. Çalışmanızın bir önizlemesini almak için, temel alınan kodlardan herhangi birini kendiniz düzenlemenize veya pencereleri değiştirmenize gerek yoktur.

Kayan Bölgeler, Sınırsız Sayfa Öğesi

Özel sayfa düzenlerinizi oluşturmaya gelince, Upfront bölgeleri ve öğeleri kullanır. Mevcut öğeler - yazma sırasında 16 - web sitenizin sayfalarına sürüklenip bırakılabilir. Yalnızca resimler gibi sayfa öğelerini yerine sürükleyip bırakmakla kalmaz, aynı zamanda metni satırda da düzenleyebilirsiniz .

Bu satır içi düzenleme, sadece metne çift tıklayarak ve ardından yazmaya başlayarak gerçekleşir. Ayrıca, ön uç düzenleyici aracılığıyla metin eklerken ve düzenlerken iyi bir dizi biçimlendirme denetimine de erişebilirsiniz.

Ön İnceleme Metni Düzenleme

Metin alanlarını ve görüntüleri yerlerine sürükleyip bırakabilmenin ve ardından bunları görsel arayüzde hareket ettirebilmenin yanı sıra, aralarından seçim yapabileceğiniz çok sayıda başka sayfa öğesi vardır. Yazma sırasında, bu sürüklenebilir sayfa öğeleri şunları içerir : kaydırıcılar, sekmeler, akordeonlar, resim galerileri, videolar, formlar, düğmeler ve haritalar. Ayrıca tasarımınıza özel kod eklemek için kod öğesini de kullanabilirsiniz.

Sürüklenebilir Öğeleri Önceden İnceleme

Ayrıca, üçüncü taraf eklentilerden, WordPress çekirdeğinden veya özel oluşturulmuş seçeneklerden olsun, web sitenizde etkin olan herhangi bir widget, sayfa tasarımlarınıza eklenebilir. Bu gerçekten size web sitenizin düzenine nelerin dahil edilebileceği konusunda neredeyse sınırsız bir kapsam sağlar.

Tam Bölge Özelleştirilebilirliği

Sayfanızı oluşturan bölgelerin her biri ve içerdikleri öğeler daha da özelleştirilebilir. Bu, boyutu değiştirmeyi içerir; konum; arka plan türü – video, kaydırıcı, harita dahil; ve düzenlenmekte olan bölgenin türüyle ilgili diğer görünüm ayarları. Düzenle simgesine tıklayarak, değişikliklerinizi yapabileceğiniz, içeriğe duyarlı bir panel görüntülenir.

Önceden İnceleme Bölgesi Ayarları

Değişikliklerin tümü gerçek zamanlı olarak uygulanır . Bu ön uç düzenleyicinin canlı önizleme efekti sayesinde sayfanızı yenilemenize gerek yoktur.

Bölgeleri sayfanın etrafında sürükleyip hareket ettirirken, bir ızgaraya sabitlenmek yerine yüzdüklerini fark edeceksiniz. Bu, keyfi sınırlarla sınırlandırılmak yerine, gerçekten serbest akış tasarımları oluşturabileceğiniz anlamına gelir.

Önceden Gözden Geçirme Izgara Düzeni

Ancak, piksel iticiler için, Upfront, sayfa öğelerinizi daha hassas bir şekilde hizalamanıza yardımcı olmak için isteğe bağlı, kullanışlı bir görsel ızgara içerir.

Özel Ön Uç Gönderisi ve Sayfa Düzenleme

Upfront ile web sitenizdeki her gönderi ve sayfa kendi özel tasarımına ve düzenine sahip olabilir. Bunların tümü görsel, ön uç, sürükle ve bırak arayüzü aracılığıyla oluşturulabilir.

Upfront, sitenizin arka ucunda gönderi oluşturma ihtiyacını ortadan kaldırarak, ardından doğru görünümü elde etmek için ön uç önizleme ile çekirdek düzenleyici arasında geçiş yaparak, WordPress'i engelleyen büyük bir alanı zaten çözmüştür. Widget'lar ve öğeler gibi ek özelleştirme ve içerik seçenekleri sayesinde, başka bir olasılık alanı da açıldı.

Site genelinde kullanılan genel üstbilgi ve altbilgi alanlarını özelleştirebilseniz de, tek bir sayfa için daha özel bir görünüm için bu alanları tek tek gönderi ve sayfa bazında özelleştirebilirsiniz.

Upfront'un diğer dikkate değer özellikleri arasında, akıllı telefonları ve tabletleri aracılığıyla web sitelerine erişen, büyüyen mobil kullanıcı ordusu için tamamen duyarlı bir düzen yer alıyor. WPMU DEV ekibinden beklediğiniz gibi, bu tema tamamen Multisite için hazır.

Özel gönderi türleri de desteklenir ve normal blog gönderisi türüyle aynı şekilde düzenlenebilir. Özelleştirici arayüzünü ilk başlattığınızda başlamanıza yardımcı olacak kullanışlı ancak kısa bir tur da vardır.

Upfront'un temel özelliği, tüm iş ve içerik düzenlemesinin ön uç düzenleyici aracılığıyla gerçekleşmesidir. Bu, projenin geliştiricilerinin onu rekabetten ayırmasını umduğu şeydir. Diğer bazı WordPress sayfa oluşturucuları, web sitenizi özelleştirmek için bir ön uç düzenleyici sunarken, tüm eylemin, blog yazısı içeriği oluşturma da dahil olmak üzere ön uç, görsel arayüz aracılığıyla gerçekleştiği tek kişi Upfront gibi görünüyor.

Ön İnceleme: Kullanıcı Deneyimi

Upfront'u web sitenize yükledikten ve bunun için başlangıç, alt temalardan birini seçtikten sonra , web siteniz üzerinde çalışmaya başlayabilirsiniz .

Peşin Tema Kurulumu

Web sitenizin ön uç görünümündeki 'Temayı Peşin Kullanarak Özelleştir' düğmesine tıklamak, düzenleme arayüzünü başlatır.

Ön İnceleme Kullanıcı Arayüzü

İsteğe bağlı tura katılmak, eklentinin ana özelliklerinde size yol gösterir. Alternatif olarak, doğrudan atlayabilir ve başlayabilirsiniz. Başlangıç ​​temaları, modern bir WordPress temasının tüm özellikleriyle doldurulduğundan , mevcut öğeleri inceleyerek ve özelleştirerek başlayabilirsiniz.

Önceden İnceleme İnceleme Öğesi

Görüntüleri kendiniz değiştirmek, üzerlerine tıklamak ve ardından yeni görüntüyü medya kitaplığınıza sürükleyip bırakmak kadar kolaydır. Ancak, önceden var olan içeriği istediğiniz kadar silmekte özgürsünüz . Bu, Upfront ile gerçekten yaratıcı olmanızı sağlar.

Önceden İnceleme Değiştirme Resmi

Mevcut öğeleri sayfa düzeninize eklemek söz konusu olduğunda, bu gerçekten onları sayfanın herhangi bir yerine sürükleyip bırakmaktır. Sayfaya eklendikten sonra her öğe kendi yöntemiyle özelleştirilebilir. Örneğin, gönderiler öğesi , mizanpajınızda tekli veya gönderi listelerini görüntüleyecek şekilde değiştirilebilir.

Gönderi Listesi Ayarlarını Önceden İnceleme

Bu, özel bir gönderi arşiv sayfası oluşturmak veya web sitenizin ana sayfasında en iyi gönderilerinizi vurgulamak için harikadır. Gönderi öğesinin ayarları, bu içeriğin nasıl görüntülendiği konusunda size çok fazla esneklik sağlar. Bu, yalnızca hangi gönderilerin görüntüleneceğini değil, aynı zamanda gönderilerin hangi bölümlerinin dahil edileceğini de kapsar. Bu şunları kapsar: gönderi tarihi, yorum sayısı, öne çıkan resim ve çok daha fazlası.

Başlangıç ​​temanızın ana sayfasını tasarlamak ve özelleştirmek için Upfront'u kullanmanın yanı sıra , gönderiler ve sayfalar üzerinde çalışırken de kullanılır . Web sitesini tasarlamak ve içerik oluşturmak için kesintisiz ve tutarlı bir arayüz oluşturduğu için bu harika.

Gönderi ve sayfa görünümüne geçmek için, Gönderiler / Sayfa bağlantısına tıklayın ve ardından düzenlemek istediğiniz mevcut içerik parçasını seçin veya yeni bir öğe oluşturun.

Önceden İnceleme Bir Gönderi Seçin

Seçilen gönderi daha sonra Peşin düzenleyicide açılır . Bu, ona basitçe içerik eklemenize veya tasarımına bir revizyon vermenize olanak tanır. Çalışmanızı önizlemek için pencereleri değiştirmek zorunda olan hantal WordPress yazı düzenleme sistemini değiştirmek, çekirdek yazılıma anında bir yükseltme sağlar.

Ön İnceleme Yazı Editörü Küçük

Öne çıkan bir resim ekleme, gönderi başlığını düzenleme ve gönderi içeriğini ekleme gibi varsayılan WordPress gönderi düzenleme ekranı aracılığıyla yapabileceklerinizin çoğu, Upfront'un görsel arayüzü aracılığıyla yapılabilir.

Ön İnceleme Gönderisi Editörü

Web sitenizin tipografisinde değişiklik yapmak istiyorsanız , Upfront size bunu yapmanın kolay bir yolunu sunar. Tema ayarları paneli aracılığıyla Başlık 2 gibi bir yazı öğesi seçebilir ve ardından kullanılan yazı tipini düzenleyebilirsiniz. Bu daha sonra sitenizin tamamında küresel olarak uygulanır.

Önceden İnceleme Tipografisi

Metnin görünümünü ayrı ayrı öğelerde yine de özelleştirebilirsiniz. Ancak tema ayarlarını kullanarak değişiklikleri sitenizin tamamına hızlı bir şekilde uygulayabilirsiniz . Aynı şey site renkleri için de geçerlidir, ancak arayüz web sitenizin hangi öğesi için geçerli olduğunu netleştirmese de, renk ayarlarının her biri için geçerlidir.

Renk Ayarlarını Önden İnceleme

Başlangıç ​​temalarının görünümünde ve içeriğinde hızlı değişiklikler yapmak için Upfront'u almak çok kolaydır. Ancak, daha geniş kapsamlı özelleştirmeler yapmak veya kendi sayfa düzenlerinizi sıfırdan oluşturmak söz konusu olduğunda, üstesinden gelmek için daha büyük bir zaman yatırımı gerektirecektir.

Bu oldukça makul. Özellikle bu aracın kapsamı ve işlevselliği göz önüne alındığında. Bu tür diğer WordPress temaları ve eklentileri gibi, içine ne kadar çok koyarsanız, uzun vadede o kadar fazlasını elde edersiniz.

fiyatlandırma

WPMU DEV üyelik kulübüne katılarak peşin ödeme sizin olabilir. Bu, 350'den fazla eklenti ve diğer temaların yanı sıra Upfront'a erişmenizi sağlar. Üyelik ücretleri, yıllık planda aylık 24,50 dolardan başlar ve aylık ödeme seçeneğinde 99 dolara kadar çıkar.

Kaydolduktan sonra ve üye olduğunuz sürece, 7/24 destek forumuna ve günlük canlı sohbet oturumlarına erişebilirsiniz. Peşin ödeme için tam fiyatlandırma seçeneklerini almak için WPMU DEV web sitesini ziyaret edin.

Çözüm

WPMU DEV, yeni WordPress temaları yayınlamaya geldiğinde bir süre sessiz kaldı. Upfront'un piyasaya sürülmesiyle nedenini görmek kolay. İki yılı aşkın bir süredir yapım aşamasında olan ve "bir milyon doların üzerinde harcanan" Upfront, WPMU DEV ekibi ve belki de WordPress'in kendisi için kesinlikle önemli bir projedir.

Upfront'un duyurusunda, yaratıcıları bu aracın ve genel olarak WordPress'in rekabeti hakkında ilginç bir noktaya değiniyor. Squarespace, Wix ve Weebly gibi hizmetler şu anda WordPress'ten daha az geliştirme ve ısmarlama özelleştirme ve genişletme fırsatları sunarken, içerik yayınlamak ve web sitenizin istediğiniz gibi görünmesini sağlamak için daha kullanıcı dostu bir arayüz sunar.

Upfront, bu tür bir kişiselleştirme arayüzünü WordPress'e getirmeyi amaçlamaktadır. Genel olarak oldukça iyi bir iş çıkarıyor. WordPress'i kendiniz, müşterileriniz veya bu yazılımı önerdiğiniz kişiler için daha kullanıcı dostu hale getirmek istiyorsanız, Upfront size sunulan seçeneklerden biridir.

Upfront'u seçmek, kendinizi üçüncü taraf bir çözüme bağlamayı içerir; ve WordPress'in bu tür bir düzenleme deneyimi sunabilmesi güzel olurdu - ya çekirdeğin bir parçası olarak ya da bir 'resmi' eklenti aracılığıyla, şimdilik orada Upfront var.

Kendi temalarını tasarlayabilen veya hazır ürünleri özelleştirebilen kodlayıcılar ve geliştiriciler, Upfront'a fazla ihtiyaç duymayacak olsa da, kendi özel sayfa düzenlerini ve tasarımlarını oluşturmak isteyen herkes kesinlikle çevrimiçi Upfront demosunu almalıdır. bir test sürüşü için.

Upfront için henüz erken ama iyi bir başlangıç ​​yaptılar. Daha fazla başlangıç ​​teması çevrimiçi hale geldikçe ve ek öğeler eklendikçe, bu kullanıcı dostu düzenleyici gerçekten kendine gelmelidir.

Upfront hakkında daha fazla bilgi edinin veya demoyu şimdi deneyin

Sorumluluk Reddi: Upfront'un yaratıcıları olan WPMU DEV blogu için serbest olarak yazılar yazıyorum; ancak bu makaledeki görüşlerin tümü bana aittir ve bu ilişkiden hiçbir şekilde etkilenmez.