LiveCanvas İnceleme - Geliştirici Dostu Bir WordPress Sayfa Oluşturucu

Bu derlemede, yerleşik bir HTML ve CSS düzenleyicisi olan bir WordPress sayfa oluşturucu eklentisine bakıyoruz: LiveCanvas.

WordPress için birçok sayfa oluşturucu eklentisi mevcut olsa da, bu eklenti mümkün olduğunca geliştirici dostu olarak kendisini rakiplerinden ayırmayı amaçlamaktadır.

Sadece bu değil, bu sayfa oluşturucunun çıktısı saf HTML ve CSS'dir. Bu sayede sayfalarınız diğer bazı sayfa oluşturucu eklentilerine kıyasla daha hızlı yüklenmeli ve daha SEO dostu olmalıdır.

LiveCanvas'ın bu incelemesinde, bunun web siteniz için doğru WordPress sayfa oluşturucu eklentisi olup olmadığına karar vermenize yardımcı olmak için bu aracın en iyi özelliklerini ele alıyoruz.

Başlayalım…

LiveCanvas Eklentisi Kimler İçindir?

WordPress web sitesinin tasarımının tam kontrolünü ele geçirmek isteyen herkes LiveCanvas'ı ilginç bir eklenti bulmalıdır.

Ancak LiveCanvas, geliştiricilerin ve kodlayıcıların özellikle çok yararlı bulması gereken birçok özelliğe sahiptir. Bu özellikler LiveCanvas'ı rakiplerinden ayırmaya yardımcı olur. Bu incelemenin ilerleyen kısımlarında daha ayrıntılı olarak ele alacağımız HTML ve CSS Düzenleyici sayesinde, bu WordPress eklentisi ile sitenizin nasıl göründüğü üzerinde çok fazla kontrol sahibi olursunuz.

Bu nedenle, özel bir WordPress web sitesi oluşturmak veya sitenize özel tasarımlı sayfalar eklemek istiyorsanız, LiveCanvas tam size göre bir eklenti olabilir.

LiveCanvas kendi temasıyla çalışır – UnderStrap'ın özel bir alt teması. Bu iki anlama gelir: iyi site performansı ve altında CSS çerçevesi olarak Bootstrap 4'e sahip olmak.

LiveCanvas WordPress Eklenti Özellikleri

LiveCanvas, güçlü bir WordPress sayfa oluşturucu eklentisi olduğundan, birçok özelliği vardır. İşte size uygun olup olmadığına karar vermenize yardımcı olacak bu aracın öne çıkan özelliklerinden bazıları.

Eklentiye hızlı bir genel bakış için bu video, LiveCanvas'ın neler yapabileceğine dair hızlı bir adım atmanızı sağlar.

Geliştirici Dostu Bir Sayfa Oluşturucu Eklentisi

Bu sayfa oluşturucunun geliştirici dostu özelliklerinden biri LiveCanvas kod düzenleyicisidir. Eklenti ile sayfa tasarımları oluştururken, temeldeki HTML ve CSS'yi hızlı bir şekilde görüntüleyebilirsiniz. Bu kodu yalnızca görüntülemekle kalmaz, aynı zamanda kullanıcı dostu düzenleyici aracılığıyla da düzenleyebilirsiniz.

Bu size diğer birçok WordPress sayfa oluşturucu eklentisinden çok daha fazla özgürlük sağlar. Bu sayede, hazır bir eklenti kullanırken WordPress web siteniz için gerçekten özel ve benzersiz tasarımlar oluşturabilmelisiniz.

Ancak, geliştirici değilseniz ve temeldeki HTML ve CSS'yi düzenlemekle ilgilenmiyorsanız, sayfalarınızı oluşturmak için LiveCanvas'ın ön uç WYSIWYG arayüzünü kullanabilirsiniz.

Çok sayıda Hazır İçerik

LiveCanvas, tamamen özel bir WordPress web sitesi oluşturmak isteyen herkese kesinlikle hitap edecek olsa da, aynı zamanda harika görünen bazı hazır içeriklerle birlikte gelir.

Kolayca özel web sayfaları oluşturmak için birleştirebileceğiniz ve karıştırabileceğiniz çok sayıda bölüm parmaklarınızın ucunda.

mentler vardır.

Tüm bu hazır bölümler tamamen düzenlenebilir, böylece onları geldikleri gibi kullanabilir veya kendinize ait hale getirmek için özelleştirebilirsiniz. Bunlar, Bootstrap 4 kullanan yalnızca HTML5 kod parçalarıdır.

