Jak uruchomić stronę HTML z Novi HTML Website Builder?

Jeśli chodzi o tworzenie stron internetowych w 2019 roku, nie ma potrzeby zajmować się kodowaniem. Jestem pewien, że wiesz już wszystko i cokolwiek o różnych gotowych produktach cyfrowych. W dzisiejszych czasach możesz łatwo uzyskać wszystko, co zostało wstępnie zaprojektowane i zapakowane dla Ciebie. Z tych prostych powodów istnieje tak wiele przyciągających wzrok stron internetowych. Ludzie szukają nowych sposobów na wyróżnienie się z tłumu. Dlatego stale rośnie ilość świeżych responsywnych motywów stron internetowych, wtyczek, zasobów i trendów w projektowaniu stron internetowych.

Jednak to, że coś jest nowe, nie oznacza, że ​​jest to produkt w 100% godny Twojej uwagi. Jak więc wybrać swój jedyny przedmiot? W tym poście pomogę Ci w podjęciu ostatecznej decyzji. W jednym z poprzednich postów pokazałem, jak zrobić stronę internetową w WordPressie. Jak sama nazwa postu mówi, dzisiaj będę recenzował jednego z 5 najlepszych kreatorów stron internetowych – Novi Builder .

Jeśli wolisz pracować z HTML, na pewno słyszałeś już tę nazwę, ponieważ Novi Builder zawiera wszystkie nowoczesne responsywne szablony HTML. Jakie są więc główne zalety pracy z edytorem i czy są jakieś wady? Bądź na bieżąco, aby dowiedzieć się o wszystkich kluczowych rzeczach dotyczących najbardziej przydatnego narzędzia do tworzenia stron dla HTML .

Historia Novi Builder

Wypróbuj Novi

Zgodnie z tradycją, zanim zaczniemy, przyjrzymy się historii tego wizualnego konstruktora HTML. Pierwsze wydanie Novi Buildera miało miejsce 3 lata temu, w 2016 roku. Krótko mówiąc, zespół Novi zaprojektował edytor z myślą o 3 głównych funkcjach:

• absolutnie przyjazny twórcom mechanizm pracy,
• w 100% intuicyjny interfejs,
• i oczywiście najnowszą technologię „przeciągnij i upuść”.

Czy pamiętasz, jak wyglądała edycja strony internetowej w 2016 roku? Był w większości nudny i zawierał tylko niezbędne funkcje. Niemniej jednak postęp cyfrowy nigdy nie stał w miejscu, więc w użyciu było wiele modnych opcji i stylowych elementów do projektowania stron internetowych. Widząc to, twórcy Novi Buildera postanowili dodać to wszystko do pakietu redaktora. Dodali tyle trendów w projektowaniu stron internetowych, ile było możliwe w tamtych czasach. Jeśli coś dominowało na rynku cyfrowym, to już było w pakiecie Novi.

Z drugiej strony dodanie tylko popularnych funkcji nie wystarczyło. Dlatego zespół Novi kontynuował badania. Jak wszystkie inteligentne firmy, chciały zbadać publiczność, aby poznać potrzeby potencjalnych klientów. Badania wykazały, że ludzie przede wszystkim szukali komfortu.

W rezultacie wkrótce Novi Builder umożliwił użytkownikom online:

• tworzyć przejrzyste i dobrze ustrukturyzowane layouty bez dotykania jednej linijki kodu,
• praca z technologią przeciągnij i upuść,
• przyspieszyć proces budowy strony internetowej,
• i zaprojektuj stronę internetową z różnymi dobrze wyglądającymi komponentami interfejsu użytkownika.

Choć w dzisiejszych czasach trudno zaskoczyć użytkownika technologią „przeciągnij i upuść”, w 2016 roku było to prawdziwe cudo. Ponadto nie zapominaj, że wtedy jedynym przydatnym edytorem treści, który zapewniał funkcję przeciągania i upuszczania, był Elementor. Zawierał wszystkie niezbędne funkcje, ale został stworzony tylko dla projektów internetowych opartych na WordPressie. Jednocześnie HTML nigdy nie był najłatwiejszą rzeczą do pracy, gdy nie jesteś technikiem.

Po długich i szczegółowych badaniach poprawiono również technologię „przeciągnij i upuść”, której używał Novi Builder. W rezultacie ludzie mogli tworzyć nowe strony internetowe i edytować swoje witryny, po prostu przeciągając wybrane elementy projektu i upuszczając je do okna edytora.

Przyzwyczajenie się do Novi Buildera zajęło publiczności zaledwie kilka miesięcy. Wkrótce stał się popularny. Nie trzeba dodawać, że w edytorze wprowadzono wiele aktualizacji. Rok później twórcy zaprezentowali pierwszą klasyczną wersję Novi Buildera. Od tego czasu nadal otrzymywał regularne aktualizacje, które obejmują różne opcje, trendy w projektowaniu stron internetowych i wiele dodatkowych instrumentów.

