Novi HTML Website Builder ile HTML Web Sitesi Nasıl Çalıştırılır
Novi HTML Website Builder ile HTML Web Sitesi Nasıl Çalıştırılır
Yayınlanan: 2020-02-17
2019'da web sitesi oluşturmaya gelince, kodlama ile uğraşmanıza gerek yok. Farklı hazır dijital ürünler hakkında her şeyi bildiğinize eminim. Bu günlerde, sizin için önceden tasarlanmış ve önceden paketlenmiş her şeyi kolayca alabilirsiniz. Bu basit sebeplerden dolayı çok fazla göz alıcı web sitesi var. İnsanlar kalabalığın arasından sıyrılmanın yeni yollarını arıyor. Bu nedenle, yeni duyarlı web sitesi temalarının, eklentilerin, varlıkların ve web tasarım trendlerinin miktarı her zaman artar.
Ancak bir şeyin yeni olması, bu ürünün %100 ilginizi hak ettiği anlamına gelmez. Peki, tek eşyanızı nasıl seçersiniz? Bu yazıda, nihai karar verme konusunda size yardımcı olmak üzereyim. Önceki yazılardan birinde, size WordPress'te nasıl web sitesi yapılacağını göstermiştim. Gönderinin adından da anlaşılacağı gibi, bugün en iyi 5 web sitesi oluşturucusundan biri olanNovi Builder'ı inceleyeceğim.
HTML ile çalışmayı tercih ediyorsanız, Novi Builder tüm modern duyarlı HTML şablonlarıyla birlikte geldiğinden, bu adı kesinlikle daha önce duymuşsunuzdur. Peki, editörle çalışmanın başlıca avantajları nelerdir ve herhangi bir dezavantajı var mı? HTML için en kullanışlı sayfa oluşturucuyla ilgili tüm önemli şeyleri öğrenmek için bizi izlemeye devam edin.
Novi Builder'ın Tarihi
Novi'yi deneyin
Geleneğe göre, başlamadan önce, bu HTML görsel oluşturucunun geçmişine hızlı bir göz atacağız. Novi Builder'ın ilk sürümü 3 yıl önce 2016'da gerçekleşti. Uzun lafın kısası Novi ekibi editörü 3 ana özelliği göz önünde bulundurarak tasarladı:
kesinlikle yaratıcı dostu bir çalışma mekanizması,
%100 sezgisel bir arayüz,
ve açıkçası en yeni sürükle ve bırak teknolojisi.
Web sitesi düzenlemenin 2016'da nasıl geriye baktığını hatırlıyor musunuz? Çoğunlukla sıkıcıydı ve yalnızca sahip olunması gereken özellikleri içeriyordu. Bununla birlikte, dijital ilerleme hiçbir zaman durmadı, bu nedenle kullanımda çok sayıda modaya uygun seçenek ve şık web tasarım öğeleri vardı. Bunu gören Novi Builder'ın yaratıcıları, tüm bunları editörün paketine eklemeye karar verdi. O günlerde mümkün olduğu kadar çok web tasarım trendi eklediler. Dijital pazarda baskın olan bir şey varsa, o zaten Novi'nin paketinin içindeydi.
Öte yandan, sadece popüler özellikleri eklemek yeterli değildi. Bu nedenle Novi ekibi araştırmaya devam etti. Tüm akıllı şirketlerin yaptığı gibi, potansiyel müşterilerin ihtiyaçlarını anlamak için izleyicileri incelemek istediler. Araştırma, insanların her şeyden önce rahatlık aradığını gösterdi.
Sonuç olarak, Novi Builder kısa süre sonra çevrimiçi kullanıcıların şunları yapmasına izin verdi:
Tek bir kod satırına dokunmadan temiz ve iyi yapılandırılmış düzenler oluşturun,
Sürükle ve bırak teknolojisi ile çalışmak,
web sitesi oluşturma sürecini hızlandırmak,
ve web sitesini farklı güzel görünümlü UI bileşenleriyle tasarlayın.
Sürükle ve bırak teknolojisiyle günümüzde bir kullanıcıyı şaşırtmak zor olsa da, 2016'da gerçek bir mucizeydi. Ayrıca, o zamanlar, sürükle ve bırak işlevi sağlayan tek kullanışlı içerik düzenleyicinin Elementor olduğunu unutmayın. Gerekli tüm özelliklerle birlikte geldi ancak yalnızca WordPress tabanlı çevrimiçi projeler için yapıldı. Aynı zamanda, bir teknoloji uzmanı olmadığınızda HTML ile çalışmak hiç bu kadar kolay olmamıştı.
Uzun ve detaylı bir araştırmadan sonra Novi Builder'ın kullandığı sürükle bırak teknolojisi de geliştirildi. Sonuç olarak, insanlar sadece seçilen tasarım öğelerini sürükleyip editör penceresine bırakarak yeni çevrimiçi sayfalar oluşturabildi ve sitelerini düzenleyebildi.
Seyircinin Novi Builder'a alışması sadece birkaç ay sürdü. Çok yakında popüler oldu. Söylemeye gerek yok, editör için birçok güncelleme yapıldı. Bir yıl sonra, yaratıcılar Novi Builder'ın ilk klasik versiyonunu sergilediler. O zamandan beri çeşitli seçenekler, web tasarım trendleri ve birçok ek araç içeren düzenli güncellemeler almaya devam etti.
Her şeyi özetlemek gerekirse, Novi Builder yalnızca web sitesi oluşturma sürecini hızlandırmakla kalmadı, aynı zamanda HTML ile çalışmak isteyen yeni başlayanlar için birçok yeni olanak da getirdi. Bununla birlikte, insanlar nihayet web sitelerini sadece yapabilecekleri şekilde değil, istedikleri şekilde tasarlayabildiler. Novi Builder yayınlanır yayınlanmaz, HTML site düzenlemesi stressiz bir şey haline geldi. Bu nedenle HTML için en iyi web sitesi görsel oluşturucusu seçildi.
Günümüze Dön
Bugün Novi Builder, HTML için en iyi sürükle ve bırak düzenleyicisi olarak adlandırılıyor. Kısaca söylemek gerekirse, inşaatçı çalışma sürecini ilerletir ve herhangi bir beceri seviyesindeki kullanıcılar için basitleştirir. Novi Builder ile çalışarak, önceden tasarlanmış çeşitli içerik bloklarını kullanarak hızlı bir şekilde yeni çevrimiçi sayfalar tasarlayabilirsiniz.
Dahası, web sitesi içeriğini canlı olarak düzenlemenize de olanak tanır. Bu adım, yeni başlayanlar için çok önemlidir, çünkü tasarımlarınızı oluştururken yaygın hatalardan bu şekilde kaçınabilirsiniz.
Editörün çalışırken nasıl çalıştığını görmek ister misiniz? Demosunu çalıştırarak Novi Builder ile çalışmayı deneyebilirsiniz. Editörün ücretsiz demo sürümünü açmak için bağlantıyı takip etmeniz yeterlidir.
Novi Builder Hangi İş Modelleri İçin Uygundur?
Novi Builder hakkında bilmeniz gereken başka bir şey de bunun bir B2B/B2C çevrimiçi platformu olmasıdır . Bunun anlamı ne? Görelim.
İşletmeler arası anlamına gelen B2B . İnternette e-biz olarak da bilinir. B2B, farklı işletmeler arasında ürün, hizmet, ürün ve hatta bilgi alışverişidir. Novi Builder söz konusu olduğunda, B2B, farklı hizmetler sunmak için kendi web sitesi şablonlarını kullanan kullanıcılarla bağlantılıdır. Sonuncusu çoğunlukla web tasarımı, web geliştirme, e-ticaret veya e-posta pazarlaması gibi iş nişleriyle ilgilidir.
İşletmeden müşteriye anlamına gelen B2C . Bu durumda bağlantı, bir şirket ile müşterileri arasında doğrudan yapılan işlemleri ifade eder. Burada müşteri, şirketin ürünlerini kullanan son kullanıcıdır. Novi Builder'dan bahsetmişken, B2C, web sitelerini zaten başlatmış olan son kullanıcılarla bağlantılıdır. Bu kullanıcılar istedikleri HTML şablonlarını satın alabilir ve mevcut web sitelerini içe aktarabilir. Novi Builder sayesinde sitenin içeriğini kaybetmeden bu mümkün. Sürükle ve bırak teknolojisiyle düzenleyebilir ve çok sayıda önceden paketlenmiş özelliklerle biçimlendirebilirsiniz.
Gördüğünüz gibi, B2C modeli B2B modelinden önemli ölçüde farklıdır. Sonuncusu, B2C sadece 1 işletme olduğunda 2 veya daha fazla işletme arasındaki ticaret bağlantısını ifade eder. Hangisini kullanırsanız kullanın Novi Builder her iki iş modeline de uygundur.
Novi Builder'ın B2C Modeli için Hangi Aletleri Var?
Bu HTML görsel oluşturucu B2C'de size nasıl yardımcı olacak? Tüm kalite araçlarının yaptığı gibi, Novi Builder da iş stratejisi göz önünde bulundurularak yapılmıştır. Sonuç olarak, editör çok sayıda son kullanıcı odaklı araçla birlikte gelir. Aşağıda çalışmak için en iyi 5 özelliği görebilirsiniz.
Sayfa Yönetimi
Her şeyden önce: Novi Builder, sahibine rahat bir Sayfa Yöneticisi sağlar. Bu özelliği kullanarak şunları yapabilirsiniz:
sayfalar oluştur,
sayfaları sil,
sayfaları düzenle,
ve ayarlarını yönetin.
Daha fazlasını söylemek gerekirse, tüm bunları tek bir tıklama ile yapabilirsiniz! Bu arada, Sayfa Yöneticisi ile çalışırken gerçekleştirebileceğiniz bazı ek işlemler vardır. Onlara nasıl ulaşıyorsunuz? Peki, çalışacağınız sayfanın üst kısmında bulunan içerik menüsünü kullanmanız yeterlidir.
Ana Görevler İçin 3 Farklı Mod
Novi Builder'ı açar açmaz farklı görevler için farklı modlar sağladığını göreceksiniz. Ana görevler için oluşturulmuş 3 mod vardır:
Ön izleme,
düzenleme,
ve Tasarım.
Önizleme modu
Düzenlemenizin hızlı sonuçlarını görmenizi sağlar. Önizlemenin herhangi bir çevrimiçi projenin önemli bir yönü olduğunu söylemeye gerek yok. Ve ilk web sitenizden bahsediyorsak daha da önemli hale geliyor. Tasarımınızı iki kez kontrol etmek ve ek değişiklikler gerektirip gerektirmediğini anlamak için bu seçenekleri kullanın.
Düzenleme modu
Bu, farklı içerik türlerini düzenlemenize yardımcı olan moddur. Liste aşağıdakileri içerir:
metinler,
simgeler,
düğmeler ve daha fazlası.
Tasarım Modu
Üçüncüsü, Tasarım Modunuz var . Web sitesinin koduna erişim sağlar. Kaynakla çalışmak gerekli değildir, ancak kodlama becerilerinizi geliştirmek istiyorsanız, Tasarım Modu tam da doktorun emrettiği şeydir.
Novi'yi deneyin
Geliştirici Araçları
Beklendiği gibi Novi Builder, paketinde birçok geliştirici aracı içeriyor. Bununla HTML, CSS ve JS düzenleyici ile çalışırken yeni bir web sitesi oluşturma deneyimi elde edebileceksiniz. Açıkçası, kaynak kodunu istediğiniz şekilde düzenleyebilirsiniz.
Tüm özellikler arasında Preset Manager'ı vurgulamak istiyorum . Bu harika şey, düzenleme sürecini ilerletmenize yardımcı olacaktır. Uzun lafın kısası, yönetici elle yeni hazır ayarlar oluşturmanıza ve bunları kitaplığa kaydetmenize olanak tanır. Her şey ABC kadar basit. İşte yapmanız gerekenler:
gerekli içerik öğesini seçin,
çalışma alanında seçin,
bağlam menüsünde bulunan Ön Ayar Olarak Kaydet düğmesine tıklayarak kaydedin .
Artık yeni çevrimiçi sayfalar oluşturmanız gerekeceği anda yeni hazır ayarları kullanabilirsiniz. Ön ayarı, diğer UI bileşenleriyle yaptığınız gibi düzenleyici penceresine sürükleyip bırakmanız yeterlidir.
Anında Yayıncılık
Başlamak için, bir web sitesi işletmek isteyen herkes, başarıya ulaşmak için çevrimiçi projenizi her zaman güncel tutmanız gerektiğini bilir. Bu yüzden anında yayınlama özelliğine ihtiyacınız olacak.
Aşağıdaki ekran görüntüsünden de görebileceğiniz gibi, sağ üst köşede açık mavi bir Siteyi Yayınla düğmesi var. Butona basarak siteyi doğrudan sunucuda yayınlayacaksınız. Ayrıca, orada Yayın Yolu ve Yapılandırma seçeneklerini de göreceksiniz.
Daha fazla özellik
Bu noktayı bitirmek için, Novi Builder'ı indirir indirmez kesinlikle arayacağınız bazı temel özellikleri size göstermek istiyorum.
Çözünürlüğü Değiştir seçeneği, web sitesi sahibinin çalışma alanı boyutunu değiştirmesine olanak tanır.
Web sitesinin veya sayfalarının ayarlarına erişmek istiyorsanız Ayarlar'a basın.
Şablonu İndir butonuna tıklayarak sitenin temasını indirebilirsiniz. Bu adım, müşterilerine sitelerini sağlaması veya bu projeleri diğer cihazlarda test etmesi gereken geliştiriciler için olmazsa olmaz bir adımdır.
Yeni Üyelik
İşte kesinlikle dikkatinizi gerektiren bir nokta daha! Novi Builder ile çalışmaya başlamak ister misiniz? Mesele şu ki, editörü kullanmaya başlamak için bir Novi Üyeliği satın almanız gerekecek.
Üyeliğe hangi bileşenler dahil edilecek? İşte buradalar.
İlk olarak, Novi Builder'ı alacaksınız.
İkinci olarak, farklı iş nişleri için profesyonelce tasarlanmış ve önceden paketlenmiş bazı kaliteli HTML şablonları elde edeceksiniz.
Üçüncüsü, sahip olmanız gereken bazı eklentileri de alacaksınız. Örneğin, sosyal medya eklentileri, iletişim formu eklentisi, kaydırıcılar, geri sayım, Google Haritalar ve çok daha fazlası gibi araçlar var!
Kısaca söylemek gerekirse, bir Novi Üyeliği satın alarak mevcut tüm şablonlara, eklentilere, varlıklara ve web tasarım öğelerine erişebileceksiniz. Ayrıca, gelecekte Novi ekibi tarafından oluşturulacak öğelere otomatik olarak erişebilirsiniz. Şüphesiz, web tasarımcıları ve geliştiricileri için olmazsa olmazlardandır.
3 farklı üyelik seçeneği bulunmaktadır. Her zaman olduğu gibi, seçiminiz ihtiyaçlarınıza bağlıdır.
Başlangıç üyeliği size yılda 29 dolara mal olacak.
Gelişmiş üyelik size yılda 49 dolara mal olacak.
Geliştirici üyeliği size yılda 149 dolara mal olacak.
Her paketin hangi seçenekleri içerdiğini öğrenmek için aşağıdaki ekrana göz atın.
Novi'yi deneyin
Bildiğiniz gibi, birçok popüler web sitesi oluşturucuyu (örneğin, WordPress için Elementor Sayfa Oluşturucu) indirmek ücretsizdir. Novi Builder söz konusu olduğunda, düzenleyiciyi kullanmak için en az 29 dolarlık planı satın almanız gerekir. Novi Builder ile çalışmanın en büyük dezavantajı bu gibi görünüyor. Ancak, rahat ve kullanıcı dostu bir web sitesi oluşturma süreci söz konusu olduğunda, 29 dolar çok da önemli değil, değil mi?
Bu arada, tüm işlemler güvenlidir. İşte seçim yapabileceğiniz ödeme seçenekleri:
Ayrıca Novi Builder aboneliğinizi istediğiniz zaman iptal edebilirsiniz. Bu hızlı ve basit bir işlemdir.
Şimdi, tüm ana ayrıntılara aşina olduğunuzda, Novi Builder'a daha yakından bakmanın zamanı geldi. Editörün arayüzü ile başlayalım.
Sahip olduğunuz en iyi 5 ücretsiz web sitesi oluşturucu yazılım seçeneğini okumak için bu bağlantıyı kullanın.
Yeni Arayüzü
Yeni başlayanlar için Novi arayüzünü açtığınızda gördükleriniz:
Ana panel
Novi modları değiştirici
Sayfa Yöneticisi
Ana menü
Görsel Düzenleyici alanı
Geliştirici araç çubuğu
Sayfalarla çalışırken seçenekleriniz şunlardır:
Sayfa yöneticisi tetikleyicisi
Sayfalar Arama filtresi
sayfa ekleme
Mevcut sayfalar listesi
İşte geliştiricinin araç çubuğunda göreceğiniz şey:
Geliştirici araçları alanı
HTML kodu düzenleyicisi
CSS kod düzenleyici
JS kod düzenleyicisi
Ön ayar yöneticisi
Eklenti yöneticisi
Sistem Gereksinimleri Nelerdir?
Kuruluma geçmeden önce sisteminizin gerekli gereksinimleri karşılayıp karşılamadığını kontrol edelim. Novi Builder ile rahat çalışmanız için gerekenler:
Tarayıcı : Chrome 50+ veya Safari 10+;
4GB RAM veya daha fazlası;
min ile göster. 1024 x 768 çözünürlük;
Minimum saat hızı 1GHz olan CPU ;
klavye ve fare,
ve ağ bağlantınızın minimum hızı 1 Mbps olmalıdır.
Novi Builder Nasıl Kurulur?
Her zaman olduğu gibi, inşaatçının yaratıcıları, kurulumun hızlı ve kolay olacağına söz verdiler. Ancak 2019'da çevrimiçi kullanıcılar uzun kılavuzlara ve sonsuz gereksinimlere alıştı. Bu nedenle, Novi Builder'ı nasıl kurabileceğinizi görelim.
Novi Builder'ı yerel bir sunucuya kurmak için rehberimi takip edin.
İlk olarak, yerel sunucuyu başlatmak için yazılımı (örneğin, WAMP, XAMP veya MAMP) indirmeniz gerekecektir.
İkinci olarak, web sunucu gereksinimlerinizi kontrol etmeniz ve sunucuyu bunlara göre kurmanız gerekecektir.
Üçüncüsü, sıkıştırılmış Novi Builder ile arşivi açmanız gerekecek. Bunu yaptıktan sonra, içeriği sunucu dizinlerinizden birine yerleştirin. Diskinizin adı/mamp/www/novi/ gibi görünecektir.
Son olarak, oluşturucuyu başlatmanız gerekecek. İlgili bağlantı olacak. Sadece üzerine tıklayın.
Novi Builder'ı uzak bir sunucuya yüklemek için sonraki adımları izleyin.
Her şeyden önce, düzenleyiciyi uzak bir sunucuya kurmak için web sunucusu gereksinimlerini de kontrol etmeniz gerekir. Evet, yine de bu adımdan kaçınamazsınız.
Gereksinimleri tamamladığınızda, FTP ile çalışmaya izin veren yazılımı indirin. Bugün en popüler olanları Total Commander 7+ ve FileZilla'dır.
Ardından, indirilen yazılımı yükleyin.
Şimdi Novi Builder arşivini açmanız ve oluşturucuyu barındırma sunucunuza yüklemeniz gerekecek. Aşağıda, örnek olarak Total Commander kullanarak bu adımı göstereceğim.
Değişiklikleri kaydedin.
İşte Novi Builder'ı Total Commander yardımıyla barındırma sunucunuza nasıl yükleyeceğiniz aşağıda açıklanmıştır.
Sunucunuzla bağlantı kurmak için yapmanız gerekenler:
NET sekmesine gidin ve ardından FTP bağlantısına gidin,
Yeni Bağlantı düğmesine tıklayın,
barındırma sağlayıcı verilerini belirtmek için ilgili alanları doldurun.
Alan olacaktır:
Oturum – buraya bağlantınızın adını yazmalısınız; (istediğiniz herhangi bir isim uygun olacaktır)
Barındırma Adı – buraya kullanıcı adınızı ve şifrenizi girin.
Ardından, Tamam düğmesine basın.
Gerekli dosyaları sunucuya yüklemek için şu adımları izleyin:
NET sekmesine gidin ve ardından FTP bağlantısına gidin,
daha önce oluşturduğunuz kullanıcı adını seçin, (Oturum alanına ihtiyacınız olacak)
Bağlan'a basın,
Novi Builder arşivinizin içeriğini kopyalayın,
kullandığınız varsayılan alan adının kök dizinine gidin,
kopyaladığınız oluşturucu arşivinin içeriğini yapıştırın, hepsi bu!
Novi Builder ve Yetkilendirme
0.9.0 sürümünden bildiğiniz gibi, Novi Builder parola korumasını tam olarak destekler. Bu yüzden Novi arayüzünü açmak için bir şifre girmeniz gerekecek. Varsayılan olarak, 'Novi'dir. Açıkçası, web sitesi oluşturmayı daha güvenli hale getirmek için değiştirmelisiniz.
İşte oraya nasıl ulaşacağınız.
Güvenlik ayarları anahtarı.
Burada varsayılan şifreyi girmeniz gerekecektir.
Kullanıcı yetkilendirmesini etkinleştirmek veya devre dışı bırakmak için bu seçeneği kullanın. Yeni değişiklikleri uygulamak için geçiş kartını girmeniz gerekeceğini unutmayın.
Demo modunu etkinleştirmek veya devre dışı bırakmak için bu seçeneği kullanın.
Yeni şifrenizi girmeniz gereken yer burasıdır.
Geçiş yoluyla oturum açmayı devre dışı bırakmak için şu adımları izleyin:
Novi Builder'ın ana menüsüne gidin,
Güvenlik Ayarlarını açın,
mevcut şifrenizi girin,
Şifre Yetkilendirmesini Etkinleştir seçeneğini bulun ve devre dışı bırakın,
gerçekleştirilen değişiklikleri kaydedin.
Şifreyi değiştirmek için şu adımları izleyin:
Novi Builder'ın ana menüsüne gidin,
Güvenlik Ayarlarını açın,
Şifre Değiştir sekmesine gidin,
mevcut geçişinizi girin,
yeni geçişinizi girin,
gerçekleştirilen değişiklikleri kaydedin.
Şifreyi sıfırlamak için şu adımları izleyin:
builder/php/session.php adresine gidin,
satıra yazın: '$currentPassword = “password”.'
Son olarak, Novi Builder ile çalışırken şunları unutmayın :
demo modu açıkken yetkilendirmeniz gerekmeyecek,
devre dışı bırakıldığında yetkilendirmeyi geçmeniz gerekmeyecek,
varsayılan geçiş yerine yeni geçiş oluşturarak güvenlik risklerini azaltırsınız.
Novi Builder Pack İçinde Hangi Eklentileri Bulacaksınız?
Eklentilerin neden herhangi bir web sitesi oluşturma aracının hayati yönlerinden birini oluşturduğunu açıklamaya gerek yok. Elbette, zaten yüksek kaliteli bir web sitesi şablonunuz varsa, varlıklarıyla çalışabilirsiniz. Bununla birlikte, içerik oluşturucunuzla bazı temel eklentiler edinmek de harika bir fikir gibi görünüyor. Peki Novi Builder ile hangi eklentilere sahip olacaksınız?
Ortalama olarak, editör 20 eklenti ile birlikte gelir. İşte buradalar.
#1 Arka Plan Resmi Eklentisi
Uzun lafın kısası, bu eklenti, öğenin arka plan resmini değiştirmenize olanak tanır. Diğer tüm Novi eklentileri gibi, Arka Plan Resmi eklentisinin kullanımı çok kolaydır. Arka planı değiştirebilir ve ayarları bir aksama içinde çevirebilirsiniz.
Resminizi arka plana eklemek için, hedef resmin üzerinde farenin sol tuşuna çift tıklamanız yeterlidir.
Medya galerinizin yetenekleri hakkında daha fazla bilgi edinmek için Medya Galerisi'ne gidin ve özellikler bölümünü açın. Novi Background Image eklentisi hakkında ayrıntılı belgeleri okumak için bu bağlantıyı da takip edebilirsiniz.
#2 Arka Plan Eklentisi
Bu Novi eklentisi, bir öğenin arka plan rengini değiştirmenize olanak tanır. Bu önemli bir araçtır çünkü farklı renk şemaları web sitenizi kolayca etkileyebilir.
Simgenin renginin daha önce seçtiğiniz tona bağlı olduğunu unutmayın.
Novi Background eklentisi hakkında ayrıntılı belgeleri okumak için bu bağlantıyı izleyin.
#3 Resim Eklentisi
Bu Novi Builder eklentisi, görüntüleri değiştirmenize olanak tanır. Resminizi eklemek için, hedef resmin üzerinde farenin sol tuşuna çift tıklamanız yeterlidir.
Eklentinin olanakları hakkında daha fazla bilgi edinmek için Medya Galerisi'ne gidin ve özellikler bölümünü açın. Ayrıca, Novi Image eklentisi hakkında ayrıntılı belgeleri okumak için bu bağlantıyı kullanabilirsiniz.
#4 Iframe Eklentisi
Bu eklenti, içeriğinizin bir çerçeve içinde görüntüleneceği kaynağı seçmenize olanak tanır.
Daha fazlasını okumak için, Iframe eklentisinin ayrıntılı belgelerini açın.
#5 Bağlantı Eklentisi
Varlığın adından da anlaşılacağı gibi, bu öğe bağlantıyı değiştirmenize izin verir.
Link eklentisi ile çalışırken şunları aklınızda bulundurun:
querySelector (varsayılan olarak “a[href]” olarak ayarlanmıştır) – eklenti tarafından işlenen öğeyi tanımlamanıza olanak tanır;
applicationToProjectElements (varsayılan olarak etkindir) – eklentinin ayarları kaydedilirken projedeki tüm bağlantıların (ön ayarlar ve tüm sayfalar dahil) değiştirilmesini etkinleştirmeye/devre dışı bırakmaya izin verir;
favori Bağlantılar – favori proje bağlantılarını yapılandırmanıza olanak tanır.
Eklenti yönetimi alanına hızlıca bir göz atalım. İşte Link eklentisi ile çalışırken bilmeniz gerekenler. Bağlantı Türü, ekleme için bir bağlantı türü seçmenize olanak tanır. Seçilebilecek 3 bağlantı türü vardır:
Sayfalar – tüm proje sayfalarının mevcut olacağı yerler,
Favoriler – eklenti ayarlarında belirtilen tüm bağlantıların görüntüleneceği yer,
Özel – özel bir bağlantı ayarlayabileceğiniz yer.
Ayrıca, varsayılan olarak Özel sekmesinin açılacağını da eklemeliyim. Tek istisna, seçilen bir öğedeki bağlantınızın sayfalardan birine veya favori bir bağlantıya karşılık gelmesidir.
Daha fazlasını okumak için Link eklentisinin ayrıntılı belgelerine bakın.
#6 Malzeme Paralaks Eklentisi
Başlamak için, Paralaks kaydırma hakkında birkaç kelime söyleyelim. Efekt aslında video oyunlarında kullanılmak üzere yaratılmış olsa da, Parallax hala web tasarım trendlerinin başında geliyor. Dikkat çekici bir derinlik ve hareket yanılsaması yaratır. Sonuç olarak, web sitenizin içeriği boyunca ziyaretçilere güzel ve etkileşimli bir şekilde rehberlik edebilirsiniz.
Bu Novi Builder eklentisi Material Paralaks betiğiyle çalışır. Paralaks için kullanılacak kaynak görüntüleri değiştirmenizi sağlar. Karmaşık bir şey olmayacak. Görsel düzenleme araçları ile kolayca yapabilirsiniz. Kodlama gerekmez!
Resim Yükleme alanında şunları göreceksiniz:
Dosya Seç – gerekli görüntüyü seçmek için bu düğmeye basın.
Arka Plan Resmini Yükle – seçtiğiniz resmi yüklemek için bu düğmeye basın.
#7 Etiket Eklentisi
Bu Novi Builder eklentisi, form alanının etiketini değiştirmenize izin vermek için yapılmıştır.
#8 Geri Sayım Eklentisi
Bildiğiniz gibi bu günlerde geri sayım en kullanışlı web tasarım trendleri arasında yer alıyor. Bu küçük ama akıllı öğe, birçok şeyi minimalist bir şekilde sergilemenize olanak tanır. Aslında, bugün için önemli bilgileri sergilemenin en rahat yolu budur ve işte nedeni budur.
İnsan beyni tuhaf ve karmaşık bir mekanizmadır. Görsel öğeleri diğer bilgi türlerinden daha hızlı tanır. Bu yüzden sayaçlar olmazsa olmazınızdır. Daha fazlasını söylemek gerekirse, beynimiz görsel bilgileri daha uzun süre hatırlar. Sayaçlar yardımıyla tamamladığınız tüm projeleri tanıtabilir, kaç tane mutlu müşteriniz veya başarılı fikriniz olduğunu gösterebilir ve çok daha fazlasını yapabilirsiniz.
Bu nedenle, geri sayım sayaçları gerekli bilgileri veya olayı vurgulamanıza olanak tanır. Örneğin, bir müşterinin bir indirimin başlangıcına veya özel bir teklifin sonuna kadar kaç saati olduğunu göstermek için zamanlayıcıyı kullanabilirsiniz.
#9 Google Harita Eklentisi
2019'da herhangi bir web sitesinde görebilseniz de, haritalar eklentisine sahip olmak hala güzel bir şey. Modern beklentiler rahatlamaya alıştı, bu yüzden çevrimiçi haritalar sağlamanızı bekliyorlar. Ayrıca, çevrimiçi projeniz için Google haritalarını kullanarak projeyi daha da müşteri dostu hale getirirsiniz. Sonuç olarak, insanlar ofisinizin nerede olduğunu görebilir ve ona en kısa yolu seçebilir.
Novi Builder, harita ayarlarını görsel olarak değiştirmenize izin veren Google Haritalar eklentisi ile birlikte gelir.
Harita ayarları panelinde görebilecekleriniz şunlardır :
Google Haritalar JavaScript API'sini kullanmak için API anahtarını ayarlamak için API Anahtarı alanını kullanın;
Harita merkezinin koordinatlarını ayarlamak için Harita Merkezi alanı;
Yakınlaştırma seviyesini tanımlamak için yakınlaştırma alanı;
Harita stilini seçmek için stil seçme seçeneği;
İşaretleyici Simgesi ve Etkin İşaretleyici Simgesi, varsayılan ve etkin durumlar için işaretleyiciyi ayarlamak için seçenekleri belirleyin.
Harita iğneleri ayarları panelinde görebilecekleriniz şunlardır:
İşaretçi Konumu alanı, işaretçi konumunu ayarlamanıza yardımcı olacaktır;
işaretçi tanımını belirtmek için İşaretçi Açıklaması alanını kullanın; aktif durumda gösterilecektir;
İşaretçi Konumunu eklemek için İşaretleyici Ekle düğmesini ve yeni işaretçiyi eklemek için İşaretçi Açıklaması grubunu kullanın.
#10 Simge Eklentisi
Bu Novi Builder eklentisi, web sitesinde kullandığınız simgeleri değiştirmenize yardımcı olacaktır.
Yapıştırılacak simgeyi seçmek için, farenin sol tuşuyla öğeye çift tıklayın.
#11 Baykuş Atlıkarınca Eklentisi
2019'da bile, atlıkarıncalar hala moda. Novi Builder, tek bir kod satırına dokunmadan karuselleri yapılandırmanıza izin veren Owl Carousel eklentisiyle birlikte gelir.
Görünür Öğeler alanı, gösterilecek öğe sayısını tanımlamanıza yardımcı olacaktır. Özelliği kullanarak, ekran boyutuna bağlı olarak görünen öğelerin sayısının değişmesini sağlayabilirsiniz.
Öğeler Arasına Girinti alanı, atlıkarınca öğeleri arasındaki boşlukları ayarlamanıza yardımcı olacaktır. Özelliği kullanarak, ekran boyutuna bağlı olarak öğeler arasındaki mesafeyi değiştirebilirsiniz.
Döngü Değiştiriciyi Etkinleştir, atlıkarınca döngüsünü etkinleştirmenize veya devre dışı bırakmanıza yardımcı olur. Bu arada, önizleme modunda yapabilirsiniz.
Carousel Autoplay Switcher, carousel otomatik oynatmayı etkinleştirmenize veya devre dışı bırakmanıza yardımcı olur. Ayrıca önizleme modu ile birlikte gelir.
Carousel Autoplay Delay alanı, kayan gecikmeyi ayarlamanıza yardımcı olacaktır.
#12 Kampanya İzleme Eklentisi
Bu Novi Builder eklentisi, formu Campaign Monitor hizmetiyle çalışacak şekilde yapılandırmanıza yardımcı olacaktır.
Form Yapılandırma alanında görebilecekleriniz:
Kampanya İzleme Kayıt URL'si alanı, formun eylemini tanımlar;
Kampanya İzleme Giriş Adı alanı, giriş alanının ad özniteliğinin değerini tanımlar.
#13 MailChimp Eklentisi
Söylemeye gerek yok, bülten aboneliği hala herhangi bir çevrimiçi proje için olmazsa olmazlardan biridir. Niye ya? Eh, çünkü bu şekilde web sitesinin hedef kitlesini hızla büyütebilir ve bütçeniz tükenmeden insanları etkileşimde tutabilirsiniz.
Dolayısıyla, bu Novi Builder eklentisi, çalışmayı MailChimp hizmetiyle yapılandırmanıza olanak tanır.
#14 RD Posta Formu Eklentisi
Önceki araçla aynı olan bu Novi Builder eklentisi, görsel düzenleme kullanarak RD Mailform ile çalışmanıza olanak tanır.
#15 RD Instagram Akışı ve #16 RD Twitter Akışı Eklentisi
Bu Novi Builder eklentileri, sosyal medya etkinliğini artırmak için yapılmıştır. Biraz sosyal trafik alacaksanız, bu varlıkları kaçırmayın. Her iki eklentinin de kullanımı kolaydır ve görsel düzenleme araçlarıyla Instagram ve Twitter beslemelerini ayarlamanıza olanak tanır.
#17 Kamera Kaydırıcı Eklentisi
Bu, Novi Builder'ın size sağladığı bir başka olmazsa olmaz eklentidir. Varlık, kamera kaydırıcısını zahmetsizce yapılandırmanıza olanak tanır.
#18 Swiper Slider Eklentisi
Bu Novi Builder eklentisi, Swiper Slider'ı zevkinize göre ayarlamanıza izin verir.
Resim Yükleme alanında görebilecekleriniz:
Dosya düğmesini seçmek, bir görüntü seçmenize yardımcı olacaktır;
Arka Plan Resmini Yükle düğmesi, seçilen resmi yüklemenizi sağlar.
Resim Seçimi alanında görebilecekleriniz:
Bir resim eklemek için, hedef resim üzerinde farenin sol tuşuna çift tıklamanız gerekecektir.
Görüntü Kırpma alanında görebilecekleriniz:
Orijinal görüntünün en boy oranını korumak için Orijinal En Boy Oranını Koru ayarını kullanın.
#19 Video Eklentisi
Görsel vitrininizi kurmak için bu Novi Builder eklentisini kullanın.
#20 Işık Galerisi Eklentisi
Görsel araçları kullanarak Light Gallery'yi kurmak için bu Novi Builder eklentisini kullanın.
Galeri Ayarları alanında görebilecekleriniz şunlardır:
Galeri Slayt Animasyonu, galeri öğeleri geçişinin animasyonunu ayarlamanıza olanak tanır;
Küçük resimler değiştirici, galeri öğelerinin önizleme gösterimini etkinleştirmenize veya devre dışı bırakmanıza yardımcı olur;
Döngü değiştirici, galeri öğelerinin döngülenmesini etkinleştirmenize veya devre dışı bırakmanıza yardımcı olur;
Otomatik oynatma değiştirici, galeri öğelerinin otomatik oynatılmasını etkinleştirmenize veya devre dışı bırakmanıza yardımcı olur;
Galeri Otomatik Oynatma Gecikmesi alanı, öğe gecikme süresini yapılandırmanıza olanak tanır.
Yani, Novi Builder ile birlikte gelen tüm eklentiler bunlardı. Her şeyi özetlemek için, işte aldığınız şey.
Novi Builder ile Çalışmanın Temel Olanakları
Artık Novi Builder'ın nasıl çalıştığını biliyorsunuz. Her şeyi özetlemek gerekirse, editörle çalışırken kolayca gerçekleştirebileceğiniz eylemler şunlardır. Böylece şunları yapabileceksiniz:
web sitenizin içeriğini canlı modda düzenleyin;
Zaten bazılarını satın almış olmanız durumunda, farklı HTML temalarını oluşturucuya aktarın;
herhangi bir özelliği, seçeneği veya web tasarımı bileşenini kopyalamak, eklemek, değiştirmek ve kaldırmak;
seçilen tema için önceden tasarlanmış öğeler olarak gelen çeşitli yeni içerik bloklarını kullanın;
sadece birkaç tıklamayla adlandırılmış öğeleri kişisel zevkinize göre ayarlayın;
çevrimiçi projenizin farklı bölümlerinde kullanılacak bazı videoları ve görüntüleri oraya koymak için kendi medya kitaplığınızı yönetin;
metinleri düzenle,
URL'leri düzenle,
arka planları ve degradeler, renkler ve resimler dahil tüm ayrıntıları oluşturun ve düzenleyin;
okunabilir ve %100 göz dostu web fontlarıyla çalışın (yeni bir Google Fonts koleksiyonu var)
temanıza dahil olan simgelerle çalışın;
gerekirse yeni simgeler yükleyin ve bunları istediğiniz şekilde düzenleyin;
CSS, HTML ve JS kodu ile oynayacaksanız Novi IDE kod düzenleyicisi ile çalışmayı deneyin;
web sitenizin tasarımına göz alıcı bir kaydırıcı ekleyin,
etkileyici Paralaks efekti kullanın,
iletişim formları oluşturmak,
Google Haritalar ekleyin,
görsel içeriğinizi geliştirmek için zarif atlıkarıncalar oluşturun, vb.
Söylemeye gerek yok, bunlar sadece birkaç isimdi! Aslında Novi Builder, sitenizi zenginleştirmek için sayısız harika tasarım öğesiyle birlikte gelir.
Novi Olacak Kullanıcının Soru-Cevabı
Şimdi Novi Builder ile çalışmakla ilgili en popüler soruları yanıtlama zamanı.
Novi Builder farklı tarayıcıları destekliyor mu?
Evet öyle. Ayrıca, en popüler tarayıcılarda düzenli olarak test edilir: Safari ve Google Chrome.
Novi Builder'ı ve şablonlarını farklı çevrimiçi projeler için kullanabilecek miyim?
Başlangıç olarak, oluşturucuyu kullanarak sınırsız sayıda çeşitli web sitesi çalıştırabilirsiniz. Bu nedenle, evet, Novi Builder'ı farklı siteler için kesinlikle kullanabilirsiniz.
Birisi Novi Builder'ı üçüncü taraf sitelerden satın alabilir mi?
Temel olarak, Novi Builder'ı başka sitelerden satın almak mümkündür. Ancak, ücretsiz üyelik almayacağınızı unutmayın. Üçüncü taraf bir siteden alışveriş yapmış olsanız bile bu mümkün olmayacaktır.
HTML tabanlı web sitemi Novi Builder'a aktarabilir miyim?
Yukarıda da belirttiğim gibi mevcut sitenizi içeriğini kaybetmeden Novi Builder'a aktarabilirsiniz.
Güncellemeleri nasıl alacağım?
Güncellemeler yayınlanır yayınlanmaz bunları otomatik olarak alacaksınız. Ayrıca, kişisel hesabınızın 'İndirilenler' bölümünden en yeni HTML şablonlarını indirebilirsiniz.
Geri ödeme alabilecek miyim?
Evet, Novi Builder ile çalışarak tam bir geri ödeme alabilirsiniz. Editörün üyelik planlarından herhangi biri için gelir. Satın alma işleminden sonra 30 gün içinde geri ödeme alabilirsiniz.
Novi Builder ile yapılmış şablonları satabilir miyim?
Evet yapabilirsin! Oluşturucu, tasarımcılar ve geliştiriciler için yapıldı. Sadece Geliştirici planını seçin. Novi Builder tarafından desteklenen şablonları oluşturma ve satma lisansını size verir. Bunları herhangi bir üçüncü taraf pazaryerinde satabilirsiniz.
Tasarımı değiştirmeden web sitelerim için Novi Builder şablonunu kullanmak mümkün müdür?
Cevap Evet. Novi Builder temalarıyla yapılmış birden fazla web sitesini yönetebilirsiniz ve istemediğiniz takdirde tasarımı değiştirmek zorunda kalmazsınız.
Son düşünceler
Her şeyi özetlemek gerekirse, Novi Builder'ın kullanıcılarına as ve tam özellikli HTML şablonları sağladığını söyleyebilirim. Önceden tasarlanmışlardır ve herhangi bir beceri seviyesindeki kişi tarafından kullanılabilirler. Ancak, temalar tamamen düzenlenebilir ve açık kaynak koduyla birlikte gelir. Böylece, aboneliği alarak, farklı web sitesi şablonları, eklentiler ve diğer içerik öğelerinden oluşan zengin bir koleksiyona erişebilirsiniz. Söylemeye gerek yok, daha fazla UI bileşeni geliyor. Novi Builder, otomatik olarak kurulacak olan düzenli güncellemeleri alır. Bu, her zaman aralarından seçim yapabileceğiniz bazı modaya uygun özelliklere sahip olacağınız anlamına gelir.
Web tasarımı veya web geliştirme gibi iş nişleri söz konusu olduğunda, Novi Builder gerçekten mutlaka görülmeli! Editörü kullanarak müşterileriniz için kaç tane çevrimiçi proje yürütebileceğinizi hayal edin. Sonuç olarak, hiç sınır yok!
Son olarak, Novi Builder'ı varsayılan HTML Sayfa Oluşturucu ile karşılaştıralım.
Yeni Oluşturucu
HTML Oluşturucu
Metni düzenle
EVET
EVET
Stilize metin (kalın, renkli, italik ve diğerleri)
EVET
EVET
Tasarımcılar için araçlar
EVET
NUMARA
Çoklu sayfa oluşturma
EVET
EVET
Proje yedekleme
EVET
NUMARA
Sorumlu tasarım
EVET
EVET
otomatik kaydetme
EVET
NUMARA
Sayfa Önizleme
EVET
NUMARA
Kategorilere/içeriklere/ada göre arama bloğu
EVET
EVET
Izgara kurulumu
EVET
NUMARA
URL'leri düzenle
Kullanıcı Eklentisi
EVET
Kaydırıcı kurulumu
Kullanıcı Eklentisi
NUMARA
Harita kurulumu
Kullanıcı Eklentisi
NUMARA
İletişim Formu kurulumu
Kullanıcı Eklentisi
NUMARA
Instagram/Twitter/Facebook kurulumu
Kullanıcı Eklentisi
NUMARA
Akordeon kurulumu
EVET
NUMARA
Navigasyon Kurulumu
EVET
EVET
Add/Remove elements (widgets)
YES
NO
Add/Remove blocks (sections)
YES
YES
What about your choice of website builder? Don't hesitate to leave a comment below.