새로운 시작: WordPress에서 빈 디자인을 만들기 위한 초보자 가이드

빈 디자인을 사용하면 새로 시작하고 정확한 요구 사항과 선호도에 맞게 웹사이트를 맞춤 설정할 수 있습니다. 처음부터 시작하면 포함할 요소와 배치 방법을 정확하게 선택할 수 있으므로 웹 사이트의 디자인과 레이아웃을 더 잘 제어할 수 있었습니다.

처음부터 시작하여 UI를 직접 만드는 것도 경쟁에서 눈에 띄는 독특한 웹사이트를 만드는 데 도움이 됩니다. 새로운 UI/UX 기술을 더 쉽게 구현하여 모든 것을 해체하지 않고도 최신 트렌드와 표준을 따라갈 수 있습니다. 또한 모든 것이 처음부터 설계되었기 때문에 호환성 문제에 대해 걱정할 필요가 없습니다.

이 튜토리얼에서는 완전히 백지 상태에서 WordPress 사용을 시작하는 방법에 대한 작업 흐름을 안내하겠습니다. 빈 페이지를 생성하는 방법, 웹사이트에 새 페이지를 추가하는 방법, 페이지를 기본 탐색 메뉴에 연결하는 방법을 배우게 됩니다.

플러그인 설치

워드프레스에서 빈 페이지를 만드는 데 사용하는 테마를 “빈 캔버스”라고 부릅니다. 이것은 제가 다시 시작할 때 사용하는 가장 좋아하는 테마 중 하나입니다. 이것은 정확히 말하면 빈 캔버스라는 매우 간단한 주제입니다.

빈 캔버스 테마를 설치하려면:

• WordPress 관리 대시보드에 로그인하세요.
• 사이드바에서 외관 > 테마로 이동하세요.
• 추가 버튼을 클릭하세요.
• 빈 캔버스 테마를 검색하세요.
• 테마를 설치한 후 활성화하세요.

테마가 성공적으로 설치되면 웹사이트 홈 페이지로 이동하세요. 다음 이미지와 유사해야 합니다.

보시다시피 여기에서는 주의를 산만하게 하는 요소가 훨씬 적지만 여전히 일부 텍스트가 있습니다. 더 공백으로 만들려면 사용자 인터페이스 편집기에서 일부 설정 및 구성을 수행해야 합니다.

사이드바에서 외관 > 사용자 정의로 이동하여 UI 편집기를 엽니다.

다음으로 홈 설정을 열고 홈 디스플레이 옵션을 정적 페이지로 설정하세요. Home 아래의 새 페이지 추가 버튼을 클릭하고 페이지 제목(예: Home)을 입력한 다음 Addstrong> 버튼을 클릭하세요. 그러면 지정된 페이지가 빈 페이지로 생성됩니다.

보시다시피 이제 빈 홈페이지가 표시됩니다(hello world 텍스트 포함). UI 편집기의 "추가 CSS" 섹션에 사용자 정의 CSS를 추가하여 이 텍스트를 제거할 수 있습니다.

웹사이트에 게시물 페이지(예: 블로그 페이지)를 추가할 수도 있습니다. 이렇게 하려면 게시물 페이지 아래의 새 페이지 추가 버튼을 클릭하고 페이지 이름(예: Blog)을 지정한 다음 > 추가 버튼을 클릭하세요.

메인 메뉴 추가

방문자가 웹사이트에서 길을 찾고 웹사이트의 다른 부분을 쉽게 찾을 수 있도록 웹사이트에 탐색 메뉴를 추가했습니다.

WordPress에서 메뉴를 생성하려면:

• 사이드바 메뉴로 돌아갑니다.
• 메뉴를 선택하고 새 메뉴 만들기를 클릭하세요.
• 메뉴에 이름을 지정하고 메뉴 위치로 기본 탐색을 선택하세요.

• 다음을 클릭한 다음 항목 추가를 클릭하세요.
• 메뉴에 추가하려면 홈페이지 및 블로그페이지 옵션을 모두 선택하세요.
• 게시게시 메뉴를 클릭하세요.

메뉴를 표시하려면 사이드바 메뉴로 돌아가 콘텐츠 옵션을 클릭하세요. 여기에서 메뉴, 위젯, 페이지, 게시물 제목, 댓글의 표시 여부를 활성화하도록 선택할 수 있습니다. 사이트 제목 및 상단 메뉴 활성화를 선택하고 게시를 클릭하여 메뉴를 활성화하세요.

위 그림과 같이 빈 캔버스에 메뉴가 성공적으로 공개되었습니다.

결론

WordPress에서 빈 디자인으로 시작하는 것은 귀하의 웹사이트를 경쟁업체보다 돋보이게 만드는 좋은 방법입니다. 빈 캔버스 테마를 사용하면 웹 사이트의 모양과 느낌을 처음부터 쉽게 사용자 정의할 수 있습니다. 필요한 것은 약간의 인내심과 창의성뿐입니다. 그러면 사람들의 관심을 끌고 관심을 불러일으킬 수 있는 독특하고 매력적인 웹사이트를 만들게 될 것입니다.

위 내용은 새로운 시작: WordPress에서 빈 디자인을 만들기 위한 초보자 가이드의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!