WordPress 홈페이지를 디자인하고 설정하는 방법

WordPress 홈페이지는 웹사이트의 환영 매트와 같습니다. 그러나 첫인상이 좋지 않으면 방문자가 다른 곳으로 결정할 수 있습니다.

다행히 WordPress를 사용하면 홈페이지를 완벽하게 제어할 수 있습니다. 웹사이트의 분위기를 효과적으로 설정하기 위해 이 중요한 페이지를 사용자 정의하는 방법에는 여러 가지가 있습니다.

이 게시물에서 우리는 WordPress 홈페이지와 성공적인 웹사이트에서 중요한 역할에 대해 논의할 것입니다. 그런 다음 별점 5개짜리 홈페이지를 디자인하는 세 가지 방법을 공유합니다. 시작하자!

WordPress 홈페이지 소개(및 변경하려는 이유)

홈페이지의 중요성을 과대평가하는 것은 거의 불가능합니다. 일반적으로 방문자는 URL을 입력할 때 가장 먼저 보게 됩니다.

홈페이지가 좋은 첫인상을 주지 않으면 방문자가 두 번째 기회를 주지 않을 것입니다. 이러한 포기는 전환율에 치명적일 수 있습니다. 또한 체류 시간을 포함하여 검색 엔진 순위를 결정하는 주요 지표에 영향을 줄 수 있습니다.

효과적인 홈페이지는 방문자에게 그들이 올바른 위치에 있다는 것을 즉시 확신시킬 것입니다. 이는 WordPress 웹사이트가 무엇인지, 그리고 그것이 제공해야 하는 가치를 명확하게 전달하는 것을 의미합니다.

기본적으로 많은 WordPress 테마는 홈페이지에 최신 블로그 게시물 목록을 표시합니다. 블로그나 잡지 웹사이트를 운영하고 있다면 이것이 바로 당신이 찾고 있는 것일 수 있습니다. 특히 이 형식은 독자가 최신 콘텐츠를 찾는 데 도움이 됩니다.

그러나 이 레이아웃은 모든 WordPress 웹사이트에 적합하지 않습니다. 예를 들어, 전자 상거래 상점은 최신 블로그 게시물보다 가장 인기 있는 제품을 표시하는 것을 선호할 수 있습니다.

비즈니스 사이트를 운영하는 경우 홈페이지를 사용하여 회사를 소개하고 서비스를 홍보할 수 있습니다. 다가오는 블랙 프라이데이 세일을 광고하기 위한 특별 페이지를 만드는 것과 같이 연중 내내 홈페이지를 변경할 수도 있습니다.

동기에 관계없이 WordPress에는 귀하에게 적합한 홈페이지를 만드는 데 필요한 모든 것이 있습니다. 이는 종종 기본 옵션을 정적 콘텐츠로 대체하는 것을 의미합니다.

WordPress에서 정적 홈페이지를 설정하는 방법

가장 최근 블로그 게시물을 표시하지 않으려면 정적 전면 페이지로 전환할 수 있습니다. 그런 다음 별도의 페이지에 모든 블로그 게시물을 표시할 수 있습니다. 이 페이지는 이 기사의 끝 부분에서 만들 것입니다.

페이지는 시간순으로 표시되지 않으며 항상 녹색 콘텐츠를 표시하도록 설계되었습니다. 이러한 특성으로 인해 정적 홈페이지에 이상적입니다.

새 페이지를 만들려면 WordPress 대시보드에서 페이지 > 새로 추가 로 이동합니다. 이제 이 페이지에 "홈페이지"와 같은 설명이 포함된 이름을 지정하고 게시 를 클릭할 수 있습니다.

다음 단계는 WordPress에 이것을 홈페이지로 사용하도록 지시하는 것입니다. 그러나 이 페이지에 콘텐츠를 추가하지 않았으므로 먼저 사이트를 유지 관리 모드로 전환하는 것이 좋습니다.

유지 관리 모드를 사용하면 방문자가 변경하는 동안 웹사이트에 액세스하려고 할 때 빈 화면이나 오류 메시지가 표시되지 않습니다. 업데이트가 만족스러우면 사이트를 유지 관리 모드에서 해제하고 새로운 디자인으로 방문자를 놀라게 할 수 있습니다.

WP 유지 관리 모드와 같은 플러그인을 사용하여 이 모드를 설정할 수 있습니다. 이 도구에는 사이트 재출시를 알리는 카운트다운을 비롯한 몇 가지 추가 기능도 있습니다.

정적 홈페이지로 전환하려면 설정 > 읽기 로 이동합니다. 홈페이지 표시 섹션에서 정적 페이지 를 선택합니다.

