Elementor은 WordPress용 강력한 페이지 빌더로, 프로그래밍 지식 없이 매력적인 웹사이트를 만들 수 있게 해줍니다. Elementor에서 가장 유용한 요소 중 하나는 아이콘-리스트입니다. 이 기능을 사용하면 할 일 목록, 소셜 미디어 링크 또는 기타 콘텐츠를 시각적으로 효과적으로 표현할 수 있습니다. 본 안내서에서는 어떻게 매력적인 아이콘-리스트를 만들고 수정하는지 단계별로 안내합니다.
주요 포인트
- 아이콘-리스트를 사용하여 시각적 요소를 쉽게 추가할 수 있습니다.
- 각 항목은 텍스트, 아이콘, 링크로 개별적으로 구성할 수 있습니다.
- 리스트의 스타일과 레이아웃은 유연하게 조절할 수 있습니다.
단계별 안내
단계 1: Elementor 열고 아이콘-리스트 추가하기
우선 작업 중인 웹사이트에서 Elementor 편집기를 엽니다. Elementor 위젯 영역에서 "아이콘-리스트" 옵션을 찾습니다. 이 위젯을 페이지의 원하는 부분으로 끌어다 놓습니다.
단계 2: 아이콘-리스트 요소 수정하기
위젯을 배치하면 기본적으로 몇 가지 목록 항목이 표시됩니다. 왼쪽 메뉴에서 해당하는 옵션을 사용하여 아이콘과 텍스트 줄 수를 변경할 수 있습니다. "목록 항목 1"를 클릭하여 텍스트를 편집할 수 있습니다. 여기에 "YouTube"와 같은 내용을 입력할 수 있습니다.
단계 3: 아이콘 선택하기
각 리스트 항목에 적합한 아이콘을 선택하려면 아이콘 영역을 클릭합니다. 다양한 라이브러리에서 찾아 "YouTube"를 검색하여 원하는 아이콘을 추가합니다.
단계 4: 링크 추가하기
각 리스트 항목에 링크를 할당할 수도 있습니다. 텍스트 옆의 "링크"란을 클릭하여 해당 URL을 추가하면 됩니다. 예를 들어 자신의 YouTube 채널 링크를 추가할 수 있습니다.
단계 5: 레이아웃 조정하기
이제 레이아웃 옵션을 구성할 수 있습니다. "인라인" 또는 "100% 너비" 중 선택하여 아이콘-리스트를 어떻게 시각화할지 결정하여 웹사이트 전체 스타일에 부합하도록 합니다.
단계 6: 스타일 조정하기
아이콘-리스트의 모양을 변경하려면 스타일 탭으로 이동합니다. 각 줄 사이의 간격을 설정하고, 정렬을 조정하고 필요에 따라 구분 요소를 활성화할 수 있습니다. 예를 들어 우아한 모양을 위해 점선을 구분선으로 선택할 수 있습니다.
단계 7: 색상 조정하기
아이콘과 텍스트의 색상을 변경할 수 있습니다. 예를 들어 마우스를 가져다 대면 녹색으로 변하는 효과를 선택하여 방문자들에게 주목받게 할 수 있습니다.
단계 8: 글꼴 크기와 타이포그래피 설정하기
아이콘과 어울리는 글꼴 크기를 조절하려면 "텍스트" 탭에서 텍스트 크기를 조정하여 조화로운 시각 효과를 얻도록 합니다. 예를 들어 크기를 25로 설정하고 적절한 글꼴 색상을 선택할 수 있습니다.
단계 9: 미리보기 및 저장
아이콘-리스트를 만족할 때 "저장"을 클릭하여 변경 사항을 적용합니다. 웹페이지에서 리스트가 어떻게 표시되는지 확인하려면 미리보기를 참고하세요.
단계 10: 기능 테스트하기
발행된 페이지에서 링크를 테스트하여 원하는 대로 작동하는지 확인합니다. 상호 작용성이 제공되고 있는지 확인하기 위해 호버 효과도 올바르게 표시되는지 확인하세요.
요약
이 가이드에서는 WordPress를 위한 Elementor로 매력적이고 기능적인 아이콘 목록을 단계별로 만드는 방법을 배웠습니다. 리스트를 스타일에 맞게 조정하고 사용자 경험을 최적화하기 위해 몇 가지 간단한 조정만 하면 됩니다.
자주 묻는 질문
어떻게 아이콘 목록에 새로운 요소를 추가하나요?아이콘 목록 위젯에서 "+" 기호를 클릭하여 쉽게 새 요소를 추가할 수 있습니다.
추가한 아이콘을 나중에 변경할 수 있나요?예, 해당 목록 요소를 클릭하여 언제든지 아이콘을 조정할 수 있습니다.
아이콘 색상을 어떻게 변경하나요?Elementor 편집기의 스타일 섹션에서 아이콘과 텍스트 색상을 조정할 수 있습니다.
소셜 미디어 링크를 추가할 수 있나요?네, 각 목록 항목은 소셜 미디어에 적합한 링크로 지정할 수 있습니다.
Elementor에 미리보기 기능이 있나요?예, 저장하기 전에 변경 사항을 미리 볼 수 있습니다.