Podsumowując, Novi Builder nie tylko przyspieszył proces tworzenia strony internetowej, ale także przyniósł wiele nowych możliwości początkującym, którzy chcieli pracować z HTML. Dzięki niemu ludzie mogli wreszcie projektować swoje strony internetowe nie tylko tak, jak potrafią, ale tak, jak chcą. Jak tylko Novi Builder został wydany, edytowanie stron HTML stało się bezstresową rzeczą. Dlatego został uznany za najlepszy wizualny kreator stron internetowych dla HTML.

Powrót do teraźniejszości

Dzisiaj Novi Builder jest nazywany najlepszym edytorem typu „przeciągnij i upuść” dla HTML. Krótko mówiąc, kreator usprawnia proces pracy i ułatwia użytkownikom na każdym poziomie umiejętności. Pracując z Novi Builder, możesz szybko projektować nowe strony internetowe, korzystając z różnych wstępnie zaprojektowanych bloków treści.

Co więcej, umożliwia również edycję treści serwisu na żywo. Ten krok jest bardzo ważny dla każdego początkującego, ponieważ w ten sposób możesz uniknąć popełniania typowych błędów podczas tworzenia projektów.

Chcesz zobaczyć, jak działa edytor? Możesz spróbować pracować z Novi Builder, uruchamiając jego wersję demonstracyjną. Wystarczy kliknąć link, aby otworzyć bezpłatną wersję demonstracyjną edytora.

Do jakich modeli biznesowych nadaje się Novi Builder?

Kolejną rzeczą, którą powinieneś wiedzieć o Novi Builder jest to, że jest to platforma internetowa B2B/B2C . Co to znaczy? Zobaczmy.

1. B2B, czyli business-to-business. W Internecie jest również znany jako e-biz. B2B to wymiana produktów, usług, przedmiotów, a nawet informacji między różnymi firmami. Jeśli chodzi o Novi Builder, B2B łączy się z użytkownikami, którzy wykorzystują własne szablony stron internetowych do świadczenia różnych usług. Te ostatnie dotyczą głównie nisz biznesowych, takich jak projektowanie stron internetowych, tworzenie stron internetowych, eCommerce czy e-mail marketing.
2. B2C, czyli business-to-customer. W tym przypadku połączenie dotyczy transakcji realizowanych bezpośrednio między firmą a jej klientami. Tutaj klient jest użytkownikiem końcowym, który korzysta z produktów firmy. Mówiąc o Novi Builder, B2C łączy się z użytkownikami końcowymi, którzy już uruchomili swoje strony internetowe. Ci użytkownicy mogą kupować dowolne szablony HTML i importować istniejące witryny. Dzięki Novi Builder jest to możliwe bez utraty zawartości strony. Możesz go edytować za pomocą technologii „przeciągnij i upuść” i nadać mu styl za pomocą wielu gotowych funkcji.

Jak widać, model B2C znacząco różni się od modelu B2B. Ten ostatni odnosi się do połączenia handlowego między 2 lub więcej firmami, gdy B2C to tylko 1 firma. Niezależnie od tego, czego będziesz używać, Novi Builder nadaje się do obu modeli biznesowych.

Jakie instrumenty ma Novi Builder dla modelu B2C?

W jaki sposób ten wizualny kreator HTML pomoże Ci w B2C? Jak wszystkie narzędzia wysokiej jakości, Novi Builder został stworzony z myślą o strategii biznesowej. W rezultacie edytor jest wyposażony w wiele instrumentów zorientowanych na użytkownika końcowego. Poniżej możesz zobaczyć 5 najważniejszych funkcji, z którymi możesz pracować.

Zarządzanie stronami

Po pierwsze: Novi Builder zapewnia właścicielowi wygodnego Page Managera. Korzystając z tej funkcji, możesz:

• tworzyć strony,
• usunąć strony,
• edytować strony,
• i zarządzać ich ustawieniami.

Aby powiedzieć więcej, możesz to wszystko zrobić jednym kliknięciem! Nawiasem mówiąc, istnieje kilka dodatkowych czynności, które możesz wykonać podczas pracy z Page Managerem. Jak do nich docierasz? Cóż, wystarczy użyć menu kontekstowego, które znajduje się u góry strony, z którą będziesz pracować.

3 różne tryby dla głównych zadań

Jak tylko otworzysz Novi Builder , zobaczysz, że zapewnia różne tryby dla różnych zadań. Istnieją 3 tryby, które zostały stworzone dla głównych zadań:

• Zapowiedź,
• Redagowanie,
• i projektowanie.

Tryb podglądu

Pozwala zobaczyć szybkie wyniki edycji. Nie trzeba dodawać, że podgląd jest ważnym aspektem każdego projektu online. A to staje się jeszcze ważniejsze, jeśli mówimy o Twojej pierwszej stronie internetowej. Po prostu skorzystaj z tych opcji, aby dokładnie sprawdzić swój projekt i dowiedzieć się, czy wymaga on dodatkowych zmian.

Tryb edycji

Jest to tryb, który pomaga edytować różne typy treści. Lista zawiera takie rzeczy jak:

• teksty,
• ikony,
• przyciski i nie tylko.

Tryb projektowania

