사용자 정의 워드 프레스 레이아웃을 만드는 방법 (단계별)

사용자 정의 레이아웃, 비버 빌더


웹 사이트에 고유 한 모양을 제공하기 위해 사용자 정의 WordPress 레이아웃을 작성 하시겠습니까??

스킬 셋에 관계없이 개발자를 고용하지 않고도 맞춤형 WordPress 레이아웃을 쉽게 구축 할 수 있습니다..

이 기사에서는 유명한 WordPress 페이지 빌더 플러그인 인 Beaver Builder를 사용하여 사용자 정의 WordPress 레이아웃을 작성하는 방법을 보여줍니다..

프리미엄 테마를 선택하고 미리 작성된 레이아웃 중 하나를 사용하여 페이지를 시작할 수있을 때 사용자 정의 레이아웃을 작성해야하는 이유가 궁금합니다..

사용자 정의 워드 프레스 레이아웃을 만드는 이유

여러 가지 멋진 내장 레이아웃을 제공하는 여러 가지 고급 WordPress 테마가 있으며 바로 사용할 수 있습니다. 이 아름다운 레이아웃을 선택하고 사이트를 매력적인 모양으로 만들 수 있습니다..

그러나 이러한 레이아웃의 문제점은 준비된 가용성으로 인해 웹을 통해 수십만 명의 사용자가 널리 사용한다는 것입니다.

즉, WordPress 사이트에 사전 구축 된 레이아웃을 사용하는 경우 많이 맞춤 설정하지 않으면 눈에 띄게 표시 할 수 없습니다. 또한 이러한 레이아웃은 요구 사항을 충족하지 못할 수도 있습니다. 이 경우 사용자 정의 레이아웃을 작성하는 것이 가장 좋습니다..

사용자 정의 워드 프레스 레이아웃 만들기

사이트에 시각적으로 멋진 사용자 정의 레이아웃을 만드는 가장 좋은 방법은 Beaver Builder 플러그인을 사용하는 것입니다. Beaver Builder는 인기있는 드래그 앤 드롭 페이지 빌더 플러그인으로 몇 분 안에 가장 멋진 레이아웃을 만들 수 있습니다.

비버 빌더

이 플러그인의 가장 좋은 점은 제공하는 경우 유연성의 수준입니다. 거의 모든 것을 제어 할 수 있습니다.

색상, 텍스트, 글꼴, 이미지 – 항상 꿈꿔 왔던 것과 똑같은 모양을 갖도록 모든 것을 완벽하게 사용자 정의 할 수 있습니다..

Beaver Builder에서 좋아할 또 다른 점은 다른 페이지 빌더 플러그인과 달리 초보자에게 친숙하고 사용 방법을 알아내는 데 몇 시간을 소비 할 필요가 없다는 것입니다. 또한 시작하는 데 도움이되는 수십 개의 시각적으로 뛰어난 템플릿을 제공합니다..

여기에서 Beaver Builder 리뷰를 확인하십시오. 이 플러그인을 사용하여 맞춤 레이아웃을 만드는 방법을 알아 보겠습니다..

1 단계 : WordPress에서 Beaver Builder 설치 및 설정

첫 번째 단계는 웹 사이트에서 Beaver Builder를 설치하고 활성화하는 것입니다. Beaver Builder 사이트로 이동하여 플러그인을 다운로드 할 수 있습니다. 활성화되면 설정»페이지 빌더.

비버 빌더 설정

여기에서 라이센스 키를 입력하여 지원을 활성화하고 업데이트를받을 수 있습니다. 완료되면 첫 번째 맞춤 레이아웃을 만들 준비가되었습니다.

2 단계 : 첫 번째 사용자 정의 레이아웃 작성

첫 번째 맞춤 레이아웃을 만들려면 모든 페이지»새로 추가 워드 프레스 대시 보드에서 텍스트 편집기에는 페이지 빌더로 전환 할 수있는 옵션이 있습니다.

이 옵션을 클릭하면 페이지 작성기 탭이 시작됩니다. 여기에는 몇 가지 템플릿 옵션이 있습니다. 레이아웃에서 가장 마음에 드는 것을 선택하십시오. 드롭 다운 화살표를 클릭하고 원하는 레이아웃 유형을 선택할 수도 있습니다. 방문 페이지 또는 콘텐츠 페이지를위한 것일 수 있습니다..

완료되면 드래그 앤 드롭 빌더로 이동합니다. 특정 필드를 편집하려면 해당 영역 위로 마우스를 가져간 다음 클릭하여 디자인 사용자 정의를 시작하면됩니다..

레이아웃에 최대 6 개의 열, 사이드 바, 오디오, 이미지, 구분 기호 등을 추가 할 수 있습니다. 행과 사이드 바를 추가하려면 행 레이아웃 탭. 그런 다음 원하는 열 수를 끌어서 시각적 빌더에 놓으십시오..

