Elementor을 사용하여 웹 사이트를 만들 때 사이드바는 종종 무시되지만 강력한 요소입니다. 이것은 당신의 페이지 디자인을 완성하고 중요한 정보 및 내비게이션 요소를 제공할 수 있습니다. 이 튜토리얼에서는 워드프레스 웹사이트에 사이드바를 효과적으로 통합하는 방법을 알아보겠습니다.

주요 결론

  • 사이드바는 다양한 페이지에 다양한 크기로 배치할 수 있습니다.
  • 사이드바의 조정은 유연하지만 Elementor에서 직접 편집할 수는 없습니다.
  • 기본적으로 사이드바는 오른쪽에 표시되지만 조정할 수 있습니다.

사이드바 사용 안내서

Elementor에 사이드바를 만들려면 다음 단계를 따르세요.

단계 1: Elementor 열고 페이지 구조 계획하기

Elementor 프로젝트를 열기 시작하세요. 레이아웃을 어떻게 디자인할지, 사이드바에 어떤 내용을 통합할지를 고민하세요. 예를 들어, 이미지나 다른 내용을 표시할 것인지를 생각해보세요.

Elementor의 사이드바 - 효과적으로 설정하는 방법

단계 2: 사이드바 추가

사이드바를 추가하고 싶은 페이지 부분으로 이동하세요. 일반적으로 사이드바는 오른쪽에 배치되어야 합니다. 그런 다음 사이드바를 추가할 수 있는 섹션으로 이동하고 “사이드바”를 선택하세요.

Elementor에서 사이드바 - 효율적으로 설정하는 방법

단계 3: 사이드바 크기 조절

사이드바를 추가한 후 너비를 조절할 수 있습니다. 사이드바의 일반적인 폭은 약 30%이지만 레이아웃에 따라 25% 또는 그 이하를 선택할 수 있습니다. 원하는 디자인을 얻기 위해 비율을 조정하세요.

엘리먼터의 사이드바 - 효과적으로 설정하는 방법

단계 4: 페이지 설정 선택

이 단계에서 사용할 사이드바 유형을 선택해야 합니다. 여러 옵션 중에서 선택할 수 있으며, 예를 들어 “푸터 1”에서 “푸터 4”까지 선택할 수 있습니다. 일반적으로는 최신 댓글과 같은 일부 내용이 들어 있는 기본 사이드바를 사용합니다.

Elementor의 측면 표시줄 - 효과적으로 설정하는 방법

단계 5: 사이드바 조정 및 저장

사이드바를 추가하고 크기와 내용을 설정했습니다. 사이드바를 Elementor에서 직접 편집할 수 없다는 점을 염두에 두세요. 사이드바를 워드프레스 대시보드에서 조정하고 저장해야 합니다. 레이아웃으로 돌아가 사이드바가 어떻게 보이는지 확인하세요.

Elementor의 측면 표시줄 - 효과적으로 설정하는 방법

단계 6: 레이아웃 확인

사이드바를 조정하고 저장한 후 페이지 전체 레이아웃을 확인하세요. 사이드바가 지금 보이고 원하는 정보를 표시해야 합니다. 언제든지 사이드바의 위치와 내용을 조정하여 가장 적합한 옵션을 찾아보세요.

Elementor의 사이드바 - 효율적으로 설정하는 방법

단계 7: 개인 취향에 맞게 조정

사이드바를 일반적으로 오른쪽에 배치하는 것이 일반적이지만, 개인적인 취향에 맞게 조정할 수 있습니다. 페이지 디자인이 어디서든 잘 보이도록 사이드바가 배치되었는지 확인하세요.

요약

처음에는 사이드바가 눈에 띄지 않을 수도 있습니다. 그러나 적절한 조정과 올바른 통합을 통해 사이드바가 훌륭하게 보이고 기능적으로도 중요한 역할을 할 수 있음을 확인할 수 있습니다.

자주 묻는 질문

Elementor에 사이드바를 어떻게 추가하나요?페이지의 원하는 섹션에서 "사이드바"를 선택하고 크기를 조절하세요.

사이드바 내용을 Elementor에서 직접 편집할 수 있나요?아니요, 사이드바는 워드프레스 대시보드에서 조정해야 합니다.

사이드바는 얼마나 넓어야 하나요?내용 및 디자인 아이디어에 따라 일반적으로 25-30 %의 너비가 적합합니다.

사이드바를 왼쪽에 배치할 수 있나요?예, 오른쪽이 일반적이지만 원하는대로 사이드바를 조정할 수 있습니다.

사이드바에 어떤 내용을 넣을 수 있나요?이미지, 링크 또는 최신 댓글과 같은 위젯 등을 넣을 수 있습니다.