Po trzecie, masz tryb projektowania . Zapewnia dostęp do kodu strony internetowej. Praca ze źródłem nie jest konieczna, ale jeśli chcesz poprawić swoje umiejętności kodowania, tryb projektowania jest właśnie tym, co zalecił lekarz.

Wypróbuj Novi

Narzędzia deweloperskie

Zgodnie z oczekiwaniami, Novi Builder zawiera w swoim pakiecie wiele narzędzi programistycznych. Dzięki niemu będziesz mógł uzyskać nowe wrażenia z tworzenia stron internetowych podczas pracy z edytorem HTML, CSS i JS. Oczywiście możesz edytować kod źródłowy tak, jak chcesz.

Wśród wszystkich funkcji chciałbym wyróżnić Preset Managera. Ta fajna rzecz pomoże ci w dalszym procesie edycji. Krótko mówiąc, menedżer umożliwia ręczne tworzenie nowych ustawień i zapisywanie ich w bibliotece. Wszystko jest tak proste jak ABC. Oto, co musisz zrobić:

• wybierz potrzebny element treści,
• wybierz go w obszarze roboczym,
• zapisz go, klikając przycisk Zapisz jako ustawienie wstępne znajdujący się w menu kontekstowym.

Teraz możesz korzystać z nowych ustawień wstępnych, gdy tylko zajdzie potrzeba tworzenia nowych stron internetowych. Po prostu przeciągnij i upuść ustawienie wstępne do okna edytora, tak jak robisz to z innymi komponentami interfejsu użytkownika.

Natychmiastowe publikowanie

Na początek każdy, kto kiedykolwiek chciał prowadzić stronę internetową, wie, że aby osiągnąć sukces, należy zawsze aktualizować swój projekt online. Dlatego będziesz potrzebować funkcji natychmiastowego publikowania.

Jak widać na poniższym zrzucie ekranu, w prawym górnym rogu znajduje się jasnoniebieski przycisk Opublikuj witrynę . Naciskając przycisk, opublikujesz witrynę bezpośrednio na serwerze. Dodatkowo zobaczysz tam również opcje Ścieżka publikacji i Konfiguracja .

Więcej funkcji

Aby zakończyć ten punkt, chcę pokazać kilka bardziej podstawowych funkcji, których na pewno będziesz szukać zaraz po pobraniu Novi Builder.

Opcja Zmień rozdzielczość umożliwia właścicielowi witryny zmianę rozmiaru obszaru roboczego.

Naciśnij Ustawienia, jeśli chcesz uzyskać dostęp do ustawień witryny lub jej stron.

Klikając przycisk Pobierz szablon , możesz pobrać motyw witryny. Ten krok jest niezbędny dla programistów, którzy muszą udostępniać klientom swoje witryny lub testować te projekty na innych urządzeniach.

Członkostwo Novi

Oto kolejny punkt, który zdecydowanie wymaga Twojej uwagi! Czy chcesz rozpocząć współpracę z Novi Builderem? Chodzi o to, że aby zacząć korzystać z edytora, musisz wykupić członkostwo Novi.

Jakie składniki zostaną uwzględnione w członkostwie? Tutaj są.

1. Po pierwsze otrzymasz Novi Builder.
2. Po drugie, otrzymasz wysokiej jakości szablony HTML, które zostały profesjonalnie zaprojektowane i przygotowane dla różnych nisz biznesowych.
3. Po trzecie, otrzymasz również niezbędne wtyczki. Na przykład istnieją takie narzędzia jak wtyczki mediów społecznościowych, wtyczka formularza kontaktowego, suwaki, odliczanie, Mapy Google i wiele więcej!

Krótko mówiąc, kupując członkostwo Novi, uzyskasz dostęp do wszystkich istniejących szablonów, wtyczek, zasobów i elementów projektowania stron internetowych. Dodatkowo automatycznie uzyskasz dostęp do tych przedmiotów, które zostaną stworzone przez zespół Novi w przyszłości. Bez wątpienia jest to pozycja obowiązkowa dla projektantów i programistów stron internetowych.

Do wyboru są 3 różne członkostwa. Jak zawsze Twój wybór zależy od Twoich potrzeb.

1. Członkostwo startowe będzie kosztować 29 USD rocznie.
2. Zaawansowane członkostwo kosztuje 49 USD rocznie.
3. Członkostwo programisty kosztuje 149 USD rocznie.

Sprawdź poniższy ekran, aby dowiedzieć się, jakie opcje zawiera każdy pakiet.

Wypróbuj Novi

Jak być może wiesz, wiele popularnych kreatorów stron internetowych (np. Elementor Page Builder dla WordPress) można pobrać bezpłatnie. Jeśli chodzi o Novi Builder, musisz kupić co najmniej 29 $ planu, aby korzystać z edytora. Wygląda na to, że jest to największa wada pracy z Novi Builder. Jednak jeśli chodzi o wygodny i przyjazny dla użytkownika proces tworzenia strony internetowej, 29 USD to nie jest wielka sprawa, prawda?

Nawiasem mówiąc, wszystkie transakcje są bezpieczne. Oto opcje płatności do wyboru:

