Breakdance: WordPress를 위한 강력한 웹사이트 빌더

게시 됨: 2022-12-05

WordPress를 사용하는 동안 웹 사이트 빌더를 한두 번 만났을 수 있습니다. 하지만 아직 그 가치를 인식하지 못했을 수도 있습니다. 의심할 여지 없이 WordPress는 놀랍도록 유연한 플랫폼이지만 노련한 개발자가 아닌 경우 복잡한 사이트를 구축하는 것은 어렵습니다. 또는 비전을 달성하기 위해 수많은 플러그인을 설치하게 됩니다. 웹 사이트 빌더 플러그인이 유용한 곳입니다.

좋은 테마를 선택하는 것이 출발점이 될 수 있지만, 필요에 맞지 않을 수 있는 특정 레이아웃이나 미리 결정된 시스템에 갇히게 될 수 있습니다. 좋은 사이트 빌더를 사용하면 방해받지 않고 원하는 정확한 사이트를 만들 수 있습니다.

몇 가지 인기 있는 사이트 빌더가 있으며 도움이 될 수 있습니다. 그러나 일부는 배우기가 복잡할 수 있으며 여전히 소수의 추가 플러그인이 필요하므로 사이트 실행 속도가 느려질 수 있습니다.

살펴봐야 할 새로운 웹사이트 빌더가 있습니다. 사용하기 쉽고 원하는 사이트를 즉시 구축할 수 있도록 도와줍니다. 이 기사에서는 Breakdhttps://breakdance.com/ance를 소개하고 아름답고 완전한 기능을 갖춘 웹사이트를 구축하는 것이 얼마나 쉬운지 보여드리겠습니다.

Breakdance 웹사이트 빌더

Breakdance는 코드를 모르거나 복잡한 새 시스템을 배우지 않고도 WordPress에서 제작할 수 있도록 도와주는 새로운 플랫폼입니다.

Breakdance 웹사이트 빌더 스크린샷

Breakdance를 사용하면 게이트에서 바로 빌드를 시작할 수 있습니다. 다음을 제공하는 완전한 기능을 갖춘 플랫폼입니다.

  • 드래그 앤 드롭 인터페이스가 있는 120개 이상의 요소
  • 전체 사이트 편집
  • 우커머스 통합
  • 메가 메뉴 빌더
  • 양식 작성기
  • ACF 및 도구 세트 통합
  • PHP, HTML, CSS 및 JavaScript 작성 능력

디자인 특징

Breakdance는 전체 사이트를 시각적으로 쉽게 스타일링할 수 있는 전역 스타일 컨트롤을 제공합니다. 플랫폼은 또한 아름다운 기본 설정을 제공합니다. 커스터마이징이 당신의 장점이 아니라면, 당신은 가도 좋습니다!

SEO

Breakdance에서 HTML 태그를 사용자 정의할 수 있으며 SEO 플러그인과 호환됩니다. Yoast를 계속 사용할 수 있습니다!

전환

방문자를 전환하는 데 도움이 되는 여러 플러그인을 설치할 필요가 없습니다. Breakdance는 기본적으로 전환에 최적화되어 있습니다.

Breakdance 플러그인으로 풀어야 할 것이 많으므로 사용 방법에 대해 알아보겠습니다.

무료로 브레이크댄스를 즐겨보세요!

브레이크댄스 사용법

먼저 Breakdance를 찾아서 설치하도록 도와드리겠습니다. 그럼 사용이 얼마나 쉬운지 보여드리겠습니다.

브레이크댄스 설치

웹사이트에서 직접 Breakdance 플러그인을 다운로드하여 시작하십시오. Breakdance는 30일 무료 평가판을 제공하므로 가입 및 플러그인 설치에 따른 위험이 없습니다.

플러그인 zip 파일을 다운로드한 후 WordPress 사이트의 관리 대시보드로 이동합니다. 플러그인→새로 추가를 선택합니다. 플러그인 업로드를 클릭하고 저장한 .zip 파일을 찾습니다. 지금 설치 를 클릭한 다음 활성화합니다.

테마 또는 테마 없음?

플러그인을 활성화하자마자 설치 마법사가 나타납니다. 테마 비활성화테마 유지의 두 가지 선택 사항이 제공됩니다.

Breakdance 웹 사이트 빌더 메뉴의 스크린샷