Bu içeriğin kapsadığı bölüm türlerine bazı örnekler, kahraman bölümleri, özellikler panelleri, galeri ızgaraları ve harekete geçirici mesaj panellerini içerir. Ayrıca ekip üyesi profil panelleri, fiyatlandırma tablosu bölümleri ve referans ekranları da ekleyebilirsiniz. Her türün birden fazla varyasyonu vardır, bu nedenle tasarım tercihleriniz ve gereksinimleriniz ne olursa olsun sitenize uygun bir şey bulabilmeniz gerekir.

Şık hazır içerik bölümleri sayesinde LiveCanvas ile sayfalarınızı hızlı bir şekilde oluşturmanın kolay olduğunu görmelisiniz.

Ön Uç Sayfa Oluşturucu Arayüzü

WordPress için en iyi modern sayfa oluşturucu eklentilerinin çoğu gibi, LiveCanvas da bir ön uç arayüzüne sahiptir. Bu, tüm özelleştirme çalışmalarınızın bir WYSIWYG düzenleyicisi aracılığıyla gerçekleştirildiği anlamına gelir. Geçmişte, bu tür eklentilerin çoğunda bu çalışma WordPress web sitenizin arka ucunda gerçekleştiriliyordu. Bu, üzerinde çalıştığınız sayfanın görünümü, içerik yayınlandığında ziyaretçilerinizin göreceği sürüme hiç benzemeyeceği için elverişsizdi.

LiveCanvas'ın bir ön uç arayüzü olduğundan, üzerinde çalışırken sayfanızın yayına girdiğinde nasıl görüneceğine dair çok iyi bir fikir edinirsiniz. Bu, çalışmanızı kaydetme, sayfanızı yeni bir tarayıcı sekmesinde önizleme ve yayına girdiğinde nasıl görüneceğini görmek için sekmeler arasında geçiş yapma ihtiyacını ortadan kaldırır. Bu sayede LiveCanvas ile özel sayfa tasarımları, arka uç düzenleyicili bir sayfa oluşturucu kullanırken yapacağınızdan çok daha hızlı oluşturabilirsiniz.

LiveCanvas sayfa oluşturucu arayüzünün en iyi özelliklerinden bazıları şunlardır:

Geçmişi Düzenleme

LiveCanvas, size daha fazla yaratıcı özgürlük ve hata yapmaktan korkmadan çalışma yeteneği vermek için bir geri alma özelliğine sahiptir. Bu, bir şeyin düşündüğünüz gibi görünmemesi durumunda, özel sayfa tasarımınızın önceki sürümüne geri dönmenizi sağlar. Artık yaptığınız hataların hızla geri alınabileceğini bilerek güvenle deney yapabilirsiniz.

Kolay HTML ve CSS Düzenleme

Bu LiveCanvas incelemesinde daha önce belirtildiği gibi, bu sayfa oluşturucu eklentisinin bir kod düzenleyicisi vardır.

Diğer bazı popüler WordPress sayfa oluşturucu eklentilerinden farklı olarak LiveCanvas, sayfalarınızın temel HTML ve CSS'sini düzenlemeyi kolaylaştırır. Bu sayede içeriğinizin nasıl görüneceği üzerinde çok daha fazla kontrol sahibi olursunuz. Herhangi bir noktada HTML'yi görüntüleyebilir ve ardından üzerinde değişiklik yapabilirsiniz. Bu değişiklikler sayfanıza anında uygulanarak içeriğinizin tasarımı üzerinde daha fazla kontrol sahibi olmanızı kolaylaştırır.

LiveCanvas ile HTML ve CSS'yi düzenlemek, kod düzenleyici arayüzü ile daha kolay hale getirilmiştir. HTML Düzenleyiciyi açtığınızda, kodun tamamı açıkça biçimlendirilir ve hizalanır. Kodun okunmasını kolaylaştırmak için renkler kullanılır. Ayrıca düzenlemekte olduğunuz bölümün daha net bir görünümünü elde etmek için kodu kolayca daraltabilir ve katlayabilirsiniz.

Kod düzenleyici penceresini yeniden boyutlandırmanız gerekiyorsa, bu da kolaydır. Gerektiğinde küçültmek veya büyütmek için pencerenin kenarını sürüklemeniz yeterlidir. LiveCanvas kod düzenleyicisinin gerçekten etkileyici bir başka özelliği de otomatik tamamlama işlevidir. Bu, otomatik tamamlama yoluyla önerilerde bulunarak kodunuzu daha hızlı yazmanıza ve hataları azaltmanıza yardımcı olacaktır. Kod düzenleyicinin bir başka yararlı yönü de, eklemeyi unuttuğunuz kapanış etiketlerini ekleyerek kodunuzu düzeltme yeteneğidir.

