WordPress 설정: 전체 가이드. WordPress 테마에 대한 설정 페이지 만들기
귀하의 WordPress 사이트가 유망해지기를 원한다면 먼저 고유한 테마를 만드는 것에 대해 생각해야 합니다. 이 프로세스는 다양한 인코딩 및 스크립트와 직접 관련되어 있기 때문에 상당히 노동 집약적입니다. 처음부터 살펴보겠습니다.
거의 모든 WordPress 테마는 wp-content/themes 디렉토리에 설치되며 3가지 파일 범주로 구성됩니다.
스타일시트 파일은 style.css입니다. 사이트 요소의 색상, 크기, 글꼴 및 기타 매개변수를 담당합니다. 각 사이트에는 style.css 파일이 1개만 있습니다. 이 파일을 열면 맨 위에 해당 주제의 제목, 작성자, 간략한 설명에 대한 정보가 표시됩니다. 자신만의 테마를 만들 때 style.css에 자신에 대한 정보를 입력할 수 있습니다.
다음 카테고리는 추가 기능이 포함된 파일입니다. 여기에는 function.php가 포함되며, 그 원리는 플러그인처럼 보입니다. 이 파일 덕분에 관리자 패널에서 직접 테마를 시각적으로 맞춤 설정할 수 있습니다. 일반적으로 설정 목록은 그다지 넓지 않습니다(사이트 이름, 탐색 색상 및 사이트 측면 패널 등). 테마가 다기능이면 설정 목록이 훨씬 더 넓어집니다.
이제 템플릿 파일로 넘어가겠습니다. 주요 기능은 사이트 방문자가 요청하는 페이지를 생성하는 것입니다. 템플릿 파일의 확장자는 ".php"입니다. 대부분의 간단한 테마에는 index.php라는 하나의 템플릿 파일만 포함될 수 있습니다. 이 경우 사이트의 모든 페이지는 동일합니다. 이 디자인은 디자인이 중요한 역할을 하지 않을 때 데이터베이스를 사용하여 인터넷 리소스를 생성하는 데 가장 자주 사용됩니다.
이전에 디자인을 만들어 본 적이 없다면 먼저 간단한 테마를 만들어 보시기 바랍니다. 제대로 작동하려면 style.css 및 index.php 파일 중 최소한 2개가 필요합니다.
이해하신 바와 같이 이 경우 추가 기능 파일을 사용할 수 없습니다. 템플릿 파일 중에서 index.php는 가장 유연한 파일 중 하나입니다. 사이트의 헤더, 다양한 블록, 하단 부분(바닥글), 콘텐츠 및 기타 요소를 독립적으로 생성할 수 있습니다.
index.php 파일에 의해 생성되지 않은 매개변수는 표준 파일에 의해 생성된다는 점은 주목할 가치가 있습니다. 예를 들어, 테마가 위 파일 중 2개로만 구성되어 있지만 사용자가 주석 추가를 위한 양식을 생성해야 하는 경우 표준 comments.php가 이 기능을 수행합니다. 따라서 테마를 더욱 독특하게 만들고 싶다면 추가 템플릿 파일을 만드는 것이 좋습니다. 주요 내용을 살펴 보겠습니다.
먼저 적합한 템플릿을 설치해야 합니다. 공식 웹사이트 wordpress.org와 다른 웹사이트에서 모두 찾을 수 있습니다. 타사 사이트에는 악성 파일과 깨진 링크가 포함될 수 있으므로 공식 사이트를 사용하는 것이 좋습니다.
선택한 후 아카이브 다운로드를 시작할 수 있습니다. 프로세스가 끝나면 압축을 풀고 사이트의 특정 폴더에 파일을 업로드해야 합니다(아카이브에는 일반적으로 작은 지침이 포함되어 있습니다). 다운로드는 FileZilla 프로그램을 사용하거나 해당 옵션을 지원하는 경우 호스팅에서 직접 수행할 수 있습니다. 이제 "테마" 섹션으로 이동하여 다운로드한 테마를 선택하고 "활성화" 버튼을 클릭하기만 하면 됩니다.
WordPress 관리자 패널에서 직접 선택할 수도 있습니다. 그러나 다운로드할 필요는 없습니다. "설치" 버튼을 클릭한 다음 "활성화"를 클릭하기만 하면 됩니다. 설치하기 전에 미리 보는 것이 좋습니다.
이제 테마가 활성화되었으므로 테마 고유화로 넘어갈 수 있습니다. 가장 먼저 생각해야 할 것은 사이트의 상단(헤더)입니다. 이는 방문자의 시선을 가장 먼저 사로잡을 것이므로 책임감 있게 수행해야 합니다. 일반적으로 헤더는 사이트 이름, 로고, 콘텐츠에 대한 간략한 정보로 구성됩니다. 헤더는 모든 그래픽 편집기에서 생성할 수 있습니다. 표준 페인트에서도 마찬가지입니다. 고급 디자이너는 Adobe Photoshop을 사용합니다.
사이트 이름은 작고 기억하기 쉬워야 합니다. Adobe Photoshop에서는 다양한 스타일을 선택할 수 있습니다. 로고를 만들 때 다양한 모양이 필요할 수 있습니다. Adobe Photoshop 공식 웹사이트에서 다운로드할 수 있습니다.
그래픽 편집기에서 헤더 그림을 만든 후에는 이를 웹사이트에 업로드해야 합니다. 다운로드가 완료되면 사진 오른쪽에 URL이 표시되며 이를 복사해야 합니다. 그런 다음 "편집기" 섹션으로 이동하여 헤더 생성을 담당하는 파일(header.php)을 선택해야 합니다. 여기에서 현재 이미지의 URL을 찾아 헤더 이미지를 업로드할 때 받은 URL로 바꿔야 합니다. 그런 다음 파일을 업데이트해야 합니다. 이제 헤더 표시 확인을 진행할 수 있습니다.
헤더에 표준 매개변수와 다른 매개변수가 있는 경우 header.php에서 조정할 수 있습니다. 너비는 width 속성에 의해 제어되고 높이는 height 속성에 의해 제어됩니다. 설정은 픽셀과 백분율로 이루어질 수 있습니다. 따라서 단지 제한을 늘리고 싶다면 100%로 설정하세요.
원하는 경우 WordPress 사이트 페이지에 대한 활성 링크를 헤더에 추가할 수 있습니다. 이는 다양한 서비스를 사용하여 수행할 수 있습니다. 인터넷에는 꽤 많은 것들이 있습니다. 대부분은 동일한 원리로 작동합니다. 링크에 할당될 헤더의 원하는 영역에 동그라미를 치면 서비스에서 필요한 코드를 제공합니다. 그런 다음 이 코드를 header.php 파일에 추가해야 합니다. 추가할 때 주의하세요. 모든 포인트가 중요합니다. 잘못된 위치에 코드를 추가하면 헤더에 활성 링크가 표시되지 않습니다.
표준 헤더를 교체한 후 WordPress 사이트의 표준 배경, 위젯, 탐색, 하단(바닥글) 및 기타 WordPress 사이트 구성 요소 교체를 시작할 수 있습니다. 또한 그래픽 편집기에서 그려서 웹사이트에 그림 형식으로 업로드할 수도 있습니다.
밝아서는 안된다는 점을 고려해야합니다. 대부분의 웹마스터는 흰색 배경 사용을 선호합니다. 눈에 해롭지도 않고, 주요 내용을 방해하지도 않습니다.
처음부터 고품질 탐색을 만들려면 다음과 같은 태그에 대한 약간의 지식이 필요합니다.
첫 번째는 사이트 블록 생성을 담당하고 두 번째는 WordPress 사이트에 대한 링크를 추가하는 것입니다. 세 번째를 사용하면 열을 만들 수 있습니다. 후자는 셀을 구성하는 데 필요합니다. 첫 번째 단계는 내비게이션이 위치할 위치를 결정하는 것입니다. 일반적으로 헤더 바로 아래에 위치합니다. 탐색 레이아웃은 상당히 빠른 프로세스입니다. 다음은 작은 탐색 블록을 레이아웃하는 방법에 대한 작은 예입니다.
- 페이지 제목
이미 이해하셨듯이 네비게이션 블록의 일반적인 이름은 navigacia입니다. 블록은 하나의 "페이지 제목" 셀로 구성됩니다. 각 태그는 "/" 문자로 닫혀 있습니다. 태그가 닫히지 않으면 사이트가 오작동할 수 있습니다.
크지 않아야합니다. 가장 인기 있는 것은 달력, 태그 클라우드, 메타, 아카이브, 검색, RSS, 비디오 및 최신 뉴스입니다. 이를 추가하려면 "모양" 탭으로 이동하여 "위젯" 필드를 클릭해야 합니다. 그러면 사용 가능한 옵션 목록이 표시됩니다. 플러그인을 사용하여 위젯을 설치할 수도 있습니다. 공식 웹사이트와 WordPress 관리 패널을 통해 직접 다운로드할 수 있습니다. YouTube에 있는 동영상을 추가하려면 해당 동영상의 링크를 사이트의 원하는 위치에 붙여넣기만 하면 됩니다. 그렇지 않으면 비디오를 사이트에 업로드해야 합니다. 프로그래밍에 관심이 있다면 사이트에 자신만의 위젯을 추가할 수 있습니다. 이렇게 하려면 "텍스트" 옵션을 클릭하고 거기에 필요한 코드를 입력해야 합니다.
각 위젯의 설정에서 표준 헤더를 변경할 수 있는 기회가 제공됩니다. 위젯이 표시될 위치(오른쪽 또는 왼쪽 사이드바) 등을 선택할 수도 있습니다. 위젯을 제거하는 데 아무런 문제가 없어야 합니다. 이렇게 하려면 설정에서 "삭제" 버튼을 클릭하기만 하면 됩니다.
특별한 프로그램과 서비스를 이용해 처음부터 독특한 테마를 만들어 보세요.1. 가장 인기 있는 프로그램은 아티스트입니다. 이를 사용하려면 특별한 프로그래밍 지식이 필요하지 않습니다. 생성 프로세스는 시각적 모드에서 수행됩니다. 당신이 그리는 것은 국제 표준 "XHTML 1.0 Transitional"을 따르는 코드를 사용하여 표현됩니다. 덕분에 향후 웹사이트의 테마는 모든 브라우저에서 지원될 것입니다.
작업을 위해 다양한 효과, 스타일 등을 다양하게 선택할 수 있습니다. 이 프로그램은 러시아어, 영어, 독일어 및 기타 언어를 지원합니다. 이 프로그램에는 몇 가지 단점이 있다는 점은 주목할 가치가 있습니다. 가장 중요한 것은 프로그램 비용이 약 $50라는 것입니다. 무료 버전도 있지만 옵션이 거의 포함되어 있지 않습니다. 템플릿의 고유성을 높이려면 인코딩을 더 자세히 살펴봐야 합니다.
이 Artisteer 프로그램 작업 지침으로 직접 이동하겠습니다. 프로그램을 열자마자 나타나는 첫 번째 옵션은 "아이디어"입니다. 표준 요소의 다양한 조합을 제공합니다. 디자인이 독특하고 싶다면
이 옵션은 필요하지 않습니다. 프로그램을 마스터하려면 옵션을 클릭하고 매개변수를 보기만 하면 됩니다. 이 프로그램은 가볍기 때문에 아무런 문제가 없을 것입니다.
"헤더" 옵션에 주의하세요. 그녀는 사이트 헤더 표시를 담당합니다. 표준 헤더를 사용하거나 자신만의 헤더를 업로드할 수 있습니다. 당신은 이미 독특한 모자를 만드는 방법을 알고 있습니다.
사이트의 너비를 조정하려면 "시트" 옵션을 사용해야 합니다. 너비는 픽셀 단위로 지정됩니다. 이 프로그램은 처음에 900픽셀의 너비를 제공합니다. 또한 이 옵션을 사용하면 다양한 효과(그림자, 둥근 모서리 등)를 구성할 수 있습니다.
짐작할 수 있듯이 "배경"옵션은 배경 설정을 담당합니다. 표준 옵션 중에서 선택하거나 직접 업로드할 수 있습니다.
사이트 요소의 레이아웃을 사용자 정의하려면 "레이아웃" 옵션을 사용해야 합니다.
똑같이 중요한 옵션은 "기사"입니다. 웹사이트 기사 디자인의 레이아웃이 이루어지는 곳입니다. 여기에는 그림의 위치, 텍스트, 설명, 다양한 블록 등이 포함됩니다.
텍스트의 색상, 크기 또는 글꼴을 선택하려면 "색상 및 글꼴" 옵션이 필요합니다.
단계를 완료한 후 생성 내용을 저장할 수 있습니다. 이렇게 하려면 왼쪽 상단에 있는 팔레트를 클릭하세요. 당신 앞에 창이 나타날 것입니다. 거기에서 "다른 이름으로 저장"을 클릭해야 합니다. 그런 다음 파일 이름과 위치를 선택하기만 하면 됩니다. 파일 확장자는 ".artx"여야 합니다. 프로그램 작업을 계속할 때 "저장"을 한 번만 클릭하면 저장됩니다.
테마가 완전히 완성되면 내보내기를 진행할 수 있습니다. 이렇게 하려면 "내보내기" 탭을 클릭하고 "WordPress 테마"를 선택해야 합니다.
2. Adobe Photoshop에 능숙하다면 Divine Elemente 애드온을 설치해야 합니다. 덕분에 “.psd” 파일을 모든 브라우저에서 지원되는 형식으로 쉽게 변환할 수 있습니다.
3. 아티스트티어를 이용할 돈이 없다면 무료로 루비스 서비스를 이용하시면 됩니다. 공식 홈페이지 lubith.com에서 온라인으로 만나보실 수 있습니다. 이 서비스에는 유용한 옵션이 많이 포함되어 있으며 특히 빠릅니다. 단 몇 분만에 모든 옵션을 완전히 익힐 수 있습니다.
4. 이전 서비스와 유사한 것은 WordPress Theme Generator입니다. 또한 사용하기 쉽고 다양한 옵션이 포함되어 있습니다. 이 서비스는 완전 무료입니다. 유일한 단점은 이 서비스가 영어만 지원한다는 것입니다.
5. XTemplate Generator는 사이트용 Russified 테마 생성기입니다. 해당 옵션은 왼쪽 창에 있으며 오른쪽에서는 작업의 시각적 결과를 볼 수 있습니다. 이 생성기도 무료입니다.
6. WPTheme Generator는 몇 배 더 많은 옵션을 포함하고 있기 때문에 이전 것보다 훨씬 강력합니다. 유일한 주의 사항은 이 서비스가 유료라는 것입니다. 가격은 30달러입니다. 레이아웃이 완전히 영어로 수행된다는 점도 주목할 가치가 있습니다.
7. CSSEZ는 이전 것보다 덜 인기가 없습니다. 시작하기 전에 간단한 등록을 완료해야 합니다. 이 서비스에서는 사이트 자료에 대해 최대 4개의 열을 레이아웃할 수 있습니다. 자신만의 배경을 업로드할 수 있습니다.
8. Dotemplate은 사용자 정의할 수 있는 약 11개의 다양한 WordPress 템플릿을 제공합니다. 유일한 단점은 자신의 그래픽 파일을 업로드할 수 없다는 것입니다. 따라서 사이트의 파일 관리자를 통해 헤더를 직접 다운로드해야 합니다.
9. Weebly는 사이트 어디에서나 YouTube 또는 Google에서 직접 비디오를 추가할 수 있는 옵션이 있다는 점에서 다른 앱과 다릅니다. 비디오가 있는 웹사이트가 성공적인 이유는 시각적 정보가 더 빠르고 쉽게 인식되기 때문입니다.
10. Eris의 템플릿 생성기 서비스에서는 최대 3개의 열을 추가하여 사이트 자료를 표시하고 다양한 태그, 달력 및 기타 위젯을 추가할 수 있습니다.
WordPress 테마는 사이트의 모양과 느낌을 함께 정의하는 파일과 스타일로 구성됩니다. 그들은 서로 매우 다를 수 있으므로 사용자는 웹 사이트 디자인을 빠르게 변경할 수 있습니다. 그런데 왜 자신만의 테마가 필요한가요?
- 나만의 독특한 웹사이트 디자인을 제작해보세요.
- 을 사용하고 다양한 콘텐츠와 페이지 스타일을 표시합니다.
- 카테고리 페이지, 검색어 결과 등 사이트의 특수 섹션에 대한 대체 템플릿을 생성합니다.
- 두 사이트 레이아웃 사이를 빠르게 전환하거나 사용자가 사이트 모양을 변경할 수 있도록 허용합니다.
- 테마를 공개하고 다른 사람들이 디자인을 즐길 수 있도록 합니다.
WordPress 테마는 몇 가지 이점도 제공합니다.
- 프리젠테이션 스타일을 시스템 파일과 분리하여 사이트 모양을 크게 변경하지 않고도 업데이트할 수 있습니다.
- 테마별 출력 옵션을 사용자 정의할 수 있습니다.
- 이를 사용하면 WordPress 사이트의 모양을 빠르게 변경할 수 있습니다.
- 덕분에 사용자는 웹 사이트를 매력적으로 만들기 위해 CSS, HTML 및 PHP를 배울 필요가 없습니다.
그런데 왜 자신만의 테마를 만들어야 할까요? 이것이 주요 질문입니다.
- 이는 CSS, HTML/XHTML 및 PHP에 대해 더 자세히 배울 수 있는 기회입니다.
- 이는 CSS, HTML/XHTML 및 PHP 기술을 뽐낼 수 있는 기회입니다.
- 만들 수 있는 기회입니다.
- (대부분의 경우) 재미있습니다.
- 테마를 공개로 설정했다면 WordPress 커뮤니티에 무언가를 공유하고 돌려주는 만족감을 얻게 될 것입니다(자랑할 수 있습니다!)
WordPress 테마를 코딩할 때 다음 표준을 준수하세요.
- 올바르게 구조화되고 오류가 없는 PHP 코드와 유효한 HTML 코드를 사용하세요(참조).
- 올바르게 구성된 유효한 CSS 코드를 사용하세요(참조).
- 다음에 대한 권장 사항을 따르십시오.
WordPress 테마는 wp-content/themes/ 하위 디렉터리에 있습니다. 테마 디렉토리에는 스타일 시트, 추가 기능 파일(functions.php) 및 이미지가 포함되어 있습니다. 예를 들어, "test"라는 테마는 아마도 wp-content/themes/test/ 디렉토리에 있을 것입니다.
기본적으로 WordPress에는 Wordpress 개발 팀에서 만든 세 가지 테마인 "Twenty Fifteen", "Twenty Sixteen" 및 "Twenty Seventeen"이 함께 제공됩니다. 이러한 테마는 서로 다르며 다양한 기능과 태그를 사용하여 사이트 페이지의 모양과 느낌을 만듭니다. 자신만의 테마를 만드는 방법을 더 잘 이해하려면 해당 구성 요소 파일을 자세히 살펴보세요.
WordPress 테마는 이미지 외에 세 가지 주요 파일 형식으로 구성됩니다. 첫 번째는 사이트 페이지의 모양을 제어하는 style.css라는 스타일 시트입니다. 두 번째는 추가 기능 파일(functions.php)을 제공합니다. 나머지 파일은 데이터베이스의 정보가 웹 페이지에 표시되는 방식을 정의하는 템플릿 파일입니다. 각 유형을 개별적으로 살펴 보겠습니다.
테마 스타일 시트테마의 실제 스타일시트 외에도 style.css 파일 반드시댓글 형식으로 주제에 대한 정보를 포함해야 합니다. 각 주제에는 고유한 정보가 있어야 합니다.헤더 주석에 그렇지 않으면 에서 문제가 발생합니다. 기존 주제를 기반으로 새 주제를 만들 때 먼저 제목 댓글을 변경하세요.
다음은 Rose 테마에 대한 스타일 시트 헤더 템플릿입니다. style.css 파일 시작 부분의 첫 번째 줄에 위치해야 합니다.
/* 테마 이름: Rose 테마 URI: theme-homepage 설명: short-description-of-theme 작성자: your-name 작성자 URI: your-URI 템플릿: write-parent-theme-name-here-ional-field 버전: version -번호는 선택 필드입니다. 주제에 대한 자세한 설명/필요한 경우 라이센스. . */
가장 간단한 테마에는 style.css 파일과 필요한 경우 이미지가 포함됩니다. 이러한 테마를 생성하려면 템플릿 제목 표시줄에 상위 테마의 이름을 지정해야 합니다. 예를 들어, "Rose" 테마가 "test" 테마에서 나온(상속된) 경우 style.css 헤더에 다음 줄을 작성합니다.
템플릿: 테스트
style.css 헤더에 이 행을 추가하면 "test" 테마의 모든 템플릿이 "Rose" 테마에 상속됩니다. 여기에는 style.css라는 스타일시트 파일과 일부 이미지만 포함됩니다. 이 파일은 wp-content/themes/Rose 디렉터리에 있어야 합니다.
WordPress 2.7부터 하위 테마에는 상위 테마의 템플릿 이름과 이름이 동일한 템플릿 파일이 포함될 수 있으며, 관리자 패널에서 이러한 템플릿을 선택하여 사용할 수 있으며 상위 테마 대신 사용됩니다.
style.css 헤더의 주석은 WordPress에서 테마를 식별하고 이를 다른 설치된 테마와 함께 설치된 테마로 하위 메뉴에 표시하는 데 필요합니다.
메모: 상위 테마를 정의할 때 템플릿: 주석 줄에 테마의 디렉터리 이름을 사용해야 합니다. 예를 들어 "기본 Wordpress 테마"를 사용하려면 다음과 같이 쓰지 마세요.
템플릿: WordPress 기본값
쓰기
템플릿: 기본값
"default"는 상위 테마 디렉토리의 이름이기 때문입니다.
추가 기능 파일테마는 테마 작동에 필요한 기능이 포함된 파일을 추가로 사용할 수 있습니다. 이 파일은 테마 디렉토리에 위치해야 하며 function.php라는 이름을 가지고 있어야 합니다. 이 파일은 기본적으로 플러그인처럼 작동하며, 사용 중인 테마 디렉터리에 있으면 WordPress 초기화 중에 자동으로 로드됩니다. 이는 관리 페이지와 기타(관리 외부) 페이지 모두에 해당됩니다. 이 파일에는 다음과 같은 용도가 권장됩니다.
- 테마의 템플릿 파일에 사용되는 기능을 정의하세요.
- 색상, 스타일 또는 테마의 기타 측면을 사용자 정의할 수 있는 옵션을 사용자에게 제공하는 테마 관리 영역의 설정입니다.
WordPress와 함께 제공되고 기본적으로 설치되는 테마에는 테마 관리 영역의 여러 기능과 설정을 정의하는 function.php 파일이 있으므로 이를 모델로 사용할 수 있습니다. function.php 파일은 기본적으로 플러그인으로 작동하며, Codex 섹션은 이 파일을 사용하는 방법에 대한 자세한 내용을 얻을 수 있는 가장 좋은 장소입니다.
테마 템플릿 파일 요청에 따라 템플릿 선택WordPress를 사용하면 프로그래머는 세트에서 템플릿을 연결하기 위해 다양한 옵션을 사용할 수 있습니다. 첫째, 템플릿 계층 구조를 사용하고, 둘째, 템플릿 파일 처리 루프 내에서 조건부 태그를 사용합니다.
첫 번째 경우, 템플릿 계층 구조를 사용할 때 기본 index.php 템플릿 대신 페이지를 생성하기 위해 적시에 자동으로 사용되는 특수 템플릿 파일을 생성해야 합니다. 예를 들어 테마에 Category.php라는 템플릿이 포함되어 있고 카테고리 페이지에 대한 요청이 오면 index.php 템플릿 대신 Category.php 템플릿이 로드됩니다. 테마에 Category.php 파일이 없으면 index.php 템플릿이 평소대로 로드됩니다.
예를 들어, 카테고리-6.php 템플릿 파일을 테마에 추가하여 특정 카테고리에 대한 템플릿을 정의할 수 있습니다. 카테고리 ID가 6인 경우 index.php 대신 파일이 사용됩니다. 카테고리 ID를 확인하려면 워드프레스 버전 2.3 이하에서 관리자 권한이 있는 경우 >로 이동하세요.
WordPress 2.5부터 관리자 패널에서 ID 열이 제거되었습니다. "카테고리 편집"을 클릭하고 URL의 cat_ID 값을 보면 카테고리 ID를 확인할 수 있습니다. 예를 들어 URL의 끝은 다음과 같습니다.
"...categories.php?action=edit&cat_ID=3"
여기서 "3"은 현재 카테고리의 ID입니다. 이 프로세스는 다음에서 더 자세히 설명됩니다.
테마가 템플릿 계층 구조에서 제공하는 제어 수준보다 더 자세히 표시 템플릿을 제어할 수 있어야 하는 경우 조건부 태그를 사용할 수 있습니다. 조건부 태그는 기본적으로 런타임 시 일부 특수 조건이 true인지 확인합니다. 이 경우 특정 템플릿을 로드하거나 해당 조건에 따라 페이지에 일부 텍스트 변형을 표시할 수 있습니다.
예를 들어 카테고리 번호에 따라 다양한 스타일을 생성하려면 코드는 다음과 같습니다.
또는 요청 객체를 사용하여 동일한 알고리즘을 다르게 구현할 수 있습니다.
어떤 경우든 두 코드 예제 모두 카테고리 ID에 따라 서로 다른 패턴을 생성합니다. 조건부 태그는 카테고리에만 국한되지 않습니다. 기사를 참조하세요. 가능한 모든 옵션에 대해 설명합니다.
파일 형식 아이콘Wordpress는 블로그와 관리자 패널 인터페이스에서 해당 아이콘이 지정된 위치에 있는 경우 파일 형식 아이콘()을 사용합니다.
Wordpress는 현재 테마의 이미지 디렉토리에서 이러한 파일을 찾습니다. (그리고 Wordpress 2.2에서는 기본 테마에 audio.jpg 아이콘 하나만 있습니다.)
예를 들어, MIME 유형 audio/mpeg 아이콘을 렌더링하기 위해 Wordpress는 현재 테마의 지정된 이미지 디렉토리에서 아이콘 파일을 찾고 일치하는 첫 번째 파일을 선택합니다(함수 설명 참조).
다음은 WordPress에서 사용하는 표준 템플릿 파일 목록입니다. 물론 테마에는 다른 스타일, 이미지 또는 프로그램 파일이 포함될 수 있습니다. 아래 파일 이름은 WordPress에서 특별한 의미를 갖는다는 점을 명심하세요. 자세한 내용은 계층 구조 템플릿을 참조하세요.
Style.css 기본 스타일 시트 파일. 파일은 주제에 있어야 하며 파일 헤더에 위에 설명된 설명이 포함되어 있어야 합니다. index.php 메인 템플릿 파일. 테마에 자신만의 템플릿을 사용하는 경우 이 index.php 파일이 필요합니다. comments.php 댓글 템플릿. 존재하지 않는 경우 기본 테마의 comments.php 파일이 사용됩니다. comments-popup.php JS 댓글에 대한 팝업 메뉴를 추가합니다. 존재하지 않는 경우 comments-popup.php가 기본 테마에서 호출됩니다. home.php 블로그 홈 페이지 템플릿. Single.php 단일 게시물 페이지 템플릿. 특정 게시물을 요청할 때 사용됩니다. 이 템플릿과 기타 주문형 템플릿의 경우 테마에 해당 템플릿 파일이 없으면 index.php를 사용하세요. page.php 요청된 페이지를 표시하는 데 사용되는 단일 페이지 템플릿입니다. Category.php 카테고리 템플릿. 카테고리를 요청할 때 사용됩니다. author.php 블로그 작성자 템플릿. 블로그 작성자에게 문의할 때 사용됩니다. date.php 날짜-시간 출력 템플릿. 날짜와 시간을 요청할 때 사용됩니다. 연도, 월, 일, 시, 분, 초입니다. archive.php 아카이브 템플릿. 카테고리, 작성자, 날짜를 요청할 때 사용됩니다. 이 템플릿은 적절한 요청 유형에 대해 Category.php , Author.php 및 date.php 템플릿으로 재정의될 수 있습니다. search.php 검색 결과 템플릿. 검색 후 사용됩니다. 404.php 오류 메시지용 템플릿입니다. WordPress가 쿼리와 일치하는 게시물이나 페이지를 찾을 수 없을 때 사용됩니다.
이러한 파일은 템플릿 계층 구조에 따라 테마 디렉토리에 있을 때, 그리고 그렇게 하도록 요청될 때 index.php를 대체하는 데 사용되기 때문에 WordPress에서 특별한 의미를 갖습니다. 또는 조건부 태그의 진실성에 따라 유형의 함수가 is_*(); "참"을 반환합니다.
예를 들어, 단일 게시물을 표시하려는 경우 함수는 "true"를 반환하고 활성 테마 디렉터리에 템플릿 파일 Single.php가 있으며 이 템플릿은 페이지를 만드는 데 사용됩니다.
템플릿의 파일에 대한 링크기본 WordPress 테마는 쿼리가 템플릿에서 렌더링되는 방법에 대한 기술(Kubrick의 WordPress 1.2 레이아웃에서 Michael Heilemann이 처음 설명함)의 좋은 예입니다.
다음 코드는 템플릿 URL을 템플릿 출력에 삽입합니다. 추가 정보를 추가하여 테마의 파일에 연결할 수 있습니다.
다음 코드는 테마의 .css 파일이 포함된 디렉터리의 URL을 템플릿 출력에 추가합니다. 테마 파일, 특히 스타일시트에 필요한 정보를 참조하기 위해 추가 정보를 추가할 수 있습니다(이를 방지하려면 대신 이 정보를 사용하세요).
TEMPLATEPATH 상수에는 현재 테마의 템플릿 디렉토리에 대한 절대 경로가 포함됩니다(끝에 "/" 없음).
스타일 시트에 사용되는 URI는 해당 스타일을 사용하는 템플릿이 있는 디렉터리가 아니라 스타일 시트 파일이 있는 디렉터리에 바인딩됩니다. 이렇게 하면 현재 디렉토리를 설정하기 위해 스타일시트 파일에 PHP 코드를 추가할 필요가 없습니다. 예를 들어, 스타일시트에서 테마의 Images/ 디렉토리에 있는 이미지를 사용하는 경우 CSS에서 다음과 같이 상대 경로만 지정해야 합니다.
H1 ( 배경 이미지: URL(images/my_Background.jpg); )
위에서 설명한 방법을 사용하여 파일을 연결하는 것이 좋습니다. 이 경우 템플릿에 절대 경로가 필요하지 않습니다.
사용자 정의 템플릿 유형 정의WordPress 플러그인 시스템을 사용하여 특정 경우에 사용되는 고유한 템플릿 유형을 추가할 수 있습니다. 예를 들어 케이스별로 다른 레이아웃을 만들거나 자신만의 설명 템플릿 등을 만들려는 경우에 필요합니다. 이 WordPress 확장은 template_redirect 이벤트를 가로채서 얻을 수 있습니다. 를 참조하세요. 플러그인 생성에 대한 자세한 내용은 여기에서 확인할 수 있습니다.
호환성을 위한 필수 이벤트 호출테마를 디자인할 때 귀하 또는 테마의 다른 사용자가 설치하려는 WordPress 플러그인과 잘 작동할 수 있도록 테마를 구성해야 한다는 점을 명심하는 것이 좋습니다. 플러그인은 이벤트 후크("액션 후크", 자세한 내용은 참조)를 사용하여 WordPress의 기능을 확장합니다. 대부분의 이벤트는 WordPress 코어에서 발생하므로 테마가 작동하기 위해 사용자 정의 이벤트를 호출할 필요가 없습니다. 그러나 설치된 플러그인이 헤더(머리글) 및 바닥글(바닥글), 사이드바 또는 페이지 본문에 직접 정보를 올바르게 표시하려면 일부 차단된 이벤트를 호출해야 합니다. 플러그인이 올바르게 작동하려면 테마에서 호출해야 하는 특수 이벤트 태그 목록은 다음과 같습니다.
Wp_head 요소의 코드가 header.php 템플릿에 표시될 때 발생합니다. 플러그인 사용 예: 자바스크립트 코드 추가. 용법: -또는- wp_footer 테마의 "바닥글" 헤더가 footer.php 템플릿에 표시될 때 발생합니다. 플러그인에서의 사용 예: 페이지의 가장 마지막 코드인 모든 것 이후에 실행되어야 하는 PHP 코드를 삽입합니다. 용법: -또는- wp_meta 이벤트는 일반적으로 태그가 처리될 때 발생합니다.
실제 예를 들어, 해당 기본 테마 템플릿에서 플러그인에 대한 이벤트 호출을 찾을 수 있습니다.
테마 개발자를 위한 일반 참고 사항테마 문서에 명확하고 설명하십시오(테마에 포함된 README 파일은 많은 사용자가 잠재적인 걸림돌을 우회하는 데 도움이 됩니다).
테마 및 템플릿과 관련된 전체 리소스 목록은 기사에서 확인할 수 있습니다.
우리는 소셜 미디어 콘텐츠 마케팅: 팔로어의 머리 속으로 들어가 브랜드와 사랑에 빠지게 만드는 방법이라는 새로운 책을 출시했습니다.
구독하다
하위 테마("딸")의 기능은 상위 테마("부모")와의 관계를 기반으로 합니다. 무료 및 유료 테마는 처음에는 상위 테마이므로 딸은 해당 매개변수와 속성을 복사하고 표준 기능 세트도 수신한다는 점을 고려하는 것이 중요합니다. 앞으로는 특정 인터넷 리소스의 요구 사항을 고려하여 이러한 옵션 세트를 확장할 수 있습니다.
용어를 다루면 부모 역할을 하는 다른 주제의 의미를 갖는 특별한 주제에 대해 이야기하는 것입니다. 왜 만들어졌나요? 기존 WordPress 테마를 수정하여 테마 수를 늘리는 것입니다.
'딸'의 차이점은 무엇인가요?WordPress 하위 테마를 사용하면 필요한 변경 및 조정을 수행할 수 있습니다. 다음으로 이를 생성하는 방법을 살펴보겠습니다. 그 전에 주요 차이점을 살펴보겠습니다.
WordPress 하위 테마는 다양한 이점을 제공하는 훌륭한 아이디어입니다. 개인적으로 프리미엄 제품에는 기본으로 추천드리고 싶습니다. 장점 중 일부만 나열해 보겠습니다.
이는 상위 항목의 연속이므로 여기서의 특징 및 기능 세트는 동일합니다. 주요 구성 요소:
템플릿 추가에는 제한이 없지만 나열된 구성 요소는 템플릿에 있어야 합니다.
작업“Daughters”는 자체 폴더에 현지화되어 있으며 별도의 “functions.php” 및 “style.css”를 자랑합니다. 언제든지 보조 파일을 작성할 수 있지만 이 쌍은 충돌이나 문제 없이 올바른 기능을 담당합니다.
이러한 형식을 올바르게 사용하면 스타일, 개별 레이아웃 항목, 스크립트 등을 포함한 거의 모든 초기 매개변수를 편집할 수 있습니다.
테마 장치는 사진 편집기의 편집 레이어와 유사합니다. 사용자가 인터넷 리소스를 방문하면 "딸"이 그 앞에 열리고 누락된 옵션과 스타일이 상위 항목에서 로드됩니다. 궁극적으로 대부분의 코드는 부모로부터 전달되지만 사용하기 전에 자식의 설정과 일치하도록 수정해야 합니다.
만드는 방법먼저, 필요한 모든 것이 준비되어 있는지 확인하세요. 즉, FTP 또는 파일 관리자에 액세스하고 WordPress 제어판 자체에 대한 액세스를 엽니다. 그럼 시작해 보겠습니다.
1단계. WordPress 하위 테마 만들기이것은 매우 간단한 과정입니다. 설명을 자세하게 따라하면 누구나 마스터할 수 있습니다.
먼저 표준 디렉터리에 딸을 위한 폴더를 만듭니다. 디렉터리에 순서가 있고 내용이 체계화되도록 하려면 "부모 이름 + 끝 자식"의 예에 따라 폴더 이름을 지정하는 것이 좋습니다. 편의를 위해 테마를 생성하는 특정 프로젝트의 이름을 추가할 수 있습니다. 가장 중요한 것은 디렉터리 이름에 공백이 없다는 것입니다. 그렇지 않으면 오류가 발생할 수 있습니다. 파일 관리자나 FTP 클라이언트를 사용하면 새 폴더를 만드는 데 도움이 됩니다. 오늘날 FileZilla와 같은 FTP 클라이언트는 그 자체로 잘 입증되었습니다.
예를 들어, 많은 이들에게 친숙한 '트웬티 세븐틴'을 기본으로 들어보겠습니다. 저는 파일 관리자를 사용하여 작업하는 것을 선호하므로 생성된 폴더에 대한 경로는 다음과 같습니다.
우리는 다음을 수행합니다:
![](https://i2.wp.com/semantica.in/wp-content/uploads/2018/09/bc3d798099.png)
확실히 당신은 창조가 쉬운 과정이라고 확신합니다. 지침을 엄격히 따르고 올바른 접근 방식으로 작업하면 됩니다.
2단계. 설정사이트의 요청 및 요구 사항에 맞게 "딸"을 시작, 수정, 보완, 조정하려면 설정을 올바르게 지정해야 합니다. 순서대로 처리해드리겠습니다.
이를 위해 디렉토리에 있는 "custom.css"를 조정합니다. 이 작업은 FTP 클라이언트, 일반 텍스트 편집기, 파일 관리자 또는 특수 WordPress 편집기("모양", "편집기"를 열어 찾을 수 있음)를 통해 수행할 수 있습니다. 여기에서는 CSS 사용 규칙에 대한 최소한의 지식과 브라우저를 통해 사이트 요소를 확인하는 기술이 필요합니다. 예를 들어 "style.css"의 배경색을 변경하려면 다음 CSS 규칙을 작성합니다.
다음 그림은 조정이 이루어진 후 사이트 디자인이 어떻게 변경되는지 보여줍니다. 배경이 연한 녹색으로 변했습니다.
이렇게 하면 사이트의 기존 요소를 편집할 수 있습니다.
2. 기능을 사용하여 작업합니다.
"딸들"을 사용하고 함께 작업하면 두 개의 독립적인 "functions.php"를 유지할 수 있다는 이점도 제공됩니다. 이러한 파일은 이전 기능을 제거하고 새 기능을 추가하는 데 사용된다는 점을 상기시켜 드리겠습니다. 사용 가능한 경우 문서 작업의 안전이나 문제에 대해 걱정할 필요가 없습니다. 베이스가 업데이트되더라도 변경되지 않습니다.
새 옵션을 추가하기 위해 새 PHP 코드도 파일에 기록됩니다. 예를 들어 아래 코드는 WordPress 검색 옵션을 제거합니다.
![](https://i0.wp.com/semantica.in/wp-content/uploads/2018/09/c29a83ffc3.png)
개발자의 업무를 더욱 쉽게 만들어주는 특별한 서비스
다양한 특수 플러그인을 사용하면 생성 과정을 더 쉽게 만들 수 있습니다. WordPress 라이브러리에는 다양한 플러그인이 포함되어 있으며 대부분 무료로 사용할 수 있습니다. 플러그인을 사용하면 개발 프로세스가 크게 단순화됩니다. 가장 인기 있는 플러그인을 살펴보겠습니다.
이것은 직관적인 인터페이스를 갖춘 가장 간단하고 사용하기 쉬운 플러그인입니다. 버튼을 클릭하면 여기에서 많은 설정을 할 수 있습니다.
2. 어린이 테마 구성.
여기에서 "딸"을 만들 수도 있으며 몇 번의 클릭만으로 가능합니다. 여기의 CSS 편집기는 매우 강력하여 고급 기능을 구성할 수 있습니다. 플러그인은 주요 CSS 규칙을 자동으로 식별하며 편집 시 영향을 주지 않습니다.
3. _child 테마 상용구.
다음은 "딸"을 형성하기 위해 미리 만들어진 템플릿입니다. 템플릿 이름은 간단히 "_child"이며 작업을 단순화하도록 특별히 설계되었습니다. 템플릿은 직관적인 테마를 제공하며 "상위"에 대한 링크만 제공하면 됩니다. 이 유형의 템플릿을 사용하면 전문적인 옵션을 만들 수 있습니다. 표준 "functions.php" 및 "style.css"라는 2개의 기성 파일이 여기에 이미 생성되어 있습니다.
첫 번째에는 "aa_enqueue_styles()"라는 특수 함수가 있습니다. 이 옵션을 사용하면 상위 항목이 먼저 오고 그 다음 하위 항목이 가는 스타일 시트 대기열을 만들 수 있습니다. 결과적으로 후자의 스타일은 항상 전자에 의해 결정됩니다.
대부분의 개발자는 CSS에서 이러한 테이블을 함께 연결하지만 이는 득보다 실이 더 많습니다. 먼저 "상위"에서 스타일을 로드한 다음 파생 항목에서 스타일을 로드해야 하기 때문에 브라우저가 사이트를 로드하는 데 오랜 시간이 걸립니다. 스타일시트를 따로 넣어두면 브라우저의 작업이 수월해지고 로딩 속도도 빨라집니다.
이 옵션을 추가할 수 있는 코드는 다음과 같습니다.
두 번째 파일에는 특별한 정보가 포함된 기본 헤더가 있습니다. 이 정보를 통해 WordPress는 이를 "하위" 스타일시트로 인식할 수 있습니다. 따라서 "style.css"에 대한 코드를 작성하는 것이 특히 중요합니다.
![](https://i2.wp.com/semantica.in/wp-content/uploads/2018/09/1133178d87.png)
요약해보자
프로그래밍 숙련도나 WordPress 사용 경험은 중요하지 않습니다. WordPress 하위 테마를 만드는 것은 쉽고 종료 후 설정이 삭제될 위험이 없습니다. 약간의 코드를 작성하거나 이미 작성한 내용을 변경하고 디렉토리에 간단한 작업을 수행하면 사이트를 변경할 수 있습니다. 가장 중요한 것은 지침을 따르고 점차적으로 한 지점에서 다른 지점으로 이동하는 것입니다. 다음 사항을 잊지 마십시오. "부모"에 대한 업데이트가 있는 경우 "딸"은 변경되지 않으며 이 규칙은 콘텐츠, 설정 등에 대한 변경 사항에 적용됩니다.
실험하고, 다양한 옵션을 시도하고, 자신에게 가장 적합한 옵션을 찾으세요.
사용자 정의 WordPress 테마를 만드는 것은 블로그나 다른 WordPress 웹사이트에 독창적인 모습을 제공하는 좋은 방법입니다. 그러나 가장 멋진 테마라도 사소한 변경으로 인해 내부적으로 들어가 테마의 HTML 또는 PHP 코드를 편집해야 한다면 그다지 좋지 않을 것입니다. 특히 테마를 사용하는 유료 클라이언트인 경우 더욱 그렇습니다. 운 좋게도 WordPress에서는 WordPress 테마에 대한 설정 페이지를 만드는 과정이 전혀 어렵지 않으며, 이 튜토리얼을 읽은 후에는 즉시 페이지를 만들 수 있습니다!
1단계 필요한 설정 결정모든 것은 필요성에서 시작됩니다. 명확하고 유용한 설정 페이지를 만들려면 무엇을 변경할 수 있는지 파악하고 나머지는 그대로 두어야 합니다. 관리 메뉴에 추가된 각각의 새로운 옵션은 사용자 인터페이스를 복잡하게 만들고 테마 사용을 더욱 어렵게 만듭니다. 그렇기 때문에 자주 변경되는 설정은 신중하게 수동으로 선택하는 것이 좋으며, 테마 내부의 단일 파일로 쉽게 변경할 수 있는 작은 설정은 고려하지 않는 것이 좋습니다.
명심해야 할 또 다른 질문은 "누가 이 설정을 변경합니까?"입니다. 사용자가 PHP와 WordPress에 익숙하다면 Google Analytics를 자신의 코드에 삽입하는 데 문제가 없을 것으로 예상할 수 있지만 HTML에 대해 전혀 모르는 작가는 말할 것도 없고 그래픽 디자이너에게 질문해서는 안 됩니다. 그리고 CSS.
테마 설정에서 객체 정의에 대한 일반적인 아이디어:
- 사이트의 Google Analytics 추적 코드
- 사이드바 수 및 위치(왼쪽, 오른쪽, 위아래)
- 페이지 너비
- 바닥글 콘텐츠
- 맞춤형 티저 형식과 같은 테마별 기능에 대한 옵션입니다.
설정 페이지에서 제어하려는 테마 기능 목록을 작성하고 나면 구현 단계로 이동할 준비가 거의 완료된 것입니다. 설정 페이지를 만들기 전에 구현하려는 사용자 정의를 위한 WordPress 기능이 아직 없는지 확인하면 시간을 절약할 수 있습니다. 위젯, 사용자 정의 메뉴, 사용자 정의 배경 및 헤더 이미지는 모두 고유한 사용자 정의를 만드는 것보다 훨씬 적은 작업으로 테마를 사용자 정의하는 데 유용한 도구입니다. 그러나 이는 다른 튜토리얼의 주제입니다.
이 튜토리얼에서 생성된 설정이 튜토리얼에서는 관리자가 사용자 설정 페이지를 사용하여 선택, 편집 및 재정렬할 수 있는 다양한 수의 선택된 게시물이 있는 그리드로 구성된 테마 홈 페이지를 생각해냈습니다.
편집기의 홈 페이지 요소는 JavaScript 및 jQuery를 사용하여 새 요소를 추가할 수 있는 요소 목록으로 표시됩니다.
저는 HTML 코드를 개발할 때 워드프레스 관리자 패널에서 관리자 페이지를 보는 것을 좋아해서 주로 워드프레스에 설정 페이지를 연결한 뒤 페이지 콘텐츠 구성을 진행합니다. 따라서 다음 단계에서는 설정 페이지에 대한 스텁을 생성하고 이를 WordPress에 연결하겠습니다.
2단계 설정 페이지를 WordPress에 연결하기설정 페이지 생성은 메뉴를 구성하고 이를 admin_menu 작업에 연결하는 함수를 생성하는 것으로 시작됩니다. 이는 메뉴를 생성해야 할 때 WordPress에 함수를 호출하여 모든 작업이 적시에 완료되도록 지시합니다. 테마의 function.php 파일에 다음 코드를 추가하세요.
Function setup_theme_admin_menus() ( // 함수 내용은 곧 작성하겠습니다. ) // 이는 메뉴 페이지를 생성할 시간이 되면 // WordPress에 "setup_theme_admin_menus"라는 함수를 호출하도록 지시합니다. add_action("admin_menu", " setup_theme_admin_menus");
이제 방금 만든 함수 내에 설정 페이지를 만드는 코드를 추가하겠습니다.
설정 페이지를 생성할 때 해당 페이지를 기존 설정 그룹 중 하나에 하위 메뉴로 추가하거나 고유한 최상위 메뉴를 생성할 수 있습니다.
하위 메뉴 추가는 add_submenu_page 함수를 사용하여 수행됩니다.
- $parent_slug는 이 하위 메뉴가 하위 메뉴로 추가된 최상위 메뉴의 고유 페이지 식별자입니다.
- $page_title - 추가할 페이지 제목
- $menu_title은 메뉴에 표시되는 제목입니다(종종 $page_title의 짧은 버전임).
- $capability - 사용자가 이 메뉴에 액세스하기 위한 최소 요구 사항입니다.
- $menu_slug - 생성된 메뉴의 고유 식별자
- $function은 이 메뉴 페이지를 처리(및 렌더링)하기 위해 호출되는 함수의 이름입니다.
WordPress 그룹 중 하나에 메뉴 페이지를 하위 메뉴로 추가하기로 결정한 경우 다음 값을 $parent_slug 매개변수로 사용할 수 있습니다.
- 툴바: index.php
- 메시지: edit.php
- 미디어: upload.php
- 링크: link-manager.php
- 페이지: edit.php?post_type=page
- 댓글: edit-comments.php
- 모양: theme.php
- 플러그인: 플러그인.php
- 사용자: users.php
- 도구: tools.php
- 설정: options-general.php
Appearance 그룹은 설정 페이지를 호스팅하기에 좋은 후보인 것 같습니다. 시험해보고 첫 번째 설정 페이지를 만들어 보겠습니다. 메뉴 사용자 정의 기능의 업데이트된 버전은 다음과 같습니다.
함수 setup_theme_admin_menus() ( add_submenu_page("themes.php", "앞 페이지 요소", "앞 페이지", "manage_options", "front-page-elements", "theme_front_page_settings"); )
이를 위해서는 theme_front_page_settings 함수를 생성해야 합니다. 가장 간단한 형태는 다음과 같습니다.
함수 theme_front_page_settings() ( echo "Hello, world!"; )
실제 작동 모습은 다음과 같습니다.
또한 사용자에게 설정 페이지를 편집하는 데 필요한 권한이 있는지 확인해야 합니다. 이렇게 하려면 설정 페이지 기능 시작 부분에 다음 코드를 추가하세요.
// 사용자가 옵션을 업데이트할 수 있는지 확인합니다. if (!current_user_can("manage_options")) ( wp_die("이 페이지에 액세스할 수 있는 권한이 없습니다."); )
이제 설정 관리가 허용되지 않은 사용자가 설정 페이지에 접속하면 "이 페이지에 접근할 수 있는 권한이 없습니다."라는 메시지 외에는 아무것도 표시되지 않습니다.
테마에 여러 페이지의 설정이 필요한 경우 메뉴 구조 전체에 흩어져 있는 설정을 검색해야 하는 것이 사용자에게 혼란스러울 수 있습니다. 이 경우 자신만의 설정 그룹을 생성하면 테마 사용자가 테마에 대한 모든 메뉴 페이지를 더 쉽게 찾을 수 있습니다.
자신만의 설정 그룹을 추가하려면 최상위 메뉴 페이지를 만들고 하위 메뉴 페이지를 연결해야 합니다. 여기에 메뉴 사용자 정의 기능의 새로운 버전이 있습니다. 최상위 메뉴를 생성하는 데 사용되는 add_menu_page 함수는 $parent_slug 매개변수를 허용하지 않는다는 점을 제외하면 add_submenu_page와 유사합니다.
함수 setup_theme_admin_menus() ( add_menu_page("테마 설정", "테마 예", "manage_options", "tut_theme_settings", "theme_settings_page"); add_submenu_page("tut_theme_settings", "앞 페이지 요소", "앞 페이지", "manage_options" , "front-page-elements", "theme_front_page_settings" ) // 최상위 메뉴 함수 theme_settings_page() ( echo "Settings page"; )에 대한 핸들러 함수도 추가해야 합니다.
코드를 확인하고 WordPress 관리자 패널을 새로 고치면 메뉴 목록 하단에 새 메뉴 그룹이 나타나는 것을 볼 수 있습니다.
하지만 뭔가가 아직은 옳지 않습니다. 상단 메뉴 항목을 클릭하면 홈 메뉴로 이동하지 않고 샘플 테마 메뉴 페이지로 이동합니다. 이는 다른 WordPress 메뉴가 작동하는 방식과 일치하지 않으므로 한 가지 더 해보자: add_submenu_page 호출에서 $menu_slug 속성을 최상위 메뉴와 동일한 값으로 변경하여 두 메뉴를 연결하여 최상위 메뉴를 선택할 수 있습니다. 메뉴 홈 페이지를 선택합니다.
함수 setup_theme_admin_menus() ( add_menu_page("테마 설정", "테마 예", "manage_options", "tut_theme_settings", "theme_settings_page"); add_submenu_page("tut_theme_settings", "앞 페이지 요소", "앞 페이지", "manage_options" , "tut_theme_settings", "theme_front_page_settings" ) 함수 theme_settings_page() ( )
이제 더 좋아 보입니다. 메뉴 그룹의 모양을 개선하려면 add_menu_page 함수에 유용할 두 가지 선택 필드가 있습니다. 메소드 호출에서 함수 이름 뒤에 값을 추가하면 됩니다.
- $icon_url은 최상위 메뉴의 아이콘 URL을 지정합니다.
- $position은 메뉴 목록에서 메뉴 그룹의 위치를 지정합니다. 값이 높을수록 메뉴에서 위치가 낮아집니다.
이제 설정 페이지를 만들었고 사이드바에 올바르게 표시되었으므로 콘텐츠 추가를 시작할 차례입니다. 그럼 우리가 염두에 둔 설정 목록으로 돌아가서 편집할 페이지를 만들어 보겠습니다.
이 튜토리얼에서는 한 줄에 몇 개의 요소를 나열해야 하는지 정의하는 필드와 실제 요소를 정의하는 목록이 필요합니다. 더 쉽게 시작하려면 한 줄에 있는 항목 수에 대한 텍스트 필드를 만들어 보겠습니다. 설정 페이지 기능 편집:
함수 theme_front_page_settings() ( ?> 프론트 페이지 요소