물론 이것은 전적으로 귀하에게 달려 있습니다. 기존 테마를 유지할 수 있으며 사이트의 모양은 그대로 유지됩니다. 그러나 테마는 Breakdance 요소의 디자인에 영향을 미칠 수 있습니다. 내 제안은 기존 테마를 비활성화하고 Breakdance를 시도하는 것입니다. 여기에는 몇 가지 이유가 있습니다.

  1. Breakdance를 사용하면 전체 사이트를 디자인합니다. 즉, 머리글, 바닥글, 페이지, 아카이브 페이지 및 사용자 지정 게시물 유형까지 완벽하게 제어할 수 있습니다. 이것은 진정한 전체 사이트 편집이며 강력합니다. 초보자인 경우 Breakdance가 멋진 기본 설정으로 시작한다는 사실을 알고 계십시오. 원하지 않으면 처음부터 빌드할 필요가 없습니다.
  2. 테마를 비활성화하면 테마 팽창 가능성이 제거됩니다. 이렇게 하면 테마와 Breakdance 플랫폼 간에 충돌 없이 사이트가 최적으로 실행됩니다.

이 문서의 나머지 부분에서는 테마를 비활성화하는 현명한 선택을 했다고 가정하겠습니다.

사이트 구축

WordPress 관리자의 왼쪽 패널에는 Breakdance 메뉴 아래에 여러 항목이 있습니다.

이 영역은 사용자 커뮤니티, 비디오 자습서, 지원 및 설명서에 대한 외부 링크를 제공합니다.

템플릿

WooCommerce 제품 및 아카이브, 단일 게시물, 게시물 아카이브, 404, 검색 결과에 대한 템플릿을 만들거나 사용자 지정 템플릿을 추가할 수 있습니다.

헤더

여기에서 사이트 헤더를 만들 수 있습니다. 특정 페이지에 여러 헤더가 나타날 수 있습니다.

바닥글

헤더와 마찬가지로 사이트의 여러 영역에서 여러 바닥글을 사용하거나 모든 곳에 표시되는 바닥글을 사용할 수 있습니다.

글로벌 블록

사이트 어디에서나 재사용할 수 있는 글로벌 블록을 생성할 수 있습니다. 블록은 선택한 요소로 구성될 수 있습니다.

팝 업

Breakdance를 사용하면 팝업을 만들고 방문자를 구독자 또는 고객으로 전환할 수 있습니다.

양식 제출

외부 플러그인이 필요 없이 Breakdance를 사용하여 양식을 만들면 모든 제출 양식이 여기에 나열됩니다.

설정

Breakdance에서 구성할 수 있는 몇 가지 설정이 있습니다. 플랫폼의 뛰어난 기능 중 하나인 전역 스타일에 액세스할 수 있는 영역이기도 합니다. 시각적 편집기에서 사이트 전체의 전역 변경 결과를 볼 수 있다고 상상해 보십시오.

기타 설정은 다음과 같습니다.

  • 주제
  • 우커머스
  • 사용자 액세스
  • 유지 관리 모드
  • 성능
  • API 키
  • 게시물 유형
  • 고급의
  • 디자인 라이브러리
  • 맞춤 코드
  • 도구

이들 중 대부분은 자명하지만 특히 하나를 지적하고 싶습니다. 성능 설정은 강력한 도구입니다. 이러한 설정을 조정하면 무엇보다도 불필요한 JavaScript 및 오래된 코드를 비활성화하여 사이트 로드 속도를 크게 향상시킬 수 있습니다.

브레이크댄스 퍼포먼스 메뉴의 스크린샷

이제 지형이 마련되었으므로 머리글을 만들고 단일 페이지 레이아웃을 디자인해 보겠습니다.

헤더 만들기

헤더는 모든 웹사이트에서 중요한 부분이므로 여기서 시작하겠습니다. Breakdance 메뉴에서 헤더 로 이동하고 헤더 추가를 클릭합니다.

Breakdance 헤더 메뉴의 스크린샷

헤더의 제목을 입력하고 표시될 위치를 선택합니다. 헤더가 표시될 보다 구체적인 위치를 선택할 수 있는 조건을 추가할 수도 있습니다. 예를 들어 Chrome 및 Firefox 브라우저에만 표시되고 Safari에는 표시되지 않는 헤더를 만들 수 있습니다.

저장 을 클릭하면 목록에 헤더가 표시됩니다. Breakdance에서 편집을 클릭하면 시각적 편집기가 열립니다. 왼쪽 상단에서 추가를 클릭하면 헤더에 추가할 수많은 요소를 제공하는 패널이 열립니다.