Ponadto w dowolnym momencie możesz anulować subskrypcję Novi Builder. To szybki i prosty proces.

Więc teraz, gdy znasz już wszystkie główne szczegóły, nadszedł czas, aby przyjrzeć się bliżej Novi Builder. Zacznijmy od interfejsu edytora.

Użyj tego linku, aby przeczytać o 5 najlepszych dostępnych opcjach bezpłatnego oprogramowania do tworzenia witryn.

Nowy interfejs

Na początek oto, co widzisz po otwarciu interfejsu Novi:

• Panel główny
• Przełącznik trybów Novi
• Menedżer stron
• Menu główne
• Obszar edytora wizualnego
• Pasek narzędzi programisty

Oto opcje dostępne podczas pracy ze stronami:

1. Wyzwalacz menedżera strony
2. Filtr wyszukiwania stron
3. Dodawanie strony
4. Lista istniejących stron

A oto, co zobaczysz na pasku narzędzi programisty:

1. Obszar narzędzi programistów
2. Edytor kodu HTML
3. Edytor kodu CSS
4. Edytor kodu JS
5. Menedżer ustawień wstępnych
6. Menedżer wtyczek

Jakie są wymagania systemowe?

Zanim przejdziemy do instalacji, sprawdźmy, czy Twój system spełnia wymagane wymagania. Oto, czego potrzebujesz, aby wygodnie pracować z Novi Builder:

• Przeglądarka : Chrome 50+ lub Safari 10+;
• 4 GB pamięci RAM lub więcej;
• wyświetlacz z min. rozdzielczość 1024 x 768;
• Procesor o minimalnej częstotliwości taktowania 1GHz;
• klawiatura i mysz,
• a minimalna prędkość połączenia sieciowego powinna wynosić 1 Mb/s.

Jak zainstalować Novi Builder?

Jak zawsze twórcy budowniczego obiecali, że montaż będzie szybki i łatwy. Jednak w 2019 roku internauci przyzwyczaili się do długich instrukcji i niekończących się wymagań. Dlatego zobaczmy, jak zainstalować Novi Builder.

Aby zainstalować Novi Builder na serwerze lokalnym , postępuj zgodnie z moim przewodnikiem.

1. Najpierw musisz pobrać oprogramowanie (na przykład WAMP, XAMP lub MAMP) do uruchomienia lokalnego serwera.
2. Po drugie, będziesz musiał sprawdzić wymagania serwera WWW i skonfigurować serwer zgodnie z nimi.
3. Po trzecie, musisz rozpakować archiwum za pomocą skompresowanego programu Novi Builder. Gdy już to zrobisz, umieść zawartość w jednym z katalogów serwera. Będzie to wyglądało jak nazwadysku/mamp/www/novi/.
4. Na koniec musisz uruchomić konstruktora. Pojawi się odpowiedni link. Po prostu kliknij na to.

Aby zainstalować Novi Builder na zdalnym serwerze , wykonaj następujące kroki.

1. Przede wszystkim, aby zainstalować edytor na zdalnym serwerze, musisz również sprawdzić wymagania serwera WWW. Tak, i tak nie możesz uniknąć tego kroku.
2. Po spełnieniu wymagań pobierz oprogramowanie umożliwiające pracę z FTP. Obecnie najpopularniejsze z nich to Total Commander 7+ i FileZilla.
3. Następnie zainstaluj pobrane oprogramowanie.
4. Teraz musisz rozpakować archiwum Novi Builder i przesłać go na serwer hostingowy. Poniżej pokażę ten krok na przykładzie Total Commandera.
5. Zapisz zmiany.

Oto jak możesz przesłać Novi Builder na swój serwer hostingowy za pomocą Total Commander .

Aby nawiązać połączenie z serwerem, musisz:

• przejdź do zakładki NET a następnie FTP connect,
• kliknij przycisk Nowe połączenie,
• wypełnij odpowiednie pola w celu określenia danych dostawcy hostingu.

Pole będzie:

• Sesja – w tym miejscu należy wpisać nazwę swojego połączenia; (dowolne imię będzie odpowiednie)
• Nazwa hostingu – wpisz tutaj swoją nazwę użytkownika i hasło.

Następnie naciśnij przycisk OK .

Aby przesłać potrzebne pliki na serwer , wykonaj następujące czynności:

• przejdź do zakładki NET a następnie FTP connect,
• wybierz wcześniej utworzoną nazwę użytkownika (będziesz potrzebował pola Sesja)
• naciśnij Połącz,
• skopiuj zawartość swojego archiwum Novi Builder,
• przejdź do katalogu głównego domyślnej nazwy domeny, której używasz,
• wklej skopiowaną zawartość archiwum budowniczego i to wszystko!

Novi Builder i autoryzacja

Jak zapewne wiesz z wersji 0.9.0, Novi Builder w pełni obsługuje ochronę hasłem . Dlatego, aby otworzyć interfejs Novi, będziesz musiał podać hasło. Domyślnie jest to „Novi”. Oczywiście powinieneś to zmienić, aby tworzenie stron internetowych było bezpieczniejsze.

