템플릿 편집기를 사용하여 WordPress 템플릿을 편집하는 방법: 전체 사이트 편집 튜토리얼
게시 됨: 2024-11-06목차
WordPress 웹사이트 디자인을 사용자 정의하는 간단한 방법을 찾고 계십니까? 이 가이드에서는 템플릿 편집기를 사용하여 WordPress에서 템플릿을 편집하는 방법을 보여 드리겠습니다. WordPress를 처음 사용하는 사람이든 숙련된 전문가이든 이 단계별 가이드는 WordPress 전체 사이트 편집 의 강력한 기능을 활용하는 데 도움이 될 것입니다.
WordPress에서 전체 사이트 편집을 사용하는 이유는 무엇입니까?
WordPress 전체 사이트 편집은 웹사이트 디자인 프로세스를 간소화하는 현명한 방법입니다. 이 기능을 사용하면 템플릿과 템플릿 부분을 편집하여 사이트의 모양과 느낌을 사용자 정의할 수 있습니다.
기존 템플릿은 테마 폴더에 파일로 존재하지만 블록 템플릿은 WordPress 사이트 편집기에서 직접 편집할 수 있습니다. 코드를 자세히 살펴볼 필요가 없으므로 시간이 크게 절약되고 설계 프로세스에 훨씬 더 쉽게 접근할 수 있습니다.
WordPress에서 템플릿 편집기에 액세스하는 방법
시작하려면 WordPress 대시보드에 로그인하고 모양 > 편집기 로 이동하세요.
거기에서 템플릿을 클릭하세요. 여기서는 테마에서 사용하는 모든 템플릿을 볼 수 있습니다. 이 템플릿은 게시물과 페이지의 레이아웃을 제어합니다.
전문가 팁: 템플릿 편집기는 템플릿 편집기를 활성화한 블록 테마 또는 클래식 테마를 사용하는 경우에만 사용할 수 있습니다. 편집을 시작하기 전에 테마가 호환되는지 확인하세요.
WordPress에서 단일 게시물 템플릿 사용자 정의
모든 블로그 게시물의 레이아웃을 편집하고 싶다고 가정해 보겠습니다. 단일 게시물 템플릿을 사용자 정의해야 합니다. 이 템플릿은 개별 블로그 게시물이 사이트에 표시되는 방식을 제어합니다.
하지만 중요한 점은 하나의 특정 게시물의 레이아웃만 변경하려는 경우 단일 게시물 템플릿이 아닌 해당 게시물을 직접 편집해야 한다는 것입니다. 템플릿을 편집하면 이를 사용하는 모든 게시물에 영향을 미치므로 현명하게 선택하세요!
WordPress 템플릿의 구조를 보는 방법
템플릿 편집기에 들어가면 상단에 편집 중인 템플릿 이름이 표시됩니다. 템플릿의 모든 블록 목록을 보려면 목록 보기 아이콘(왼쪽 상단에 세 개의 수평선 모양)을 클릭하세요.
이는 어떤 블록이 이미 템플릿의 일부인지 확인하는 좋은 방법입니다. 블록을 클릭하면 내용이나 설정을 조정할 수 있습니다. 목록 보기를 사용 하면 조정을 시작하기 전에 템플릿의 구조를 매우 쉽게 이해할 수 있습니다.
WordPress 템플릿 블록 편집
이제 몇 가지 변화를 줄 시간입니다! Header 부터 시작해 보겠습니다. 헤더는 모든 사이트 페이지에 표시되는 템플릿 부분입니다. 예를 들어 사이트 제목 , 사이트 로고 또는 탐색 블록 과 같은 요소를 편집할 수 있습니다.
주의: 헤더 변경 사항은 헤더를 사용하는 모든 페이지에 영향을 미칩니다. 따라서 헤더를 편집하는 경우 전체 사이트에서 작동하는지 확인하세요.
제 경우에는 메가 메뉴를 좀 더 간단한 메뉴로 교체했습니다. 처음에는 기본 헤더를 삭제한 다음 테마와 함께 제공되는 다른 헤더를 추가했습니다.
방문자들이 내 게시물을 읽는 데 방해가 되는 것을 원하지 않았기 때문에 깔끔하고 최소한의 헤더를 선택했습니다. 때로는 적은 것이 더 많을 때가 있습니다. 그렇죠? 템플릿 부분은 다른 블록처럼 제거하거나 추가할 수 있으므로 프로세스가 간단합니다. 일반 WordPress 블록처럼 작업하면 됩니다.
바닥글 도 마찬가지입니다. 모든 페이지에 나타나는 또 다른 템플릿 부분입니다. 한 번 편집하면 변경 사항이 사이트 전체에 적용됩니다. 예를 들어 내 바닥글에는 사이트 제목, WordPress 바닥글 크레딧, 연락처 정보 및 탐색 메뉴와 같은 요소가 포함되어 있습니다. 바닥글을 조정하고 싶으신가요? 계속하세요! 변경 사항은 바닥글이 사용되는 모든 곳에 반영된다는 점만 기억하세요.
게다가 템플릿에 사이드바를 추가하려는 경우 (스포일러 주의) 이를 위해 열을 사용하게 됩니다. 다음 게시물에서는 그 방법을 안내해 드릴 예정이니 계속 지켜봐 주시기 바랍니다!
WordPress 템플릿을 사용자 정의하기 위한 주요 블록
게시물 또는 페이지 템플릿을 사용자 정의할 때 여러 주요 블록을 사용하여 콘텐츠 표시 방법을 관리하게 될 것입니다. 예를 들어 제목 블록은 정렬, 크기 및 색상을 조정하는 옵션을 통해 작성한 게시물 제목이 원하는 대로 표시되도록 합니다. 테마에 포스트 메타 섹션이 포함된 경우 작성자, 날짜, 카테고리 등의 세부정보를 표시할 수 있지만, 그렇지 않은 경우에는 이를 개별적으로 추가하고 맞춤설정할 수 있습니다.
전체 사이트 편집의 추천 이미지 블록을 사용하면 크기, 위치 및 오버레이 설정을 통해 각 게시물의 기본 시각적 요소를 제어할 수 있습니다. 그리고 Comments 블록 도 잊지 마세요! 이는 독자의 응답이 표시되는 방식을 관리하고 더 미세한 세부 사항을 처리하는 하위 블록으로 완성됩니다.
마지막으로 콘텐츠 블록 과 같은 테마 블록을 사용 하면 사이트의 요소를 FSE의 템플릿에 동적으로 삽입할 수 있으므로 콘텐츠가 페이지와 게시물에 표시되는 방식을 완벽하게 제어할 수 있습니다.
템플릿에 새 요소 추가하기
게시물을 더욱 개인화하고 싶으십니까? 단일 기둥 템플릿에 새 블록을 추가할 수 있습니다. 예를 들어 발췌문 블록이나 구독 상자를 추가할 수도 있습니다.
+ 블록 삽입기를 클릭하고, 원하는 블록을 선택하고, 레이아웃에 배치하는 것만큼 쉽습니다. 문의 양식 이나 클릭 유도 버튼 등을 추가할 생각이라면 이곳이 완벽한 장소입니다.
마무리
편집이 완료되면 오른쪽 상단에 있는 저장을 클릭하여 WordPress 전체 사이트 편집 인터페이스의 템플릿에 변경 사항을 적용하세요. 모든 업데이트는 테마의 기본 템플릿 파일보다 자동으로 우선 적용됩니다.
편집할 때 WordPress 템플릿이 게시물과 페이지 구성 방식에 대한 청사진 역할을 한다는 점을 기억하세요. 따라서 WordPress 템플릿 편집기 에서 변경한 사항은 WordPress 전체 사이트 편집에서 해당 특정 템플릿을 사용하는 모든 콘텐츠에 영향을 미칩니다. 라이브로 전환하기 전에 변경 사항을 미리 보고 테스트하세요.
최종 생각: WordPress 전체 사이트 편집 사용
WordPress의 템플릿은 사이트의 청사진과 같아서 모든 것이 깔끔하게 정리되도록 해줍니다. 이 가이드를 통해 템플릿 사용자 정의를 시작할 수 있는 자신감을 얻었기를 바랍니다.
질문이 있으시면 아래 댓글에 남겨주세요. 이전에 WordPress 템플릿을 편집한 적이 있나요? 당신의 경험을 알려주세요!
FAQ
WordPress의 템플릿 편집기란 무엇입니까?
FSE에서 템플릿 편집기를 사용하려면 코딩 기술이 필요합니까?
템플릿 편집기를 사용하여 단일 게시물의 디자인을 변경할 수 있나요?
좋은 질문입니다! 특정 게시물의 디자인을 변경하려면 템플릿이 아닌 게시물을 직접 편집해야 합니다. 템플릿 편집기는 해당 템플릿을 사용하는 모든 게시물의 레이아웃을 변경하므로 개별 게시물을 편집하기에 적합한 위치가 아닙니다.
구독 상자나 이미지 등 템플릿에 새 요소를 어떻게 추가하나요?
템플릿에 변경 사항을 저장하면 어떻게 되나요?