이제 드롭다운 메뉴를 사용하여 이전 단계에서 만든 페이지를 선택할 수 있습니다. 그런 다음 변경 사항 저장 을 클릭합니다. 홈페이지를 방문하면 WordPress에 원래 블로그 페이지가 아닌 빈 디자인이 표시됩니다.

아름다운 WordPress 홈페이지를 디자인하는 방법 (3가지 방법)

이제 정적인 홈페이지가 생겼으므로 가능한 한 최고의 첫인상을 남기고 싶을 것입니다. 이를 염두에 두고 전문적인 느낌의 맞춤형 홈페이지를 디자인하는 세 가지 방법을 소개합니다!

1. 워드프레스 테마 커스터마이저 사용

WordPress 테마는 기본 홈페이지 디자인을 제공할 가능성이 높습니다. 워드프레스 커스터마이저에서 이 기본 레이아웃을 간단하게 편집할 수 있는 경우가 많습니다.

대시보드에서 모양 > 사용자화 로 이동합니다. 이 도구는 실시간 미리보기를 제공하므로 변경 사항이 방문자에게 실시간으로 어떻게 표시되는지 정확하게 확인할 수 있습니다.

변경할 수 있는 사항은 WordPress 테마에 따라 다릅니다. 예를 들어, 일부 테마를 사용하면 사이드바의 위치를 ​​변경하거나 완전히 제거하여 전체 너비 레이아웃을 만들 수 있습니다.

다양한 홈페이지 설정을 탐색하여 테마에 사용할 수 있는 옵션을 확인하는 데 시간을 할애할 가치가 있습니다. 또는 파란색 연필 아이콘이 있는 영역을 클릭할 수 있습니다. 그러면 해당 화면 요소에 대한 설정이 열립니다.

귀하의 홈페이지에는 사용하고 싶지 않은 섹션이 포함될 수 있습니다. 이 시나리오에서는 사이드 메뉴에서 요소를 찾고 함께 제공되는 점 3개 아이콘을 클릭한 다음 블록 제거 를 클릭하여 요소를 제거할 수 있습니다.

2. 블록 편집기로 WordPress 홈페이지 편집

워드프레스 커스터마이저는 간단한 변경에 적합하지만 때로는 더 깊이 파고들어야 할 수도 있습니다. 홈페이지를 사용자화할 때 블록 편집기는 더 많은 옵션을 제공합니다.

시작하려면 WordPress 게시물 편집기에서 정적 홈페이지를 엽니다. 이제 모든 페이지를 만드는 것과 동일한 기술을 사용하여 홈페이지를 디자인할 수 있습니다.

WordPress 블록 편집기에는 표지 이미지, 갤러리, 텍스트 및 미디어, 표를 비롯한 많은 블록이 있습니다. 이러한 요소를 구성하여 원하는 홈페이지 구조를 만들 수 있습니다.

디자인 영감을 찾고 있다면 사용 가능한 블록을 검색하는 것이 도움이 될 수 있습니다. WordPress의 전체 라이브러리를 보려면 검은색 + 아이콘을 클릭하십시오.

후속 팝업에서 모두 찾아보기 를 선택합니다. 그러면 다양한 블록을 탐색할 수 있는 패널이 시작됩니다.

홈페이지에서 사용하고 싶은 블록을 찾으면 클릭만 하면 됩니다. 선택 항목에 따라 텍스트 또는 이미지와 같은 일부 콘텐츠를 해당 요소에 추가할 수 있습니다.

대부분의 블록에는 고유한 구성 설정도 있습니다. 이러한 설정을 보려면 블록을 클릭하여 선택합니다. 이 작업은 게시/차단 패널을 열어야 합니다.

차단 메뉴가 선택되어 있는지 확인합니다. 그런 다음 이 특정 블록에 사용할 수 있는 고유한 설정을 탐색할 수 있습니다.

이 시점에서 홈페이지 레이아웃에 만족할 때까지 요소를 계속 추가할 수 있습니다. 마음대로 사용할 수 있는 전체 블록 라이브러리를 사용하면 아름답고 매력적인 홈페이지를 만드는 데 문제가 없습니다. 그러나 필요한 경우 Gutenberg Blocks와 같은 플러그인을 사용하여 언제든지 WordPress 라이브러리에 더 많은 블록을 추가할 수 있습니다.

3. 페이지 빌더 플러그인 사용

즉시 사용 가능한 WordPress는 전문적인 느낌의 홈페이지를 만드는 데 필요한 모든 것을 제공합니다. 그러나 WordPress 설치에 추가할 수 있는 고급 페이지 빌더 플러그인도 있습니다.