Oto jak się tam dostać.

1. Przełącznik ustawień bezpieczeństwa.
2. Tutaj musisz wprowadzić domyślne hasło.
3. Użyj tej opcji, aby włączyć lub wyłączyć autoryzację użytkownika. Pamiętaj, aby wprowadzić nowe zmiany, musisz wprowadzić przepustkę.
4. Użyj tej opcji, aby włączyć lub wyłączyć tryb demo.
5. Tutaj należy wpisać nowe hasło.

Aby wyłączyć logowanie przez hasło , wykonaj następujące kroki:

• przejdź do menu głównego Novi Builder,
• otwórz Ustawienia bezpieczeństwa,
• wprowadź swoje aktualne hasło,
• znajdź opcję Włącz autoryzację hasła i wyłącz ją,
• zapisać wprowadzone zmiany.

Aby zmienić hasło , wykonaj następujące kroki:

• przejdź do menu głównego Novi Builder,
• otwórz Ustawienia bezpieczeństwa,
• przejdź do zakładki Zmień hasło,
• wprowadź swoją aktualną przepustkę,
• wprowadź swoją nową przepustkę,
• zapisać wprowadzone zmiany.

Aby zresetować hasło , wykonaj następujące kroki:

• przejdź do builder/php/session.php,
• napisz w linii: '$currentPassword = “hasło”.'

Wreszcie, pracując z Novi Builder, pamiętaj, że :

• nie musisz autoryzować, gdy włączony jest tryb demo,
• nie będziesz musiał przekazywać autoryzacji, gdy jest ona wyłączona,
• tworząc nową przepustkę zamiast domyślnej, zmniejszasz zagrożenia bezpieczeństwa.

Jakie wtyczki znajdziesz w pakiecie Novi Builder Pack?

Nie ma potrzeby wyjaśniać, dlaczego wtyczki stanowią jeden z istotnych aspektów każdego narzędzia do tworzenia stron internetowych. Z pewnością, jeśli masz już wysokiej jakości szablon strony internetowej, możesz pracować z jego zasobami. Jednak zdobycie kilku niezbędnych wtyczek za pomocą narzędzia do tworzenia treści również wydaje się świetnym pomysłem. Jakie wtyczki będziesz mieć z Novi Builderem?

Średnio edytor zawiera 20 wtyczek. Tutaj są.

#1 Wtyczka obrazu tła

Krótko mówiąc, ta wtyczka umożliwia zmianę obrazu tła elementu. Jak wszystkie inne wtyczki Novi, wtyczka Background Image jest bardzo łatwa w użyciu. Możesz zmienić tło i przekręcić ustawienia w jednym haczyku.

Aby dodać obraz jako tło, wystarczy dwukrotnie kliknąć lewym przyciskiem myszy na docelowym zdjęciu.

Aby dowiedzieć się więcej o możliwościach galerii multimediów, przejdź do Galerii multimediów i otwórz sekcję funkcji. Możesz również kliknąć ten link, aby przeczytać szczegółową dokumentację dotyczącą wtyczki Novi Background Image.

#2 Wtyczka tła

Ta wtyczka Novi pozwala zmienić kolor tła elementu. Jest to ważne narzędzie, ponieważ różne schematy kolorów mogą łatwo wpływać na Twoją witrynę.

Pamiętaj, że kolor ikony zależy od wybranego wcześniej tonu.

Aby zapoznać się ze szczegółową dokumentacją wtyczki Novi Background, kliknij ten link.

#3 Wtyczka obrazu

Ta wtyczka Novi Builder umożliwia zastępowanie obrazów. Aby dodać swój obraz, wystarczy dwukrotnie kliknąć lewym przyciskiem myszy na docelowym zdjęciu.

Aby dowiedzieć się więcej o możliwościach wtyczki, przejdź do Media Gallery i otwórz sekcję funkcji. Możesz także użyć tego linku, aby przeczytać szczegółową dokumentację dotyczącą wtyczki Novi Image.

#4 Wtyczka iframe

Ta wtyczka pozwala wybrać zasób, w którym treść będzie wyświetlana w ramce.

Aby przeczytać więcej, otwórz szczegółową dokumentację wtyczki Iframe.

#5 Wtyczka Link

Jak mówi nazwa zasobu, ten element umożliwia zmianę linku.

Podczas pracy z wtyczką Link pamiętaj, że:

• querySelector (domyślnie ustawiony na „a[href]”) – pozwala zdefiniować element przetwarzany przez wtyczkę;
• applyToProjectElements (domyślnie włączone) – umożliwia włączenie/wyłączenie zastępowania wszystkich linków w projekcie (w tym presetów i wszystkich stron) podczas zapisywania ustawień wtyczki;
• FavoriteLinks – pozwala skonfigurować ulubione linki do projektów.

Rzućmy okiem na obszar zarządzania wtyczkami. Oto, co powinieneś wiedzieć podczas pracy z wtyczką Link. Typ łącza umożliwia wybranie typu łącza do wstawienia. Do wyboru są 3 typy linków:

• Strony – gdzie będą dostępne wszystkie strony projektu,
• Ulubione – gdzie wyświetlą się wszystkie linki wskazane w ustawieniach wtyczki,
• Niestandardowy – gdzie możesz ustawić niestandardowy link.

Powinienem również dodać, że domyślnie zostanie otwarta zakładka Niestandardowe. Wyjątkiem jest sytuacja, gdy Twój link na wybranym elemencie odpowiada jednej ze stron lub ulubionemu linkowi.

Aby dowiedzieć się więcej, zapoznaj się ze szczegółową dokumentacją wtyczki Link.

#6 Materialna wtyczka paralaksy

Na początek powiedzmy kilka słów o przewijaniu paralaksy. Chociaż efekt został pierwotnie stworzony do użytku w grach wideo, Parallax nadal znajduje się na szczycie trendów w projektowaniu stron internetowych. Tworzy przyciągającą uwagę iluzję głębi i ruchu. Dzięki temu możesz w piękny i interaktywny sposób poprowadzić odwiedzających przez zawartość swojej witryny.

Tak więc ta wtyczka Novi Builder współpracuje ze skryptem Material Parallax. Umożliwia zastąpienie obrazów źródłowych, które będą używane do paralaksy. Nie będzie nic skomplikowanego. Możesz to łatwo zrobić za pomocą narzędzi do edycji wizualnej. Nie wymaga kodowania!

Oto, co zobaczysz w obszarze przesyłania obrazów:

• Wybierz plik – naciśnij ten przycisk, aby wybrać żądany obraz.
• Prześlij obraz tła – naciśnij ten przycisk, aby przesłać wybrany obraz.

#7 Wtyczka etykiet

Ta wtyczka Novi Builder została stworzona, aby umożliwić zmianę etykiety pola formularza.

#8 Wtyczka odliczająca

Jak być może wiesz, w dzisiejszych czasach zegar odliczający jest jednym z najbardziej przydatnych trendów w projektowaniu stron internetowych. Ten mały, ale sprytny element pozwala pokazać wiele rzeczy w minimalistyczny sposób. Właściwie na dzień dzisiejszy jest to najwygodniejszy sposób na zaprezentowanie ważnych informacji, a oto dlaczego.

Ludzki mózg to dziwny i skomplikowany mechanizm. Rozpoznaje elementy wizualne szybciej niż inne rodzaje informacji. Dlatego liczniki to Twój must-have. Mówiąc więcej, nasz mózg zapamiętuje informacje wizualne przez dłuższy czas. Za pomocą liczników możesz przedstawić wszystkie zrealizowane projekty, pokazać, ile masz zadowolonych klientów lub udanych pomysłów i wiele więcej.

Tak więc, jeśli chodzi o liczniki czasu, pozwalają one podświetlić potrzebne informacje lub wydarzenie. Na przykład możesz użyć timera, aby pokazać, ile godzin klient ma do rozpoczęcia wyprzedaży lub zakończenia oferty specjalnej.

#9 Wtyczka Google Map

Chociaż w 2019 roku można to zobaczyć na dowolnej stronie internetowej, wtyczka map nadal jest fajna. Współcześni potencjalni klienci przyzwyczaili się do wygody, więc oczekują, że udostępnisz mapy online. Poza tym, używając map Google do swojego projektu online, czynisz go jeszcze bardziej przyjaznym dla klienta. Dzięki temu ludzie mogą zobaczyć, gdzie znajduje się Twoje biuro i wybrać do niego najkrótszą drogę.

Novi Builder jest dostarczany z wtyczką Google Maps, która umożliwia wizualną zmianę ustawień map.

Oto, co możesz zobaczyć w panelu ustawień mapy :

• użyj pola API Key, aby ustawić klucz API do korzystania z Google Maps JavaScript API;
• Pole Centrum mapy, aby ustawić współrzędne centrum mapy;
• Pole powiększenia, aby określić poziom powiększenia;
• Opcja wyboru stylu, aby wybrać styl mapy;
• Ikona znacznika i Ikona aktywnego znacznika wybierz opcje, aby ustawić znacznik dla stanów domyślnych i aktywnych.

Oto, co możesz zobaczyć w panelu ustawień pinezek na mapie :

• Pole Lokalizacja znacznika pomoże Ci ustawić lokalizację znacznika;
• użyj pola Opis znacznika, aby określić opis znacznika; będzie pokazywany w stanie aktywnym;
• użyj przycisku Dodaj znacznik, aby dodać lokalizację znacznika i grupę Opis znacznika, aby dodać nowy znacznik.

#10 Wtyczka ikon

Ta wtyczka Novi Builder pomoże Ci zastąpić ikony, których używasz na stronie.

Aby wybrać ikonę do wklejenia, kliknij dwukrotnie element lewym przyciskiem myszy.

#11 Wtyczka Sowa Karuzela

Nawet w 2019 roku karuzele wciąż są w modzie. Novi Builder jest dostarczany z wtyczką Owl Carousel, która umożliwia konfigurowanie karuzeli bez dotykania jednej linii kodu.

