2019년 웹사이트 구축에 관해서는 코딩을 다룰 필요가 없습니다. 나는 당신이 이미 다양한 기성품 디지털 제품에 대한 모든 것과 모든 것을 알고 있다고 확신합니다. 요즘에는 미리 디자인되고 미리 포장된 모든 것을 쉽게 얻을 수 있습니다. 이러한 단순한 이유로 눈길을 끄는 웹사이트가 너무 많습니다. 사람들은 군중에서 눈에 띄는 새로운 방법을 찾고 있습니다. 새로운 반응형 웹사이트 테마, 플러그인, 자산 및 웹 디자인 트렌드의 양이 계속 증가하는 이유입니다.
그러나 새로운 것이 있다고 해서 이 제품이 100% 주의를 기울일 가치가 있는 것은 아닙니다. 그렇다면 하나뿐인 아이템은 어떻게 선택해야 할까요? 이 게시물에서는 최종 의사 결정에 도움이 될 것입니다. 이전 게시물 중 하나에서 WordPress에서 웹 사이트를 만드는 방법을 보여주었습니다. 게시물의 이름에서 알 수 있듯이 오늘 저는 5가지 최고의 웹사이트 빌더 중 하나인Novi Builder를검토할 것입니다.
HTML 작업을 선호하는 경우 Novi Builder가 모든 최신 반응형 HTML 템플릿과 함께 제공되므로 이전에 이 이름을 들어본 적이 있을 것입니다. 그렇다면 에디터로 작업할 때의 주요 장점과 단점은 무엇인가요? HTML을 위한 가장 유용한 페이지 빌더 와 관련된 모든 중요한 사항을 파악하기 위해 계속 지켜봐 주십시오 .
노비 빌더의 역사
노비 사용해보기
전통적으로 시작하기 전에 이 HTML 비주얼 빌더의 역사를 간단히 살펴보겠습니다. Novi Builder의 첫 번째 릴리스는 3년 전인 2016년에 있었습니다. 간단히 말해서 Novi 팀은 3가지 주요 기능을 염두에 두고 편집기를 설계했습니다.
절대적으로 제작자 친화적 인 작업 메커니즘,
100% 직관적인 인터페이스,
그리고 분명히 최신 드래그 앤 드롭 기술입니다.
2016년 웹사이트 편집이 어땠는지 기억하시나요? 대부분 지루하고 꼭 필요한 기능만 포함되어 있었습니다. 그럼에도 불구하고 디지털의 발전은 멈추지 않았으므로 수많은 유행 옵션과 세련된 웹 디자인 요소가 사용되었습니다. 이를 보고 Novi Builder의 제작자는 이 모든 것을 편집기 팩에 추가하기로 결정했습니다. 당시 웹 디자인 트렌드를 최대한 많이 추가했습니다. 디지털 시장을 지배하는 것이 있었다면 이미 Novi의 패키지 안에 있었습니다.
반면에 인기 있는 기능만 추가하는 것만으로는 충분하지 않았습니다. 그래서 노비팀은 연구를 계속했습니다. 모든 똑똑한 회사가 그렇듯이 그들은 잠재 고객의 요구 사항을 파악하기 위해 청중을 연구하고 싶었습니다. 연구에 따르면 사람들은 무엇보다도 편안함을 원했습니다.
결과적으로 Novi Builder는 곧 온라인 사용자가 다음을 수행할 수 있도록 허용했습니다.
단 한 줄의 코드도 건드리지 않고 깨끗하고 잘 구성된 레이아웃을 만들고,
드래그 앤 드롭 기술로 작업하고,
웹사이트 구축 프로세스의 속도를 높이고,
다양한 UI 구성 요소로 웹 사이트를 디자인합니다.
요즘은 끌어서 놓기 기술로 사용자를 놀라게 하는 것이 어렵지만 2016년에는 정말 놀라운 일이었습니다. 또한 그 당시에는 끌어서 놓기 기능을 제공하는 편리한 콘텐츠 편집기가 Elementor뿐이라는 사실을 잊지 마십시오. 필요한 모든 기능이 포함되어 있지만 WordPress 기반 온라인 프로젝트 전용으로 만들어졌습니다. 동시에 HTML은 전문가가 아닐 때 작업하기 가장 쉬운 작업이 아닙니다.
길고 상세한 연구 끝에 Novi Builder가 사용하는 드래그 앤 드롭 기술도 개선되었습니다. 결과적으로 사람들은 선택한 디자인 요소를 편집기 창에 끌어다 놓기만 하면 새 온라인 페이지를 만들고 사이트를 편집할 수 있었습니다.
청중이 Novi Builder에 익숙해지는 데 몇 달 밖에 걸리지 않았습니다. 그것은 곧 인기를 얻었습니다. 말할 필요도 없이 에디터를 위해 많은 업데이트가 이루어졌습니다. 1년 후 제작자들은 Novi Builder의 첫 번째 클래식 버전을 선보였습니다. 그 이후로 다양한 옵션, 웹 디자인 동향 및 많은 추가 도구를 포함하는 정기적인 업데이트를 계속 받았습니다.
요약하자면 Novi Builder는 웹사이트 구축 프로세스를 가속화했을 뿐만 아니라 HTML 작업을 원하는 초보자에게 많은 새로운 가능성을 제공했습니다. 이를 통해 사람들은 마침내 자신이 할 수 있는 방식뿐만 아니라 원하는 방식으로 웹사이트를 디자인할 수 있게 되었습니다. Novi Builder가 출시되자마자 HTML 사이트 편집은 스트레스 없는 일이 되었습니다. 이것이 HTML을 위한 최고의 웹사이트 비주얼 빌더로 선정된 이유입니다.
현재로 돌아가기
오늘날 Novi Builder는 HTML을 위한 최고의 끌어서 놓기 편집기로 불립니다. 간단히 말해서 빌더는 작업 프로세스를 발전시키고 모든 기술 수준의 사용자에게 간단하게 만듭니다. Novi Builder로 작업하면 미리 디자인된 다양한 콘텐츠 블록을 사용하여 새로운 온라인 페이지를 빠르게 디자인할 수 있습니다.
또한 웹 사이트 콘텐츠를 실시간으로 편집할 수도 있습니다. 이 단계는 디자인을 만들 때 일반적인 실수를 피할 수 있는 방법이기 때문에 모든 초보자에게 매우 중요합니다.
에디터가 실제로 어떻게 작동하는지 보고 싶습니까? 데모를 실행하여 Novi Builder로 작업을 시도할 수 있습니다. 링크를 따라가면 편집기의 무료 데모 버전을 열 수 있습니다.
Novi Builder는 어떤 비즈니스 모델에 적합합니까?
Novi Builder에 대해 알아야 할 또 다른 사항은 B2B/B2C 온라인 플랫폼이라는 것 입니다. 무슨 뜻이에요? 봅시다.
B2B 는 기업 간 거래를 의미합니다. 인터넷에서는 e-biz라고도 합니다. B2B는 서로 다른 비즈니스 간에 제품, 서비스, 항목 또는 정보를 교환하는 것입니다. Novi Builder의 경우 B2B는 자체 웹 사이트 템플릿을 활용하여 다양한 서비스를 제공하는 사용자와 연결됩니다. 마지막 것들은 주로 웹 디자인, 웹 개발, 전자 상거래 또는 이메일 마케팅과 같은 비즈니스 틈새 시장과 관련이 있습니다.
B2C는 B2C 를 의미합니다. 이 경우 연결이라 함은 회사와 고객 간에 직접 이루어지는 거래를 말합니다. 여기서 고객은 회사의 제품을 사용하는 최종 사용자입니다. Novi Builder에 대해 말하면 B2C는 이미 웹사이트를 시작한 최종 사용자와 연결되어 있습니다. 이러한 사용자는 원하는 HTML 템플릿을 구입하고 기존 웹사이트를 가져올 수 있습니다. Novi Builder 덕분에 사이트 콘텐츠를 잃지 않고 가능합니다. 끌어서 놓기 기술로 편집하고 미리 포장된 수많은 기능으로 스타일을 지정할 수 있습니다.
보시다시피 B2C 모델은 B2B 모델과 크게 다릅니다. 마지막은 B2C가 약 1개 사업체일 때 2개 이상의 사업체 간의 상거래 연결을 의미합니다. 무엇을 사용하든 Novi Builder는 두 비즈니스 모델에 모두 적합합니다.
Novi Builder에는 B2C 모델에 어떤 도구가 있습니까?
이 HTML 비주얼 빌더가 B2C에 어떻게 도움이 될까요? 모든 품질 도구가 그렇듯이 Novi Builder는 비즈니스 전략을 염두에 두고 만들어졌습니다. 결과적으로 편집기는 수많은 최종 사용자 지향 도구와 함께 제공됩니다. 아래에서 작업할 수 있는 5가지 주요 기능을 볼 수 있습니다.
페이지 관리
가장 먼저 해야 할 일: Novi Builder는 소유자에게 편안한 페이지 관리자를 제공합니다. 이 기능을 사용하여 다음을 수행할 수 있습니다.
페이지를 만들고,
페이지 삭제,
페이지 편집,
설정을 관리합니다.
더 말하자면, 한 번의 클릭으로 이 모든 작업을 수행할 수 있습니다! 그런데 페이지 관리자로 작업할 때 수행할 수 있는 몇 가지 추가 작업이 있습니다. 어떻게 접근합니까? 글쎄요, 작업할 페이지 상단에 있는 컨텍스트 메뉴를 사용하기만 하면 됩니다.
주요 작업을 위한 3가지 모드
Novi Builder를 열자 마자 다양한 작업에 대해 다른 모드를 제공한다는 것을 알 수 있습니다. 주요 작업에 대해 생성된 3가지 모드가 있습니다.
시사,
편집,
그리고 디자인.
미리보기 모드
빠른 편집 결과를 볼 수 있습니다. 말할 필요도 없이 미리보기는 모든 온라인 프로젝트의 중요한 측면입니다. 그리고 첫 번째 웹사이트에 대해 이야기하는 경우 더욱 중요해집니다. 이 옵션을 사용하여 디자인을 다시 확인하고 추가 변경이 필요한지 여부를 파악하십시오.
편집 모드
다양한 콘텐츠 유형을 편집할 수 있는 모드입니다. 목록에는 다음이 포함됩니다.
텍스트,
아이콘,
버튼 등.
디자인 모드
셋째, 디자인 모드가 있습니다. 웹사이트의 코드에 대한 액세스를 제공합니다. 소스로 작업할 필요는 없지만 코딩 기술을 향상시키고 싶다면 의사가 지시한 대로 디자인 모드가 있습니다.
노비 사용해보기
개발자 도구
예상대로 Novi Builder에는 많은 개발자 도구가 포함되어 있습니다. 이를 통해 HTML, CSS 및 JS 편집기로 작업할 때 새로운 웹사이트 구축 경험을 얻을 수 있습니다. 분명히, 당신은 당신이 원하는 방식으로 소스 코드를 편집할 수 있습니다.
모든 기능 중에서 Preset Manager 를 강조하고 싶습니다 . 이 멋진 기능은 편집 프로세스를 진행하는 데 도움이 됩니다. 긴 이야기를 짧게 만들기 위해 관리자를 사용하면 손으로 새 사전 설정을 만들고 라이브러리에 저장할 수 있습니다. 모든 것이 ABC만큼 간단합니다. 해야 할 일은 다음과 같습니다.
필요한 콘텐츠 요소를 선택하고
작업 공간에서 선택하고
상황에 맞는 메뉴에 있는 사전 설정으로 저장 버튼을 클릭하여 저장 합니다.
이제 새 온라인 페이지를 작성해야 하는 즉시 새 사전 설정을 사용할 수 있습니다. 다른 UI 구성 요소와 마찬가지로 사전 설정을 편집기 창으로 끌어다 놓기만 하면 됩니다.
인스턴트 퍼블리싱
시작하려면 웹사이트를 운영하고 싶어 하는 사람이라면 누구나 성공하려면 항상 온라인 프로젝트를 최신 상태로 유지해야 한다는 것을 알고 있습니다. 이것이 바로 게시 기능이 필요한 이유입니다.
아래 스크린샷에서 볼 수 있듯이 오른쪽 상단 모서리에 하늘색 사이트 게시 버튼이 있습니다. 버튼을 누르면 서버에 바로 사이트가 게시됩니다. 또한 게시 경로 및 구성 옵션도 표시됩니다.
더 많은 기능
이 요점을 마치기 위해 Novi Builder를 다운로드하자마자 분명히 찾게 될 몇 가지 기본 기능을 보여 드리고자 합니다.
해상도 변경 옵션을 사용하면 웹 사이트 소유자가 작업 공간 크기를 변경할 수 있습니다.
웹 사이트 또는 해당 페이지의 설정에 액세스하려면 설정을 누르십시오.
템플릿 다운로드 버튼을 클릭하면 사이트의 테마를 다운로드할 수 있습니다. 이 단계는 클라이언트에게 사이트를 제공하거나 다른 장치에서 이러한 프로젝트를 테스트해야 하는 개발자에게 필수입니다.
노비 멤버십
여기에 당신의주의가 필요한 또 다른 포인트가 있습니다! Novi Builder로 작업을 시작하시겠습니까? 문제는 편집기를 사용하려면 Novi 멤버십을 구입해야 한다는 것입니다.
멤버십에는 어떤 구성 요소가 포함됩니까? 여기 있습니다.
먼저 Novi Builder를 받게 됩니다.
둘째, 다양한 비즈니스 틈새 시장을 위해 전문적으로 설계되고 미리 포장된 고품질 HTML 템플릿을 얻을 수 있습니다.
셋째, 당신은 또한 몇 가지 필수 플러그인을 얻을 것입니다. 예를 들어, 소셜 미디어 플러그인, 문의 양식 플러그인, 슬라이더, 카운트다운, Google 지도 등과 같은 도구가 있습니다!
간단히 말해서 Novi Membership을 구매하면 기존의 모든 템플릿, 플러그인, 자산 및 웹 디자인 요소에 액세스할 수 있습니다. 또한 향후 Novi 팀에서 생성할 항목에 자동으로 액세스할 수 있습니다. 의심의 여지없이 웹 디자이너와 개발자에게 필수품입니다.
선택할 수 있는 3가지 멤버십이 있습니다. 항상 그렇듯이 선택은 필요에 따라 다릅니다.
스타트업 멤버십 비용은 연간 $29입니다.
고급 회원은 연간 $49입니다.
개발자 멤버십 비용은 연간 $149입니다.
모든 팩에 어떤 옵션이 포함되어 있는지 아래 화면을 확인하십시오.
노비 사용해보기
아시다시피 많은 인기 있는 웹사이트 빌더(예: WordPress용 Elementor Page Builder)를 무료로 다운로드할 수 있습니다. Novi Builder와 관련하여 편집기를 사용하려면 최소 $29 요금제를 구입해야 합니다. 이것이 Novi Builder로 작업할 때의 가장 큰 단점인 것 같습니다. 그러나 편안하고 사용자 친화적 인 웹 사이트 구축 프로세스에 관해서는 $ 29가 큰 문제가 아닙니다.
그건 그렇고, 모든 거래는 안전합니다. 선택할 수 있는 지불 옵션은 다음과 같습니다.
또한 언제든지 Novi Builder 구독을 취소할 수 있습니다. 빠르고 간단한 과정입니다.
이제 모든 주요 세부 사항에 익숙해지면 Novi Builder를 자세히 살펴볼 차례입니다. 편집기의 인터페이스부터 시작하겠습니다.
이 링크를 사용하여 보유하고 있는 상위 5개 무료 웹사이트 빌더 소프트웨어 옵션에 대해 읽어보십시오.
노비 인터페이스
우선 Novi 인터페이스를 열면 다음과 같이 표시됩니다.
메인 패널
Novi 모드 스위처
페이지 관리자
메인 메뉴
비주얼 편집기 영역
개발자 도구 모음
다음은 페이지 작업 시 선택할 수 있는 옵션입니다.
페이지 관리자 트리거
페이지 검색 필터
페이지 추가
기존 페이지 목록
다음은 개발자 도구 모음에서 볼 수 있는 내용입니다.
개발자 도구 영역
HTML 코드 편집기
CSS 코드 편집기
JS 코드 편집기
사전 설정 관리자
플러그인 관리자
시스템 요구 사항은 무엇입니까?
설치로 이동하기 전에 시스템이 필요한 요구 사항을 충족하는지 확인하겠습니다. Novi Builder로 편안하게 작업하기 위해 필요한 사항은 다음과 같습니다.
브라우저 : Chrome 50+ 또는 Safari 10+;
4GB RAM 이상;
최소 표시. 1024 x 768의 해상도;
최소 클럭 속도가 1GHz인 CPU
키보드와 마우스,
네트워크 연결의 최소 속도는 1Mbps여야 합니다.
Novi Builder를 설치하는 방법은 무엇입니까?
항상 그렇듯이 빌더 제작자는 설치가 빠르고 쉬울 것이라고 약속했습니다. 그러나 2019년에 온라인 사용자는 긴 설명서와 끝없는 요구 사항에 익숙해졌습니다. 따라서 Novi Builder를 설치하는 방법을 살펴보겠습니다.
로컬 서버에 Novi Builder를 설치 하려면 내 가이드를 따르십시오.
먼저 로컬 서버를 시작하기 위한 소프트웨어(예: WAMP, XAMP 또는 MAMP)를 다운로드해야 합니다.
둘째, 웹 서버 요구 사항을 확인하고 그에 따라 서버를 설정해야 합니다.
셋째, 압축된 Novi Builder로 아카이브의 압축을 풀어야 합니다. 이 작업을 마치면 콘텐츠를 서버 디렉터리 중 하나에 넣습니다. nameofyourdisk/mamp/www/novi/처럼 보일 것입니다.
마지막으로 빌더를 시작해야 합니다. 해당 링크가 있을 것입니다. 그냥 클릭하세요.
원격 서버에 Novi Builder를 설치하려면 다음 단계를 따르십시오.
무엇보다 원격 서버에 편집기를 설치하려면 웹 서버 요구 사항도 확인해야 합니다. 네, 어쨌든 이 단계를 피할 수는 없습니다.
요구 사항을 완료하면 FTP 작업을 허용하는 소프트웨어를 다운로드하십시오. 오늘날 가장 인기 있는 것은 Total Commander 7+와 FileZilla입니다.
다음으로 다운로드한 소프트웨어를 설치합니다.
이제 Novi Builder 아카이브의 압축을 풀고 빌더를 호스팅 서버에 업로드해야 합니다. 아래에서는 Total Commander를 예로 사용하여 이 단계를 보여 드리겠습니다.
변경 사항을 저장합니다.
따라서 Total Commander 를 사용하여 Novi Builder를 호스팅 서버에 업로드하는 방법은 다음과 같습니다.
서버와의 연결을 설정하려면 다음을 수행해야 합니다.
NET 탭으로 이동한 다음 FTP 연결,
새 연결 버튼을 클릭하고,
호스팅 공급자 데이터를 지정하려면 해당 필드를 채우십시오.
필드는 다음과 같습니다.
세션 – 여기에 연결 이름을 입력해야 합니다. (원하는 이름이 적합합니다)
호스팅 이름 – 여기에 사용자 이름과 비밀번호를 입력하십시오.
그런 다음 확인 버튼 을 누릅니다 .
필요한 파일을 서버에 업로드 하려면 다음 단계를 따르세요.
NET 탭으로 이동한 다음 FTP 연결,
이전에 생성한 사용자 이름을 선택합니다(세션 필드가 필요함).
연결을 누르고,
Novi Builder 아카이브의 내용을 복사하고,
사용하는 기본 도메인 이름의 루트 디렉토리로 이동합니다.
복사한 빌더 아카이브의 내용을 붙여넣으면 끝입니다!
Novi 빌더 및 권한 부여
버전 0.9.0에서 알 수 있듯이 Novi Builder는 암호 보호를 완벽하게 지원 합니다 . 그렇기 때문에 Novi 인터페이스를 열려면 비밀번호를 입력해야 합니다. 기본적으로는 '노비'입니다. 분명히 웹 사이트 구축을보다 안전하게하려면 변경해야합니다.
가는 방법은 다음과 같습니다.
안전 설정 스위치.
여기에 기본 비밀번호를 입력해야 합니다.
이 옵션을 사용하여 사용자 권한 부여를 활성화하거나 비활성화합니다. 새 변경 사항을 적용하려면 패스를 입력해야 합니다.
이 옵션을 사용하여 데모 모드를 활성화하거나 비활성화합니다.
여기에 새 비밀번호를 입력해야 합니다.
pass 를 통한 로그인 을 비활성화 하려면 다음 단계를 따르세요.
Novi Builder의 메인 메뉴로 이동하여,
보안 설정 열기,
현재 비밀번호를 입력하고,
암호 인증 활성화 옵션을 찾아 비활성화하십시오.
수행된 변경 사항을 저장합니다.
비밀번호 를 변경 하려면 다음 단계를 따르세요.
Novi Builder의 메인 메뉴로 이동하여,
보안 설정 열기,
비밀번호 변경 탭으로 이동하여
현재 패스를 입력하고,
새 패스를 입력하고
수행된 변경 사항을 저장합니다.
비밀번호 를 재설정 하려면 다음 단계를 따르세요.
builder/php/session.php로 이동합니다.
줄에 쓰기: '$currentPassword = "password".'
마지막으로 Novi Builder로 작업할 때 다음 사항 에 유의하십시오 .
데모 모드가 켜져 있을 때 인증할 필요가 없습니다.
비활성화된 경우 승인을 통과할 필요가 없습니다.
기본 패스 대신 새 패스를 만들어 보안 위험을 낮춥니다.
Novi Builder 팩에서 어떤 플러그인을 찾을 수 있습니까?
플러그인이 웹사이트 구축 도구의 중요한 측면 중 하나인 이유를 설명할 필요가 없습니다. 물론 이미 고품질 웹 사이트 템플릿이 있는 경우 해당 자산으로 작업할 수 있습니다. 그러나 콘텐츠 빌더와 함께 몇 가지 필수 플러그인을 얻는 것도 좋은 생각처럼 들립니다. Novi Builder에는 어떤 플러그인이 있습니까?
평균적으로 편집기에는 20개의 플러그인이 제공됩니다. 여기 있습니다.
#1 배경 이미지 플러그인
긴 이야기를 짧게 만들기 위해 이 플러그인을 사용하면 항목의 배경 이미지를 변경할 수 있습니다. 다른 모든 Novi 플러그인과 마찬가지로 Background Image 플러그인도 사용하기가 매우 쉽습니다. 배경을 변경하고 설정을 비틀 수 있습니다.
배경 이미지를 추가하려면 대상 사진에서 마우스 왼쪽 버튼을 두 번 클릭하십시오.
미디어 갤러리의 기능에 대해 자세히 알아보려면 미디어 갤러리로 이동하여 기능 섹션을 여십시오. 이 링크를 따라 Novi Background Image 플러그인에 대한 자세한 문서를 읽을 수도 있습니다.
#2 배경 플러그인
이 Novi 플러그인을 사용하면 요소의 배경색을 변경할 수 있습니다. 다양한 색 구성표가 웹사이트에 쉽게 영향을 줄 수 있기 때문에 이것은 중요한 도구입니다.
아이콘의 색상은 이전에 선택한 톤에 따라 다릅니다.
Novi Background 플러그인에 대한 자세한 문서를 읽으려면 이 링크를 따르십시오.
#3 이미지 플러그인
이 Novi Builder 플러그인을 사용하면 이미지를 교체할 수 있습니다. 이미지를 추가하려면 대상 사진에서 마우스 왼쪽 버튼을 두 번 클릭하십시오.
플러그인의 가능성에 대해 자세히 알아보려면 미디어 갤러리로 이동하여 기능 섹션을 여세요. 또한 이 링크를 사용하여 Novi Image 플러그인에 대한 자세한 문서를 읽을 수 있습니다.
#4 아이프레임 플러그인
이 플러그인을 사용하면 프레임 내에서 콘텐츠가 표시될 리소스를 선택할 수 있습니다.
자세한 내용은 Iframe 플러그인의 자세한 문서를 참조하십시오.
#5 링크 플러그인
자산 이름에서 알 수 있듯이 이 항목을 사용하면 링크를 변경할 수 있습니다.
Link 플러그인으로 작업할 때 다음 사항에 유의하십시오.
querySelector(기본적으로 "a[href]"로 설정됨) - 플러그인에서 처리하는 항목을 정의할 수 있습니다.
applyToProjectElements(기본적으로 활성화됨) – 플러그인 설정을 저장할 때 프로젝트의 모든 링크(사전 설정 및 모든 페이지 포함) 교체를 활성화/비활성화할 수 있습니다.
FavoriteLinks – 즐겨찾는 프로젝트 링크를 구성할 수 있습니다.
플러그인 관리 영역을 간단히 살펴보겠습니다. 다음은 Link 플러그인으로 작업할 때 알아야 할 사항입니다. 링크 유형을 사용하면 삽입할 링크 유형을 선택할 수 있습니다. 3가지 링크 유형 중에서 선택할 수 있습니다.
페이지 – 모든 프로젝트 페이지를 사용할 수 있는 곳,
즐겨찾기 - 플러그인 설정에 표시된 모든 링크가 표시되는 위치,
사용자 지정 – 사용자 지정 링크를 설정할 수 있는 곳입니다.
또한 기본적으로 사용자 지정 탭이 열립니다. 유일한 예외는 선택한 요소의 링크가 페이지 중 하나 또는 즐겨찾는 링크와 일치하는 경우입니다.
자세한 내용은 링크 플러그인에 대한 자세한 문서를 확인하십시오.
#6 머티리얼 시차 플러그인
시작하기 위해 Parallax 스크롤링에 대해 몇 마디 말씀드리겠습니다. 이 효과는 원래 비디오 게임에 사용하기 위해 만들어졌지만 Parallax는 여전히 웹 디자인 트렌드의 선두에 있습니다. 그것은 깊이와 움직임의 시선을 사로잡는 환상을 만듭니다. 결과적으로 귀하는 아름답고 상호작용적인 방식으로 귀하의 웹사이트 콘텐츠를 통해 방문자를 안내할 수 있습니다.
따라서 이 Novi Builder 플러그인은 Material Parallax 스크립트와 함께 작동합니다. Parallax에 사용될 소스 이미지를 교체할 수 있습니다. 복잡한 것은 없을 것입니다. 시각적 편집 도구를 통해 쉽게 할 수 있습니다. 코딩이 필요하지 않습니다!
다음은 이미지 업로드 영역에 표시되는 내용입니다.
파일 선택 – 필요한 이미지를 선택하려면 이 버튼을 누르십시오.
배경 이미지 업로드 – 선택한 이미지를 업로드하려면 이 버튼을 누르십시오.
#7 레이블 플러그인
이 Novi Builder 플러그인은 양식 필드의 레이블을 변경할 수 있도록 만들어졌습니다.
#8 카운트다운 플러그인
아시다시피 요즘 카운트다운 타이머는 가장 유용한 웹 디자인 트렌드 중 하나입니다. 이 작지만 똑똑한 요소를 사용하면 미니멀한 방식으로 많은 것을 보여줄 수 있습니다. 사실 오늘은 중요한 정보를 가장 편안하게 보여줄 수 있는 방법이 바로 여기에 있습니다.
인간의 뇌는 이상하고 복잡한 메커니즘입니다. 다른 유형의 정보보다 시각적 요소를 빠르게 인식합니다. 그렇기 때문에 카운터는 필수품입니다. 더 말하자면, 우리의 뇌는 더 오랜 시간 동안 시각적 정보를 기억합니다. 카운터의 도움으로 완료한 모든 프로젝트를 소개하고 얼마나 많은 행복한 고객이나 성공적인 아이디어를 가지고 있는지 등을 보여줄 수 있습니다.
따라서 카운트다운 타이머와 관련하여 필요한 정보나 이벤트를 강조 표시할 수 있습니다. 예를 들어 타이머를 사용하여 고객이 판매 시작 또는 특별 제안 종료까지 남은 시간을 표시할 수 있습니다.
#9 Google 지도 플러그인
2019년에는 모든 웹사이트에서 볼 수 있지만 지도 플러그인은 여전히 좋은 것입니다. 현대의 잠재 고객은 편안함에 익숙해졌으므로 온라인 지도를 제공하기를 기대합니다. 게다가 온라인 프로젝트에 Google 지도를 사용하면 더욱 고객 친화적으로 만들 수 있습니다. 결과적으로 사람들은 귀하의 사무실이 있는 곳을 보고 가장 짧은 길을 선택할 수 있습니다.
Novi Builder는 지도 설정을 시각적으로 변경할 수 있는 Google 지도 플러그인과 함께 제공됩니다.
다음은 지도 설정 패널 에서 볼 수 있는 내용입니다 .
API 키 필드를 사용하여 Google Maps JavaScript API를 사용하기 위한 API 키를 설정합니다.
지도 중심의 좌표를 설정하는 지도 중심 필드.
확대/축소 수준을 정의하는 확대/축소 필드.
지도 스타일을 선택하는 스타일 선택 옵션;
마커 아이콘 및 활성 마커 아이콘은 기본 및 활성 상태에 대한 마커를 설정하는 옵션을 선택합니다.
다음은 지도 핀 설정 패널 에서 볼 수 있는 내용입니다.
마커 위치 필드는 마커 위치를 설정하는 데 도움이 됩니다.
마커 설명 필드를 사용하여 마커 설명을 지정하십시오. 활성 상태로 표시됩니다.
마커 추가 버튼을 사용하여 마커 위치를 추가하고 마커 설명 그룹을 사용하여 새 마커를 추가합니다.
#10 아이콘 플러그인
이 Novi Builder 플러그인은 웹사이트에서 사용하는 아이콘을 교체하는 데 도움이 됩니다.
붙여넣기 아이콘을 선택하려면 마우스 왼쪽 버튼으로 항목을 두 번 클릭합니다.
#11 올빼미 회전 목마 플러그인
2019년에도 회전 목마는 여전히 유행입니다. Novi Builder에는 코드 한 줄도 건드리지 않고 회전 목마를 구성할 수 있는 Owl Carousel 플러그인이 함께 제공됩니다.
캐러셀 설정 패널에서 볼 수 있는 것은 다음과 같습니다.
보이는 항목 필드는 표시할 항목 수를 정의하는 데 도움이 됩니다. 이 기능을 사용하면 화면 크기에 따라 보이는 항목의 수를 변경할 수 있습니다.
항목 사이 들여쓰기 필드는 캐러셀 항목 사이의 공백을 설정하는 데 도움이 됩니다. 이 기능을 사용하면 화면 크기에 따라 항목 사이의 거리를 다르게 할 수 있습니다.
Enable Loop Switcher는 캐러셀 루프를 활성화하거나 비활성화하는 데 도움이 됩니다. 그건 그렇고, 당신은 미리보기 모드에서 그것을 할 수 있습니다.
Carousel Autoplay Switcher는 회전 목마 자동 재생을 활성화하거나 비활성화하는 데 도움이 됩니다. 미리보기 모드도 제공됩니다.
Carousel Autoplay Delay 필드는 슬라이딩 지연을 설정하는 데 도움이 됩니다.
#12 캠페인 모니터 플러그인
이 Novi Builder 플러그인은 캠페인 모니터 서비스와 함께 작동하도록 양식을 구성하는 데 도움이 됩니다.
다음은 양식 구성 영역에서 볼 수 있는 내용입니다.
캠페인 모니터 등록 URL 필드는 양식의 작업을 정의합니다.
캠페인 모니터 입력 이름 필드는 입력 필드의 이름 속성 값을 정의합니다.
#13 메일침프 플러그인
말할 필요도 없이 뉴스레터 구독은 여전히 모든 온라인 프로젝트의 필수 항목 중 하나입니다. 왜요? 글쎄, 그것이 당신이 웹 사이트의 청중을 빠르게 확대하고 예산 부족 없이 사람들의 참여를 유지할 수 있는 방법이기 때문입니다.
따라서 이 Novi Builder 플러그인을 사용하면 MailChimp 서비스로 작업을 구성할 수 있습니다.
#14 RD 메일 양식 플러그인
이전 도구와 마찬가지로 이 Novi Builder 플러그인을 사용하면 시각적 편집을 사용하여 RD Mailform으로 작업할 수 있습니다.
#15 RD Instagram 피드 및 #16 RD Twitter 피드 플러그인
이 Novi Builder 플러그인은 소셜 미디어 활동을 향상시키기 위해 만들어졌습니다. 소셜 트래픽이 발생하는 경우 이러한 자산을 놓치지 마십시오. 두 플러그인 모두 사용하기 쉽고 시각적 편집 도구로 Instagram 및 Twitter 피드를 설정할 수 있습니다.
#17 카메라 슬라이더 플러그인
이것은 Novi Builder가 제공하는 또 다른 필수 플러그인입니다. 자산을 사용하면 카메라 슬라이더를 손쉽게 구성할 수 있습니다.
#18 스위퍼 슬라이더 플러그인
이 Novi Builder 플러그인을 사용하면 Swiper Slider를 취향에 맞게 설정할 수 있습니다.
다음은 이미지 업로드 영역에서 볼 수 있는 내용 입니다 .
파일 버튼을 선택하면 이미지를 선택하는 데 도움이 됩니다.
배경 이미지 업로드 버튼을 사용하여 선택한 이미지를 업로드할 수 있습니다.
다음은 이미지 선택 영역에서 볼 수 있는 내용 입니다 .
이미지를 추가하려면 대상 이미지에서 마우스 왼쪽 버튼을 두 번 클릭해야 합니다.
이미지 자르기 영역에서 볼 수 있는 내용은 다음과 같습니다.
원본 이미지의 가로 세로 비율을 유지하려면 원본 가로 세로 비율 유지 설정을 사용합니다.
#19 비디오 플러그인
이 Novi Builder 플러그인을 사용하여 시각적 쇼케이스를 설정하십시오.
#20 라이트 갤러리 플러그인
이 Novi Builder 플러그인을 사용하여 시각적 도구를 사용하여 Light Gallery를 설정하십시오.
갤러리 설정 영역에서 볼 수 있는 것은 다음과 같습니다.
갤러리 슬라이드 애니메이션을 사용하면 갤러리 항목 전환의 애니메이션을 조정할 수 있습니다.
썸네일 스위처는 갤러리 항목의 미리보기 데모를 활성화하거나 비활성화하는 데 도움이 됩니다.
루프 스위처는 갤러리 항목의 반복을 활성화하거나 비활성화하는 데 도움이 됩니다.
자동 재생 스위처는 갤러리 항목의 자동 재생을 활성화 또는 비활성화하는 데 도움이 됩니다.
갤러리 자동 재생 지연 필드에서는 항목 지연 시간을 구성할 수 있습니다.
이것이 Novi Builder와 함께 제공되는 모든 플러그인입니다. 모든 것을 요약하면 다음과 같습니다.
Novi Builder 작업의 주요 가능성
이제 Novi Builder가 작동하는 방식을 알게 되었습니다. 요약하자면 다음은 편집기로 작업할 때 쉽게 수행할 수 있는 작업입니다. 따라서 다음을 수행할 수 있습니다.
라이브 모드에서 웹사이트의 콘텐츠를 편집합니다.
이미 일부를 구입한 경우 다른 HTML 테마를 빌더로 가져옵니다.
기능, 옵션 또는 웹 디자인 구성 요소를 복사, 삽입, 교체 및 제거하는 행위
선택한 테마에 대해 미리 설계된 요소로 제공되는 다양한 신선한 콘텐츠 블록을 사용합니다.
몇 번의 클릭만으로 명명된 요소를 개인 취향에 맞게 설정할 수 있습니다.
자신의 미디어 라이브러리를 관리하여 온라인 프로젝트의 다른 섹션에서 사용할 일부 비디오와 이미지를 저장합니다.
텍스트 편집,
URL 편집,
배경과 그라디언트, 색상 및 이미지를 포함한 모든 세부 사항을 만들고 편집합니다.
읽기 쉽고 100% 눈에 친숙한 웹 글꼴로 작업(Google 글꼴의 새로운 컬렉션이 있음)
테마에 포함된 아이콘으로 작업합니다.
필요한 경우 새 아이콘을 업로드하고 원하는 방식으로 편집하십시오.
CSS, HTML 및 JS 코드를 사용하려는 경우 Novi IDE 코드 편집기로 작업해 보십시오.
웹사이트 디자인에 눈길을 끄는 슬라이더를 추가하고,
인상적인 시차 효과 사용,
연락처 양식 작성,
Google 지도 추가,
시각적 콘텐츠 등을 개선하기 위해 우아한 캐러셀을 구축합니다.
말할 필요도 없이 이것들은 단지 몇 가지의 이름일 뿐입니다! 실제로 Novi Builder에는 사이트를 풍부하게 하는 수많은 놀라운 디자인 요소가 포함되어 있습니다.
초보 사용자 Q&A
이제 Novi Builder 작업에 대한 가장 인기 있는 질문에 답할 차례입니다.
Novi Builder는 다른 브라우저를 지원합니까?
네, 그렇습니다. 게다가 가장 인기 있는 브라우저인 Safari 및 Google Chrome에서 정기적으로 테스트됩니다.
다양한 온라인 프로젝트에 Novi Builder와 템플릿을 사용할 수 있습니까?
먼저 빌더를 사용하여 다양한 웹 사이트를 무제한으로 실행할 수 있습니다. 따라서 다른 사이트에 Novi Builder를 사용할 수 있습니다.
타사 사이트에서 누군가 Novi Builder를 구입할 수 있습니까?
기본적으로 Novi Builder는 다른 사이트에서 구입할 수 있습니다. 단, 무료 회원가입은 되지 않으니 참고하세요. 타사 사이트에서 구매한 경우에도 불가능합니다.
HTML 기반 웹사이트를 Novi Builder로 전송할 수 있습니까?
위에서 이미 말했듯이 콘텐츠 손실 없이 기존 사이트를 Novi Builder로 전송할 수 있습니다.
업데이트는 어떻게 받나요?
업데이트가 릴리스되는 즉시 자동으로 받게 됩니다. 또한 개인 계정의 '다운로드' 섹션에서 최신 HTML 템플릿을 다운로드할 수 있습니다.
환불을 받을 수 있나요?
예, Novi Builder와 함께 사용하면 전액 환불을 받을 수 있습니다. 편집자의 모든 멤버십 플랜에 적용됩니다. 구매 후 30일 이내에 환불을 받으실 수 있습니다.
Novi Builder로 만든 템플릿을 판매할 수 있습니까?
그래 넌 할수있어! 빌더는 디자이너와 개발자를 위해 만들어졌습니다. 개발자 플랜을 선택하기만 하면 됩니다. Novi Builder에서 제공하는 템플릿을 만들고 판매할 수 있는 라이선스를 제공합니다. 타사 마켓플레이스에서 판매할 수 있습니다.
디자인을 변경하지 않고 내 웹사이트에 Novi Builder 템플릿을 사용할 수 있습니까?
대답은 예입니다. Novi Builder 테마로 만든 여러 웹사이트를 관리할 수 있으며 원하지 않는 경우 디자인을 변경할 필요가 없습니다.
마지막 생각들
모든 것을 요약하자면, Novi Builder는 사용자에게 에이스와 완벽한 기능을 갖춘 HTML 템플릿을 제공한다고 말하고 싶습니다. 사전 설계되었으며 모든 기술 수준의 사람들이 사용할 수 있습니다. 그러나 테마는 완전히 편집할 수 있으며 오픈 소스 코드와 함께 제공됩니다. 따라서 구독하면 다양한 웹사이트 템플릿, 플러그인 및 기타 콘텐츠 요소의 풍부한 컬렉션에 액세스할 수 있습니다. 말할 필요도 없이, 몇 가지 더 많은 UI 구성 요소가 제공됩니다. Novi Builder는 자동으로 설치되는 정기적인 업데이트를 받습니다. 그것은 당신이 항상 선택할 수있는 몇 가지 최신 유행 기능을 가지고 있음을 의미합니다.
웹 디자인이나 웹 개발과 같은 비즈니스 틈새 시장에서 Novi Builder는 꼭 봐야 하는 제품입니다! 편집기를 사용하여 고객을 위해 얼마나 많은 온라인 프로젝트를 실행할 수 있는지 상상해 보십시오. 전체적으로 제한이 전혀 없습니다!
끝으로 Novi Builder와 기본 HTML Page Builder를 비교해 보겠습니다.
노비 빌더
HTML 빌더
텍스트 편집
예
예
양식화된 텍스트(굵게, 색상, 기울임꼴 및 기타)
예
예
디자이너를 위한 도구
예
아니요
여러 페이지 생성
예
예
프로젝트 백업
예
아니요
반응형 디자인
예
예
자동 저장
예
아니요
페이지 미리보기
예
아니요
카테고리/내용/이름으로 블록 검색
예
예
그리드 설정
예
아니요
URL 수정
사용자 플러그인
예
슬라이더 설정
사용자 플러그인
아니요
지도 설정
사용자 플러그인
아니요
문의 양식 설정
사용자 플러그인
아니요
인스타그램/트위터/페이스북 설정
사용자 플러그인
아니요
아코디언 설정
예
아니요
탐색 설정
예
예
요소 추가/제거(위젯)
예
아니요
블록(섹션) 추가/제거
예
예
웹 사이트 빌더를 선택하는 방법은 무엇입니까? Don't hesitate to leave a comment below.
