고객 중 한 분이 살롱 웹사이트를 디자인하는 것은 어떠냐고 물었습니다. 자, 여기 있습니다. 이 블로그는 일반적인 살롱 웹사이트인 '팔러‘.
인터넷에는 수많은 유형의 살롱 웹사이트가 있습니다. 저희는 마음에서 우러나오는 아름다움을 중요하게 생각하기 때문에 미용실 테마를 선택했습니다. 따라서 저희가 디자인한 웹사이트는 뷰티 살롱 웹사이트.
시작해보자!
Elementor 및 Element Pack를 사용하여 살롱 웹사이트 디자인하기
먼저 우리가 사용할 도구를 소개해 드리겠습니다.
2021년에 모두가 사랑하는 멋진 페이지 빌더인 Elementor에 대해 모두 알고 있습니다. 코딩 지식이 전혀 필요 없는 훌륭한 도구입니다. 상상력만으로 웹사이트를 만들 수 있습니다.
그리고 Element Pack Pro는 150개 이상의 필수 위젯이 포함된 Elementor 전용 도구 팩입니다. 멋진 웹페이지를 디자인할 때 가장 선호하는 도구가 될 것입니다.
자세한 내용은 해당 웹사이트에서 확인하세요. 이제 새로운 살롱 웹사이트를 디자인해 보겠습니다.
시작!
우선, 다음 두 가지가 모두 있는지 확인하세요. Elementor 그리고 Element Pack 를 대시보드에 설치합니다.
이렇게 하려면 다음 주소로 이동하세요. 대시보드> 플러그인> 새로 추가> 를 클릭하고 검색창을 사용합니다.
다음으로 다음으로 이동합니다. 페이지> 새로 추가>
페이지에 새 제목을 입력하고 "Elementor로 편집"을 클릭합니다. 이제 항해를 시작할 준비가 되었습니다.
영웅 섹션
영웅 섹션은 웹 사이트를 연 후 가장 먼저 보게 되는 부분입니다. 그렇기 때문에 이 부분에 더 집중할 필요가 있습니다. 살롱뿐만 아니라 모든 웹사이트를 디자인하려면 이 섹션에 최대한의 노력을 기울이는 것이 중요합니다.
헤더
1단계
3열 섹션을 만들고 Navbar 위젯의 Element Pack. 이것은 웹사이트의 기본 메뉴 표시줄 역할을 합니다.
2단계
추가 이미지 위젯의 Elementor 를 클릭하고 왼쪽 상단에 로고를 배치합니다.
3단계
이제 고급 버튼 '로 레이블이 지정된 위젯지금 쇼핑하기' 버튼을 오른쪽 상단에 추가하고 로고와 연관되도록 색상을 변경합니다. 물론 버튼에 가격 페이지 링크를 추가하세요.
4단계
섹션 아이콘을 클릭하여 전체 섹션의 색상을 변경합니다. 웹사이트 전체에 걸쳐 일정한 색상 패턴을 따라야 한다는 점을 명심하세요. 이것은 살롱 웹사이트의 디자인 완성도를 높이기 위한 것입니다.
나를 위한 블로그가장 인기 있는 블로그
워드프레스에 대해 자세히 알아보기
본문
1단계
살롱 웹사이트의 히어로 섹션의 본문 부분은 최소한으로 시선을 사로잡아야 하며, 제공되는 서비스/제품의 본질을 보여줘야 합니다.
따라서 헤더의 배경을 동일하게 선택하고 둘을 일치시키세요. 고급 헤딩 위젯을 섹션 중앙에 배치하고 웹사이트와 동일한 이름을 지정합니다. 그 다음 간단한 텍스트 편집기 위젯을 사용하세요.
2단계
아이콘이 있는 기능을 표시하려면 아이콘 목록 위젯의 Elementor.
3단계
그래픽을 더 추가하면 사이트의 매력이 훨씬 더 높아집니다. 이제 섹션에 패럴랙스 효과를 추가해 보겠습니다. 섹션 설정 > 이미지 시차. 이 부분에 적합한 이미지를 선택합니다.
기능 섹션
영웅 섹션 다음에는 기능 섹션이 나옵니다. 이 부분에서는 서비스 품질에 대해 좀 더 자세히 설명합니다. 이는 주로 방문자를 천천히 대화로 끌어들이기 위한 것입니다.
살롱 웹사이트를 디자인할 계획이라면 이 방법이 좋습니다. 그럼 시작해 보겠습니다!
평소와 같이 제목부터 시작합니다. 제목에 고급 제목 위젯을 클릭하고 텍스트를 삽입합니다.
를 배치해 보겠습니다. 고급 디바이더 위젯을 클릭하세요. 여기에는 멋진 디바이더 스킨이 많이 있습니다. 마음에 드는 것을 선택하세요.
이제 기능 정보를 보려면 고급 아이콘 상자 위젯 기준 Element Pack. 여기에서는 하나의 도구만 사용하여 이모티콘, 자세히 보기 버튼 및 텍스트를 배치할 수 있습니다.
서비스 섹션
이제 완전히 새로운 섹션에서 제공되는 서비스/패키지를 보여드리겠습니다.
이전과 마찬가지로 기본 모양은 제목, 부제목, 디바이더로 구성됩니다.
나머지는 사용자 지정 갤러리 위젯을 추가하고 일반적으로 제공하는 서비스를 표시했습니다. 스타일 탭에서 오른쪽 상단 부분의 테두리 반경을 변경하면 멋진 포물선 모양을 만들 수 있습니다.
비디오 섹션
살롱 웹사이트를 포함한 모든 웹사이트는 관련 동영상을 첨부하면 더욱 매력적입니다. 평범한 텍스트 대신 동영상은 더 깊이 있는 콘텐츠를 보여줍니다. 이는 더 많은 트래픽을 확보하는 데 큰 영향을 미칩니다.
배경 이미지가 흐릿한 섹션을 넣어 보겠습니다.
추가 라이트박스 위젯 기준 Element Pack 을 클릭하고 여기에 표시하려는 동영상 콘텐츠를 첨부합니다. 이미지와 마찬가지로 보기 쉽도록 어울리는 로고를 선택합니다.
양쪽에 제목을 넣어 동영상을 가리킬 수 있습니다.
직원 섹션
디자인된 살롱 웹사이트의 이 부분에 미용사의 얼굴을 표시할 수 있습니다.
이를 위해 회원 위젯을 추가하세요. 직원의 초상화, 이름, 간단한 정보 및 소셜 미디어 링크가 표시됩니다. 섹션과 피사체의 배경 색상을 동일하게 유지하세요.
추가 기능
독자들의 관심을 끌기 위해 다른 기능 섹션을 추가해 보겠습니다.
2열 섹션을 만들고 오른쪽에는 확대된 이미지를, 왼쪽에는 텍스트를 배치합니다. 마지막에 CTA 버튼을 추가하는 것을 잊지 마세요.
사람들은 숫자를 좋아합니다. 따라서 서비스에 대한 더 많은 정보를 표시하려면 고급 카운터 위젯.
고객 후기
고객 추천은 가장 중요한 카드 중 하나입니다. 새로운 방문자에게 긍정적인 느낌을 주는 데 도움이 됩니다. 그리고 지금이 바로 추천 캐러셀 위젯.
괜찮은 배경 이미지로 새 섹션을 만들고 위젯을 가운데에 배치하기만 하면 됩니다. 완료!
콘텐츠의 크기를 조정할 필요가 없는 한 기본 설정으로 걱정 없이 사용할 수 있습니다. 살롱 웹사이트와 잘 어울리는 디자인이 만족스러우면 다음 단계로 넘어갑니다.
CTA
다음 단계는 웹사이트 하단에 콜아웃 섹션을 추가하는 것입니다.
먼저 기본 섹션 설정을 사용하여 섹션을 디자인해 보겠습니다. 섹션을 클릭합니다. 아이콘로 이동하여 모양 분할기, 을 클릭하고 웨이브 브러시 에서 유형 옵션을 선택합니다.
그런 다음 적절한 제목 및 발췌문과 함께 CTA 버튼을 배치합니다.
블로그편집자 추천
지금 바로 뛰어난 CTA를 만드는 방법을 배워보세요!
푸터
마지막으로 기능이 가득한 바닥글로 페이지를 마무리합니다.
4개의 기둥과 어두운 배경을 가진 섹션을 만듭니다. 원하는 대로 열의 색상을 변경하고 원하는 위치에 아이콘 목록 위젯을 클릭합니다. 여기에 회사의 연락처 정보를 추가합니다.
비슷한 기둥을 2개 더 만들고 세부 정보를 더 넣습니다. 마지막으로 사용자 로그인 위젯을 CTA로 설정합니다.
방금 디자인한 전체 페이지를 살펴보세요.
결론
적절한 지식과 계획만 있다면 웹사이트를 디자인하는 것은 즐거운 일입니다. 저희와 함께 이와 유사한 웹페이지를 더 많이 만들어 보세요.
깨어 있어 주셔서 감사합니다.
워드프레스 블로그 더 보기
ul > .bdt-post-list-item; delay: 350;">
워드프레스 죽음의 하얀 화면 수정(모두 적용됨)
2019년 4월 29일
분류
워드프레스 SEO 플러그인 비교
2020년 12월 4일
분류
워드프레스 라이브 채팅 플러그인: 어디서 찾고 어떻게 추가하나요?
2021년 4월 5일
분류
워드프레스 CDN: 정의, 장점, 단점 및 사용 시기
2019년 8월 18일
분류
쇼트코드가 중요한 이유 - 보너스 팁!
2020년 12월 9일
Element Pack 팁, Elementor, 워드프레스
이메일 캠페인 자동화를 위한 최고의 워드프레스 이메일 플러그인
2021년 1월 31일
분류