Oto, co możesz zobaczyć w panelu ustawień karuzeli:

1. Pole Widoczne przedmioty pomoże Ci określić liczbę przedmiotów do wyświetlenia. Korzystając z tej funkcji, możesz zmienić liczbę widocznych elementów w zależności od rozmiaru ekranu.
2. Pole Wcięcie między elementami pomoże Ci ustawić odstępy między elementami karuzeli. Korzystając z tej funkcji, możesz ustawić odległość między elementami w zależności od rozmiaru ekranu.
3. Włącz przełącznik pętli pomoże Ci włączyć lub wyłączyć pętlę karuzeli. Przy okazji możesz to zrobić w trybie podglądu.
4. Przełącznik autoodtwarzania karuzeli pomoże Ci włączyć lub wyłączyć autoodtwarzanie karuzeli. Jest również wyposażony w tryb podglądu.
5. Pole Carousel Autoplay Delay pomoże Ci ustawić opóźnienie przesuwania.

#12 Wtyczka Monitora kampanii

Ta wtyczka Novi Builder pomoże Ci skonfigurować formularz do pracy z usługą Campaign Monitor.

Oto, co możesz zobaczyć w obszarze Konfiguracja formularza:

• Pole URL rejestracji Monitora kampanii określa działanie formularza;
• Pole Nazwa wejściowa Monitora kampanii określa wartość atrybutu nazwy pola wejściowego.

#13 Wtyczka MailChimp

Nie trzeba dodawać, że subskrypcja biuletynu jest nadal jednym z obowiązkowych elementów każdego projektu online. Czemu? Ano dlatego, że w ten sposób można szybko powiększyć grono odbiorców serwisu i utrzymać ich zaangażowanie bez wyczerpania budżetu.

Tak więc ta wtyczka Novi Builder pozwala skonfigurować pracę z usługą MailChimp.

#14 Wtyczka RD Mailform

Podobnie jak w poprzednim narzędziu, ta wtyczka Novi Builder umożliwia pracę z RD Mailform przy użyciu edycji wizualnej.

#15 RD Instagram Feed i #16 wtyczki RD Twitter Feed

Te wtyczki Novi Builder zostały stworzone w celu zwiększenia aktywności w mediach społecznościowych. Jeśli masz zamiar uzyskać trochę ruchu społecznościowego, nie przegap tych zasobów. Obie wtyczki są łatwe w użyciu i umożliwiają konfigurowanie kanałów Instagram i Twitter za pomocą narzędzi do edycji wizualnej.

#17 Wtyczka suwaka aparatu

To kolejna niezbędna wtyczka, którą zapewnia Novi Builder. Zasób umożliwia bezproblemową konfigurację suwaka aparatu.

#18 Wtyczka suwaka suwaka

Ta wtyczka Novi Builder pozwala skonfigurować suwak Swiper według własnego gustu.

Oto, co możesz zobaczyć w obszarze przesyłania obrazów :

• Wybranie przycisku Plik pomoże Ci wybrać obraz;
• Przycisk Prześlij obraz tła umożliwia przesłanie wybranego obrazu.

Oto, co możesz zobaczyć w obszarze wyboru obrazu :

• Aby dodać obraz, musisz dwukrotnie kliknąć lewym przyciskiem myszy na docelowy obraz.

Oto, co możesz zobaczyć w obszarze kadrowania obrazu :

• Użyj ustawienia Zachowaj oryginalny współczynnik kształtu, aby zachować współczynnik kształtu oryginalnego obrazu.

#19 Wtyczka wideo

Użyj tej wtyczki Novi Builder, aby skonfigurować swoją wizualną prezentację.

#20 Wtyczka Galerii Światła

Użyj tej wtyczki Novi Builder, aby skonfigurować Light Gallery za pomocą narzędzi wizualnych.

Oto, co możesz zobaczyć w obszarze Ustawienia galerii :

• Animacja slajdów galerii pozwala dostosować animację przejścia elementów galerii;
• Przełącznik miniatur pomoże Ci włączyć lub wyłączyć prezentację podglądu elementów galerii;
• Przełącznik pętli pomoże Ci włączyć lub wyłączyć zapętlanie elementów galerii;
• Przełącznik autoodtwarzania pomoże Ci włączyć lub wyłączyć autoodtwarzanie elementów galerii;
• Pole Galeria Autoplay Delay pozwala skonfigurować czas opóźnienia pozycji.

To były wszystkie wtyczki, które są dostarczane z Novi Builderem. Podsumowując wszystko, oto co otrzymujesz.

Główne możliwości pracy z Novi Builder

Teraz wiesz, jak działa Novi Builder. Podsumowując, oto czynności, które możesz łatwo wykonać podczas pracy z edytorem. Dzięki temu będziesz mógł:

• edytuj zawartość swojej witryny w trybie na żywo;
• zaimportuj różne motywy HTML do kreatora, jeśli już je kupiłeś;
• kopiować, wstawiać, zastępować i usuwać wszelkie funkcje, opcje lub komponenty do projektowania stron internetowych;
• używaj różnych świeżych bloków treści, które są wstępnie zaprojektowanymi elementami dla wybranego motywu;
• skonfiguruj nazwane elementy według własnego gustu za pomocą kilku kliknięć;
• zarządzaj własną biblioteką multimediów, aby umieścić tam filmy i obrazy, które będą używane w różnych sekcjach twojego projektu online;
• edytować teksty,
• edytować adresy URL,
• tworzyć i edytować tła i wszystkie szczegóły, w tym gradienty, kolory i obrazy;
• pracuj z czytelnymi i w 100% przyjaznymi dla oczu czcionkami internetowymi (jest nowa kolekcja czcionek Google)
• pracuj z ikonami dołączonymi do twojego motywu;
• w razie potrzeby prześlij nowe ikony i edytuj je tak, jak chcesz;
• spróbuj pracować z edytorem kodu Novi IDE na wypadek, gdybyś chciał bawić się kodem CSS, HTML i JS;
• dodaj efektowny slider do projektu swojej strony internetowej,
• wykorzystaj imponujący efekt paralaksy,
• tworzyć formularze kontaktowe,
• dodaj Mapy Google,
• zbuduj eleganckie karuzele, aby poprawić treść wizualną itp.

Nie trzeba dodawać, że to tylko kilka z nich! W rzeczywistości Novi Builder zawiera wiele niesamowitych elementów projektu, które wzbogacą Twoją witrynę.

Pytania i odpowiedzi dotyczące przyszłych użytkowników

Teraz nadszedł czas, aby odpowiedzieć na najpopularniejsze pytania dotyczące pracy z Novi Builder.

Czy Novi Builder obsługuje różne przeglądarki?

Tak. Poza tym jest regularnie testowany w najpopularniejszych przeglądarkach: Safari i Google Chrome.

Czy będę mógł używać Novi Builder i jego szablonów do różnych projektów online?

Na początek możesz uruchomić nieograniczoną liczbę różnych stron internetowych za pomocą kreatora. Tak więc, z pewnością możesz używać Novi Builder dla różnych witryn.

Czy ktoś może kupić Novi Builder na stronach osób trzecich?

Zasadniczo można kupić Novi Builder na innych stronach. Pamiętaj jednak, że nie otrzymasz bezpłatnego członkostwa. Nie będzie to możliwe nawet w przypadku dokonania zakupu w witrynie innej firmy.

Czy mogę przenieść moją witrynę opartą na HTML do Novi Builder?

Jak już wspomniałem powyżej, możesz przenieść swoją istniejącą witrynę do Novi Builder bez utraty jej zawartości.

Jak otrzymam aktualizacje?

Otrzymasz je automatycznie, gdy tylko pojawią się aktualizacje. Ponadto możesz pobrać najnowsze szablony HTML w sekcji „Pobieranie” na swoim koncie osobistym.

Czy będę mógł otrzymać zwrot pieniędzy?

Tak, współpracując z Novi Builder, możesz otrzymać pełny zwrot pieniędzy. Dotyczy każdego planu członkostwa redaktora. Możesz otrzymać zwrot pieniędzy w ciągu 30 dni od zakupu.

Czy mogę sprzedawać szablony stworzone w Novi Builder?

Tak, możesz! Konstruktor został stworzony z myślą o projektantach i programistach. Wystarczy wybrać plan deweloperski. Daje ci licencję na tworzenie i sprzedaż szablonów wspieranych przez Novi Builder. Możesz je sprzedawać na dowolnych zewnętrznych platformach handlowych.

Czy mogę używać szablonu Novi Builder na moich stronach internetowych bez zmiany projektu?

Odpowiedź brzmi tak. Możesz zarządzać wieloma stronami internetowymi stworzonymi za pomocą motywów Novi Builder i nie musisz zmieniać projektu, jeśli nie chcesz.

Końcowe przemyślenia

Podsumowując wszystko, powiedziałbym, że Novi Builder dostarcza swoim użytkownikom asa i dobrze wyposażone szablony HTML. Są wstępnie zaprojektowane i mogą być używane przez osoby o dowolnym poziomie umiejętności. Jednak motywy są w pełni edytowalne i zawierają kod open source. Tak więc, decydując się na subskrypcję, otrzymujesz dostęp do bogatej kolekcji różnych szablonów stron internetowych, wtyczek i innych elementów treści. Nie trzeba dodawać, że nadchodzi więcej komponentów interfejsu użytkownika. Novi Builder otrzymuje regularne aktualizacje, które będą instalowane automatycznie. Oznacza to, że zawsze będziesz mieć do wyboru kilka modnych funkcji.

Jeśli chodzi o nisze biznesowe, takie jak projektowanie stron internetowych lub tworzenie stron internetowych, Novi Builder to prawdziwy must-see! Wyobraź sobie, ile projektów online możesz uruchomić dla swoich klientów za pomocą edytora. W sumie nie ma żadnych ograniczeń!

Na koniec porównajmy Novi Builder z domyślnym Kreatorem Stron HTML.

What about your choice of website builder? Don't hesitate to leave a comment below.