LiveCanvas düzenleyicisi, sayfanızın HTML ve CSS'sini düzenlerken de bunalmanızı önlemeye yardımcı olabilir. Bunu yapmak için kod düzenleyici, düzenlediğiniz belirli öğe dışında tüm HTML ve CSS'yi görünümden gizler. Bu, sayfa kodunun geri kalanında dikkatiniz dağılmadan veya kaybolmadan sayfanın üzerinde çalıştığınız kısmına odaklanmanızı sağlar.

HTML hakkında pek bir şey bilmiyor olsanız bile, bu özellik yine de faydalı olacaktır. Çevrimiçi olarak kullanılabilen çok sayıda HTML parçacığı olduğundan, bu örnekleri kopyalayıp LiveCanvas sayfa tasarımınıza yapıştırabilirsiniz. Bu nedenle, çevrimiçi bulduğunuz harekete geçirici mesaj düğmeleri gibi sayfalarınıza daha fazla öğe ekleyebilirsiniz. Alternatif olarak, biraz HTML biliyorsanız, sayfalarınıza kendi HTML'nizi eklemenin kolaylığını takdir edeceksiniz.

Kendi tuğlalarınızı yapın: Blok ve Bölüm Kitaplığı

LiveCanvas'ta, sayfalarınızda kolayca yeniden kullanmak için kendi HTML parçalarınızı yerel bir kitaplığa kaydetme seçeneğiniz vardır. Bu harika bir zaman kazandıran özelliktir – Kesinlikle birden fazla özel sayfa veya web sitesi oluşturanların takdir edeceği bir şeydir.

Aslında, Bölümler ve Bloklar olmak üzere iki ayrı kitaplık vardır: Bölümler, büyük, tam genişlikte, büyük hazır öğeler içindir. Bloklar, bir ızgaranın içine giren öğeler içindir - bu nedenle tipik olarak tam genişlikte değildir.

Geçmişte başka WordPress sayfa oluşturucuları kullandıysanız ve içeriğinizin hepsinin birbirine oldukça benzer göründüğünü fark ettiyseniz, bu özellik, tasarımlarınıza tamamen özgün bir görünüm kazandırmak ve son derece özel ihtiyaçlarınızı karşılamak için kendi özel modül kitaplığınızı oluşturmanıza yardımcı olabilir. .

Özel Altbilgiler Oluşturun

Bazı WordPress sayfa oluşturucuları yalnızca gönderi ve sayfa alanlarını düzenlemenize izin verir. Ancak LiveCanvas'ta durum böyle değil. WordPress web siteniz için özel bir altbilgi oluşturmak istiyorsanız bunu LiveCanvas ile yapabilirsiniz. Altbilginize yalnızca widget eklemekle sınırlı değilsiniz. Bunun yerine, LiveCanvas içerik düzenleyicisi ve özel HTML işleme desteği aracılığıyla buna herhangi bir içerik ekleyebilirsiniz.

Hazır Görüntülere Hızlı Erişim

Özel web sitenizi veya sayfalarınızı oluştururken, LiveCanvas ile mizanpajlarınıza hızlı bir şekilde stok görüntüleri ekleyebilirsiniz. Unsplash ile entegrasyon sayesinde, kullanımı ücretsiz görsellerden oluşan geniş kitaplıklarına göz atabilirsiniz. Beğendiğiniz birini bulduktan sonra, onu hızla sayfanıza ekleyebilirsiniz. Tüm bunlar LiveCanvas düzenleme arayüzünün içinden gerçekleşir.

Sayfa Animasyon Efektleri *********

İçeriğinizin ziyaretçilerinizin dikkatini çekmesine yardımcı olmak için LiveCanvas, sayfalarınıza animasyon eklemeyi kolaylaştırır. LiveCanvas'ın arka uç ayarları sayfasındaki bir seçenek işaretlendiğinde, siteye Animate On Scroll kitaplığı eklenir. LiveCanvas düzenleyicide, animasyonun süresini ve gecikmesini kontrol altında tutarken, solma, çevirme, kaydırma ve yakınlaştırma gibi her bir öğeye çeşitli animasyonlar atayabilirsiniz.

Evrensel Kısa Kod Desteği