이러한 WordPress 플러그인의 대부분은 기성품 요소와 함께 직관적인 끌어서 놓기 인터페이스를 제공합니다. 이러한 기능을 사용하면 잠재적으로 몇 분 안에 매력적이고 매력적인 홈페이지를 구축할 수 있습니다.

다양한 페이지 빌더 플러그인을 사용할 수 있습니다. 예를 들어 Elementor는 눈에 띄는 홈페이지를 디자인하는 데 도움이 되는 기능을 갖춘 사용하기 쉬운 페이지 빌더입니다. 여기에는 모션 및 스크롤 효과, 양식 및 플립 상자가 포함됩니다.

Beaver Builder는 또 다른 인기 있는 옵션입니다. 드래그 앤 드롭 편집기 및 기성 구성 요소 외에도 이 WordPress 플러그인은 다양한 방문 페이지 템플릿을 자랑합니다.

이러한 템플릿은 홈페이지를 위한 강력한 기반을 제공할 수 있습니다. 따라서 웹 디자인 및 개발 경험이 제한적이라면 Beaver Builder를 선택하는 것이 좋습니다. 급하게 홈페이지를 운영해야 하는 경우에도 적합할 수 있습니다.

WordPress 블로그 게시물 페이지를 만드는 방법

이 시점에서 블로그 게시물 페이지를 정적 웹 페이지로 교체했습니다. 즉, 귀하의 사이트에는 현재 가장 최근 게시물 목록이 없습니다. 이 콘텐츠를 표시하려면 별도의 페이지를 만들어야 합니다.

시작하려면 페이지 > 새로 추가 로 이동합니다. 이제 이 페이지에 "블로그"와 같은 제목을 지정하고 게시 를 클릭할 수 있습니다.

그런 다음 설정 > 읽기 로 이동합니다. 이제 게시물 페이지 드롭다운을 열고 방금 만든 페이지를 선택할 수 있습니다.

여기 있는 동안 게시물이 표시되는 방식을 변경할 수 있습니다. 몇 가지 다른 설정을 사용할 수 있습니다.

먼저 각 페이지에 표시할 게시물 수를 선택할 수 있습니다. 많은 게시물을 표시하는 경우 방문자는 이 페이지의 맨 아래에 도달하기 위해 상당한 거리를 스크롤해야 할 수 있습니다. 이 레이아웃은 특히 콘텐츠에 큰 고해상도 추천 이미지가 있는 경우 페이지 로드 시간을 증가시킬 수도 있습니다.

그러나 적은 수의 게시물을 표시하는 경우 방문자는 원하는 콘텐츠를 찾기 위해 여러 페이지를 클릭해야 할 수 있습니다. 이것은 완벽한 수의 게시물을 찾는 것이 까다로운 균형 작업이 될 수 있음을 의미합니다.

일단 숫자를 정했으면 블로그 페이지에 최대 표시 필드에 입력하십시오. '고정'으로 표시한 모든 게시물도 표시됩니다.

다음 설정을 사용하여 블로그 콘텐츠가 게시물 페이지에 표시되는 방식을 제어할 수도 있습니다. 피드의 각 게시물에 대해 를 포함 합니다. 여기에서 전체 조각을 표시하거나 일부만 표시하도록 선택할 수 있습니다.

블로그의 길이가 짧은 경우 전체 기사를 표시하는 것이 좋습니다. 그러나 더 긴 게시물에 대한 발췌문을 표시하는 것을 고려할 수 있습니다.

결론

첫인상을 남길 수 있는 두 번째 기회는 없습니다. 이를 염두에 두고 홈페이지는 방문자가 사이트에 계속 머물며 사이트에 대해 더 알고 싶게 만들어야 합니다.

WordPress 홈페이지를 미세 조정할 수 있는 세 가지 방법을 빠르게 요약해 보겠습니다.

1. 워드프레스 테마 커스터마이저를 사용하세요.
2. 블록 편집기로 WordPress 홈페이지를 편집하십시오.
3. Beaver Builder 또는 Elementor 플러그인과 같은 페이지 빌더 플러그인을 사용합니다.

홈페이지 디자인을 제대로 구현하는 것은 전투의 절반에 불과합니다. 해당 페이지가 로드되는 속도가 느리더라도 방문자는 여전히 다른 곳에서 시간을 보내기로 결정할 수 있습니다. WP 엔진과 같은 WordPress 호스팅 제공업체와 협력하면 가장 중요한 홈페이지를 포함하여 전체 웹사이트가 최고의 성능으로 실행되고 있다는 확신을 가질 수 있습니다.