가장 쉬운 방법은 Breakdance의 헤더 빌더를 사용하는 것입니다. 이렇게 하면 올바른 레이아웃을 얻기 위해 섹션과 열을 추가하는 것에 대해 걱정할 필요가 없습니다.

내 예에서는 머리글에 로고를 추가하고 싶습니다. 패널에서 아래로 스크롤하여 Image 를 클릭합니다. 거기에서 미디어 라이브러리에서 내 로고 이미지를 찾을 수 있습니다. 나는 그것을 거대하게 만들고 싶지 않으므로 Image Size 아래에서 Medium을 선택합니다.

Breakdance 편집기의 스크린샷

이제 방문자가 내 사이트를 탐색할 수 없는 경우 매우 실망스러울 수 있으므로 헤더에 탐색 메뉴가 있는지 확인하고 싶습니다. WP 메뉴 블록을 추가할 수 있지만 Breakdance의 메뉴 빌더 옵션을 사용하겠습니다. 훨씬 더 많은 기능을 제공하기 때문입니다.

Breakdance 편집기의 스크린샷

이 시점에서 오른쪽 상단에 있는 레이어 아이콘을 클릭하면 머리글 구조를 보여주는 편리한 패널이 열립니다. 끌어서 놓기를 사용하여 요소의 순서를 정렬할 수 있습니다.

물론 우리가 만든 메뉴는 편집이 필요합니다. 특정 사이트에 맞게 탐색 항목을 편집할 수 있습니다. 이 방법은 또한 다른 헤더로 처음부터 시작하려는 경우 가능한 것을 보여줍니다.

뷰어 아이콘을 사용하여 헤더가 다른 장치에서 어떻게 보이는지 확인할 수도 있습니다.

작업을 마쳤으면 저장을 클릭한 다음 사이트로 이동하여 헤더가 작동하는지 확인합니다.

브레이크 댄스로 더 많은 것을 할 수 있습니다

지금까지 Breakdance에서 머리글을 만드는 방법에 대해서만 다루었으며 이것은 이 플랫폼이 귀하의 사이트에 대해 수행할 수 있는 작업의 표면을 훑어보는 것일 뿐입니다. 편집기에서 요소를 사용하는 것이 얼마나 쉬운지 알 수 있기를 바랍니다. WordPress 사이트의 거의 모든 측면을 디자인할 수 있습니다. 기본적으로 Breakdance는 자신만의 테마를 만들 수 있는 기능을 제공합니다. 사실, 다른 웹사이트에서 사용하기 위해 전체 디자인을 저장할 수도 있습니다.

Breakdance는 YouTube에서 웹 사이트 구축 방법을 안내하는 일련의 자습서를 호스팅합니다. Facebook에는 무료로 액세스할 수 있는 지원 커뮤니티도 있습니다.

가격

앞서 언급했듯이 Breakdance는 위험 부담이 없는 30일 평가판을 제공합니다. 마음껏 다운로드, 설치 및 실험할 수 있습니다. 그 후 연간 구독료는 연간 $349입니다. 그러나 출판 당시 그들은 $200 할인을 제공하고 있어 구독료는 연간 $149가 됩니다.

Breakdance 가격 책정 페이지의 스크린샷

원가로도 브레이크댄스는 상당한 가치를 지닌다. 다음은 그들이 구독으로 제공하는 것입니다:

60일 보증

100% 행복하지 않습니까? 아무 질문 없이 환불을 받으려면 이메일을 보내주세요.

무제한 사이트 라이센스

원하는 만큼 많은 사이트에서 사용하십시오. 제한이 없습니다.

클라이언트 사이트에서 사용

귀하의 라이센스에는 클라이언트 웹 사이트에 대한 무제한 사용이 포함됩니다.

프리미엄 지원

Breakdance 팀에서 직접 도움과 지원을 받으세요.

Breakdance는 견고하고 강력한 웹사이트 빌더입니다.

WordPress 테마에 만족하지 않고 자신만의 테마를 만들고 싶지 않다면 웹사이트 빌더를 사용하는 것이 좋습니다. 사이트를 구축하는 데 코딩 지식이 전혀 필요하지 않으며 직관적으로 사용할 수 있습니다. 개발자라면 자신의 기술을 사용하여 Breakdance에 구축된 사이트의 기능을 확장할 수 있는 많은 기회가 있습니다.