LiveCanvas, size özel sayfa tasarımlarınıza herhangi bir kısa kod ekleme olanağı sağlar. Bu, LiveCanvas destekli sayfalarınıza her türlü üçüncü taraf eklentisini ve işlevselliğini uygun bir gerçek zamanlı ajax önizlemesiyle entegre etmenize olanak tanır, böylece kısa kodun çıktısının nasıl görüneceğini hemen görebilirsiniz.

WordPress için çok sayıda kısa kod eklentisi bulunduğundan, LiveCanvas ile oluşturduğunuz özel olarak oluşturulmuş sayfalara ekleyebileceğiniz öğelerin sayısını hızla artırarak yaratıcı seçeneklerinizi katlanarak genişletebilirsiniz.

Fantastik bir tamamlayıcı Tema

LiveCanvas, önerilen, tamamlayıcı bir başlangıç ​​WordPress temasıyla birlikte gelir: CustomStrap.

Hız ve güvenilirliğin garantisi olarak, CustomStrap'ın en çok oy alan ve en saf Bootstrap 4 destekli başlangıç ​​Teması olan UnderStrap'ın bir alt teması olduğunu bilmek güzel.

CustomStrap, yerleşik bir SCSS derleyicisine sahiptir, böylece anında yeniden oluşturabilir ve Bootstrap'in CSS'sini özel renk paletinize sahip olacak şekilde özelleştirebilir ve benzersiz stil değişikliğinizi verebilirsiniz - tümü WordPress Özelleştirici arayüzünden, bilgisayarınıza geeky npm paketleri yüklemenize gerek kalmadan. komut satırı üzerinden makine.

Bazı tasarımcılar Bootstrap sitelerinin hepsinin aynı göründüğünü iddia ediyor. Bu CustomStrap ile olmayacak - binlerce yazı tipi, renk ve stil kombinasyonunuz var.

CustomIt, günümüzün mobil dünyasında çok faydalı olan duyarlı tipografi özelliğini etkinleştirmenize de olanak tanır.

Ancak, tek bir seçeneğe bağlı değilsiniz. LiveCanvas, herhangi bir Bootstrap 4 tabanlı WordPress temasıyla çalışacaktır. Kendi özel Bootstrap 4 tabanlı temanız varsa, özel sayfalarınızı oluşturmak için LiveCanvas eklentisini sorunsuz bir şekilde çalıştırabileceksiniz.

Satıcı Kilidi Yok

Bu LiveCanvas incelemesinde daha önce ele alındığı gibi, editörün görsel arayüzü tarafından oluşturulan HTML ve CSS'ye kolayca erişebilir ve bunları düzenleyebilirsiniz. Bu size sayfanız üzerinde daha fazla yaratıcı özgürlük sağlarken, başka bir faydası daha vardır.

LiveCanvas, sayfa tasarımı için temiz HTML ve CSS oluşturduğundan, eklentiyi devre dışı bırakırsanız, sayfa tasarımlarınız normal şekilde çalışmaya devam eder. Bu, diğer bazı sayfa oluşturucu eklentilerinde olduğu gibi LiveCanvas'ı ömür boyu kullanmak zorunda olmadığınız anlamına gelir.

Eklenti devre dışı bırakıldığında bile, değişiklik yapmak için HTML ve CSS sayfasına erişebilir ve bunları düzenleyebilirsiniz. Bu eklentiyi yeniden etkinleştirmediğiniz sürece değişiklikleri LiveCanvas kullanıcı arayüzü veya kod düzenleyici aracılığıyla yapamazsınız.

LiveCanvas Eklentisi Kullanıcı Deneyimi

Size bu sayfa oluşturucunun nasıl bir şey olduğu hakkında bir fikir vermek için LiveCanvas incelememizin bu bölümünde eklentinin kullanıcı deneyimini keşfedeceksiniz.

Belirtildiği gibi, LiveCanvas herhangi bir Bootstrap 4 tabanlı WordPress temasıyla çalışmalıdır. Ancak eklenti, başka bir kaynaktan tema yerine kullanabileceğiniz kendi başlangıç ​​temasıyla birlikte gelir.

Hangi temayı seçerseniz seçin, eklenti sitenize yüklendikten sonra otomatik güncellemeleri etkinleştirmek için LiveCanvas lisans anahtarınızı girebilirsiniz.

WordPress web siteniz için özel bir sayfa tasarımı oluşturmaya başlamak için, yalnızca WordPress kontrol panelinizden yeni bir sayfa oluşturmanız yeterlidir.

