웹 사이트 디자인을 하는 것은 종종 콘텐츠를 시각적으로 분리하는 데 관한 질문을 유발합니다. 여기서 Elementor의 간단하고 효과적인 요소 인 분리기가 등장하여 WordPress에서 사용됩니다. 이 안내서에서는 분리기를 사용하여 웹 사이트의 시각적인 모양을 개선하는 방법을 소개합니다.
주요 발견
분리기는 단순한 그래픽 요소로 사용되는 것뿐만 아니라 디자인과 위치를 매우 다양하게 조정할 수 있습니다. 간단한 조정으로 웹 사이트의 여러 콘텐츠 영역 사이에 매력적인 분리를 만들어 가독성과 웹 사이트 전체 디자인을 향상시킬 수 있습니다.
단계별 안내
분리기 추가하기
디자인에 분리기를 추가하려면 Elementor 라이브러리에서 해당 요소를 작업 공간으로 끌어오기만 하면 됩니다. 웹 사이트의 다른 섹션간에 시각적인 분리를 만드는 선이 나타납니다.
커스터마이징 옵션
분리기는 다양한 커스터마이징 옵션을 제공합니다. 다양한 스타일을 선택할 수 있으며, 실선, 점선 또는 직진 선 뿐만 아니라 지그재그 라인, 사각형 등과 같은 창의적인 디자인을 선택할 수 있습니다.
분리기의 너비를 조정하려면 그렇게 할 수 있습니다. 화면에서 줌 아웃하고 원하는 값으로 너비를 조정합니다. 예를 들어 너비를 50%로 설정하여 중앙에 표시할 수 있습니다.
텍스트 추가하기
분리기의 단순함을 유지하지 않고 텍스트 요소를 추가할 수 있습니다. 텍스트 요소를 선택하고 분리기 아래나 위에 드래그하여 텍스트를 HTML 태그로 서식 지정하여 제목을 만들거나 스타일을 변경할 수 있습니다.
아이콘 커스터마이징
텍스트 대신 아이콘을 사용할 수도 있습니다. Elementor은 다양한 아이콘 라이브러리를 제공합니다. 메시지를 지원하는 적합한 아이콘을 선택할 수 있습니다. 예를 들어 새로운 내용이나 고급 내용을 나타내기 위해 로켓 같은 아이콘을 선택할 수 있습니다.
스타일 및 색상 편집
분리기의 스타일을 개별적으로 조정할 수 있습니다. "스타일" 탭에서 색상, 크기 및 간격을 정의할 수 있으며, 웹 사이트 전체에 일관된 색상 계획을 유지할 수 있도록 전역 색상을 사용할 수 있습니다.
분리기의 크기가 맞지 않으면 쉽게 조정할 수 있습니다. 필요에 따라 위아래의 높이를 조정하여 원하는 간격을 변경할 수 있습니다.
보이지 않는 분리선
더 섬세한 분리를 위해서는 보이지 않는 분리선도 만들 수 있습니다. 분리기의 색상을 흰색으로 설정하여 거의 눈에 띄지 않지만 필요한 간격을 유지하도록 할 수 있습니다.
저장 및 미리보기
원하는 조정 사항을 모두 적용한 후 변경 사항을 저장하는 것이 중요합니다. "저장" 버튼을 클릭하여 결과를 미리보기합니다. 이렇게 하면 분리기가 전체적으로 어떤 효과를 미치는지 감을 잡을 수 있습니다.
추가 설정
또한 아이콘의 위치를 결정할 수도 있습니다. 맛과 레이아웃에 따라 아이콘을 왼쪽, 오른쪽 또는 가운데에 배치할 수 있습니다.
아이콘 상자나 분리기 자체를 회전시키고 싶다면 설정할 수 있습니다. 이렇게 하면 다른 것들과 구별되는 고유한 레이아웃을 만들어줍니다.
곡선과 상자
모서리의 곡률 반지름은 사각형 상자를 둥글게 만드는 또 다른 조정 옵션입니다. 이는 시각적 매력을 더 높일 수 있습니다.
요약
Elementor의 구분선은 웹 사이트에서 시각적 구분을 효과적으로 만드는 다재다능한 도구입니다. 디자인에 구분선을 추가하고 조정하고 개인화하는 방법을 배웠습니다. 약간의 창의력과 사용 가능한 설정을 사용하여 웹 사이트를 손쉽게 개선할 수 있습니다.
자주 묻는 질문
Elementor의 구분선이란 무엇인가요?구분선은 각각의 콘텐츠 영역 사이에 시각적 경계를 만드는 데 사용되는 그래픽 요소입니다.
구분선을 어떻게 조정할 수 있나요?구분선은 색상, 크기 및 스타일을 조정하여 디자인에 맞게 설정할 수 있습니다.
구분선과 관련된 아이콘을 사용할 수 있나요?예, 더 강한 시각적 메시지를 전달하기 위해 아이콘을 추가하고 조정할 수 있습니다.
내 변경 사항을 어떻게 저장하나요?설정을 변경한 다음 "저장"을 클릭하여 변경 사항을 적용합니다.
구분선을 숨기는 방법이 있나요?네, 구분선의 색상을 흰색으로 설정하여 투명한 구분선을 만들 수 있습니다.