열이 추가되면 열을 클릭하고 요구 사항에 맞게 사용자 정의하십시오. 배경, 텍스트 색상을 변경하고 링크, 텍스트, 테두리 등을 열에 추가 할 수 있습니다. 이 열과 행은 나중에 사용하기 위해 저장할 수도 있습니다. 이를 위해 저장 팝업 끝에있는 버튼.

다른 요소의 경우 기본 모듈 선택권. 버튼, 아코디언, 가격표,지도, 카운트 다운 타이머 등과 같이 레이아웃에 추가 할 수있는 몇 가지 다른 요소도 있습니다..

요소를 오른쪽에서 끌어서 왼쪽의 비주얼 빌더에 놓기 만하면됩니다. 이러한 각 요소는 사용자 정의 할 수 있습니다. 예를 들어, 새로운 제목을 추가하려면 표제 레이아웃에 끌어다 놓습니다. 그런 다음 제목 요소를 클릭하여 사용자 정의하십시오..

여기에 3 가지 탭이 있습니다. 일반, 스타일 및 사전. 첫 번째로 텍스트, 링크 등을 제목에 추가 할 수 있습니다. 두 번째 탭에서는 다른 색상, 글꼴 등으로 제목 스타일을 지정할 수 있습니다. 많은 옵션을 통해 여백, 가시성, 응답 성, 애니메이션 등을 작업 할 수 있습니다..

동일한 방법을 사용하여 원하는 수의 요소와 모듈을 추가 한 다음 요구 사항에 맞게 사용자 정의 할 수 있습니다..

레이아웃을 편집 한 후 끝난 화면 오른쪽 상단에있는 버튼을 클릭하십시오. 아래 스크린 샷에 표시된 것과 같은 여러 가지 옵션이있는 새 팝업이 표시됩니다..

비버 빌더 저장 레이아웃

이 옵션을 사용하면 초안을 저장하거나 게시하거나 버릴 수 있습니다..

3 단계 : 레이아웃 재사용

Beaver Builder를 사용하면 사용자 정의 WordPress 레이아웃을 저장하고 언제든지 재사용 할 수 있습니다. 이 옵션을 사용하려면 도구 화면 오른쪽 상단에 있습니다. 화면에 다음 옵션이 표시됩니다.

비버 빌더 도구

이제 요구 사항에 따라 옵션을 선택하십시오. 나중에 사용하기 위해 템플릿을 사용하려면 템플릿 저장 옵션을 선택한 다음 레이아웃 이름을 지정하십시오. 그 후 저장 단추.

워드 프레스 레이아웃은 유혹을 저장

4 단계 : 템플릿 관리

Beaver Builder로 생성 한 레이아웃은 무제한 웹 사이트에서 사용할 수 있습니다. 사용자가 만든 템플릿은 템플릿이라는 사용자 정의 게시물 유형에 저장됩니다..

기본적으로이 옵션은 숨겨져 있습니다. 당신은로 이동하여 그것을 볼 수 있습니다 설정»페이지 빌더»템플릿 탭.

이제를 클릭하십시오 템플릿 관리자 사용 옵션을 누르고 템플릿 설정 저장 단추. 이렇게하면 WordPress 관리 모음에 템플릿이라는 새로운 메뉴 항목이 나타납니다. 템플릿으로 저장 한 모든 페이지 레이아웃이 해당 페이지에 나타납니다.

워드 프레스 레이아웃 내보내기

생성 한 레이아웃은 사용자 정의 포스트 유형으로 저장되므로 Beaver Builder 템플릿을 쉽게 내보낼 수 있습니다. 이를 위해 WordPress에 기본 제공 내보내기 기능이 있습니다. 이 기능을 사용하려면 도구»내보내기 페이지.

워드 프레스 레이아웃 내보내기

이제 템플릿을 선택하십시오. 드롭 다운 화살표를 클릭하고 내보낼 템플릿을 선택하십시오. 그 후 내보내기 파일 다운로드 버튼을 누르면 WordPress에서 다운로드 할 수있는 XML 파일을 보냅니다..

비버 빌더 레이아웃 가져 오기

레이아웃을 가져 오려면이 레이아웃을 가져올 웹 사이트의 대시 보드로 이동하십시오. 이제가 설정»가져 오기»워드 프레스. 워드 프레스 탭 ​​아래에서 지금 설치 옵션을 클릭하십시오. WordPress 가져 오기 플러그인을 다운로드하여 설치합니다.

플러그인이 다운로드되면 방금 다운로드 한 XML 파일을 업로드 할 수 있습니다. 이제 다른 사이트에서도 레이아웃을 사용할 수 있습니다.

그리고 그게 다야. 기사가 마음에 드셨기를 바랍니다. 그럴 경우 시도해 볼 수있는 다른 Beaver Builder 대안을 알고 싶을 수도 있습니다..

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map