Eklenti, sayfa düzenleyiciye, söz konusu içerik parçası için LiveCanvas düzenleyicisini açmanıza olanak tanıyan bir panel ekler.

LiveCanvas Düzenleyicisini Etkinleştirin

Belirli bir sayfa için LiveCanvas'ı etkinleştirdikten sonra, özel tasarımınızı oluşturmak için içerik düzenleyiciyi kullanmaya başlayabilirsiniz.

Sayfanıza bir bölüm ekledikten sonra, o bölüme biraz içerik ekleyebilirsiniz. LiveCanvas önceden oluşturulmuş birçok bölümle birlikte geldiğinden, sayfanızı hızla oluşturmaya başlayabilirsiniz.

Hazır Sayfa Bölümleri

Sayfalarınıza ekleyebileceğiniz farklı öğelerin tümü, aradığınızı bulmanızı kolaylaştıracak şekilde iyi organize edilmiştir. Sayfanıza bir tane ekledikten sonra, canlı düzenleyici aracılığıyla onu özelleştirmeye başlayabilirsiniz.

Satır İçi Metin Düzenleme

LiveCanvas satır içi metin düzenleme özelliğine sahip olduğundan, bir metin alanına tıklayıp kendi içeriğinizi eklemek için yazmaya başlayabilirsiniz.

Sayfanızda bir resim gibi başka bir öğe türünü düzenlemek istiyorsanız, bu kadar kolaydır. Bunu yapmak için öğeye tıklayın, ardından o öğenin kontrolleri kenar çubuğunda görüntülenecektir. Ardından, kenar çubuğu paneli kontrolleri aracılığıyla bu öğeyi özelleştirebilirsiniz.

Akıllı Telefon ve Tablet Görünüm Alanları

Sayfanız üzerinde çalışırken, görünüm alanının boyutunu istediğiniz zaman değiştirebilirsiniz. Bunu yapmak, içeriğinizin çeşitli cihazlarda nasıl görüneceği konusunda size iyi bir fikir verecektir. Buna küçük ekranlı akıllı telefonlar, tabletler ve diğer önceden ayarlanmış görünüm alanları dahildir.

HTML ve CSS Düzenleme

Belirtildiği gibi, LiveCanvas'ın temel özelliklerinden biri HTML ve CSS düzenleyicisidir. Satır gibi bir sayfa öğesini tıklatarak ve ardından uygun menü öğesini tıklatarak istediğiniz zaman HTML düzenleyicisine geçebilirsiniz.

Karışıklığı önlemek için, HTML düzenleyicisi yalnızca düzenlediğiniz öğenin HTML'sini görüntüler. Ayrıca, HTML'de herhangi bir değişiklik yaptığınız anda, düzenlemenizin sonuçlarını görebilmeniz için bu değişiklik sayfanıza uygulanır.

Umarım, bu size bu sayfa oluşturucu eklentisinin nasıl çalıştığı hakkında bir fikir verir. Şimdi fiyat bilgilerine bir göz atalım.

LiveCanvas WordPress Eklentisi Fiyatlandırma Bilgileri

LiveCanvas, iki fiyatlandırma planında bulunan premium bir eklentidir:

• Profesyonel: Güncellemelere erişim ve 1 yıl boyunca desteğe erişim için yılda 79 ABD doları.
• Ömür boyu: Güncellemelere ve desteğe ömür boyu erişim için 199 $.

Hangi seçeneği seçerseniz seçin, LiveCanvas'ı istediğiniz kadar web sitesinde kullanabilirsiniz. Bu, müşterileriniz için oluşturduğunuz tüm siteleri içerir.

LiveCanvas İnceleme Son Düşünceler

LiveCanvas, en popüler WordPress sayfa oluşturucu eklentilerinde bulunan en iyi özelliklerin çoğuna sahiptir. Buna modern bir sürükle ve bırak arayüzü, iyi bir hazır içerik seçimi ve çok sayıda özelleştirme kontrolü dahildir.

Bununla birlikte, sayfa tasarımlarınız üzerinde size daha da fazla kontrol sağlayan kullanıcı dostu bir HTML ve CSS düzenleyicisi de vardır.

Bu nedenle, esnek ve geliştirici dostu bir WordPress sayfa oluşturucu eklentisi arıyorsanız LiveCanvas harika bir seçenektir.

Bu sayfa oluşturucu eklentisi hakkında daha fazla bilgi edinmek için LiveCanvas web sitesini ziyaret edin.