대부분의 웹 디자이너가 WordPress 테마 계층에 대해 잘못한 점

워드 프레스 테마 디자인은 처음에는 다소 어려워 보일 수 있습니다. 노련한 웹 디자이너에게도. 가장 간단한 테마는 어떻게 든 서로 연결된 여러 파일로 구성되어있는 것 같습니다.


그러나 좋은 소식은 다음과 같습니다. 혼란 뒤에 논리 시스템이 있습니다. 소매를 올리고 기꺼이 PHP를 배우려면 정적 HTML 디자인을 동적 WordPress 웹 사이트로 바꿀 수 있습니다.

당신은 물론 우리의 서비스를 이용할 수 있지만, 우리는 당신에게 선택권을주고 싶습니다!

이 기사에서는 WordPress 테마 템플릿 계층 구조로 작업 할 때 WordPress 테마 디자이너가 가장 중요하게 생각하는 실수에 초점을 맞추고 WordPress 테마가 어떻게 구성되어야하는지에 대한 광범위한 개요를 제공하고자합니다..

워드 프레스 테마 개발에 대한 가장 큰 비밀

WordPress 테마 개발과 관련된 모든 복잡한 문제에도 불구하고, 자신 만의 WordPress 테마를 만드는 것은 원하는만큼 간단 할 수 있습니다.

두 개의 파일만으로 간단한 WordPress 테마를 만들 수 있다고 말하면 어떻게됩니까??

이 두 파일은 index.php와 style.css입니다. 그들은 궁극적으로 당신이 원하는 전부는 아니지만, 당신이 필요한 전부입니다.

index.html and style.css 파일을 사용하여 정적 디자인을 이미 만든 경우 각 내용을 그대로 복사하여 new index.php 및 style.css 파일에 붙여넣고 약간의 추가 정보를 추가하고 파일을 압축 할 수 있습니다 폴더에 넣고 WordPress에 업로드하십시오. Hey Presto — 첫 번째 WordPress 테마!

내 요점을 증명하기 위해 그렇게하자. index.php 파일로 시작하겠습니다 :

나의 첫번째 워드 프레스 테마

안녕하세요 월드!

보시다시피, 우리는 PHP를 보지 않고 평상시와 동일한 기본 HTML을 사용하고 있습니다. 이론적으로 말하자면, 테마 개발과 관련하여 PHP는 선택 사항이지만, 본격적인 WordPress 웹 사이트를 디자인하려는 경우 반드시 필요합니다. 테마 파일에서 PHP를 생략하면 WordPress가 중복됩니다..

style.css 파일의 관점에서 볼 때 한 가지만 필요합니다. 스타일 시트 헤더. 이것은 워드 프레스가 테마를 식별 할 수 있도록하는 몇 가지 정보로 구성됩니다..

다음은 style.css 파일에 주석으로 삽입해야하는 간단한 예입니다.

/ *

테마 이름 : 나의 첫 번째 WordPress 테마
저자 : My Name
설명 : 최초의 WordPress 테마!
버전 : 1.0

* /

스타일 시트에 포함 할 수있는 다른 헤더 항목이 많이 있지만 소수만 필수입니다. 전체 목록은 다음과 같습니다.

  • 테마 이름.
  • 테마 URI. 테마에 홈페이지가있는 경우 여기에 추가하십시오.
  • 저자. 부끄러워하지 마십시오!
  • 작성자 URI. 개인 / 포트폴리오 웹 사이트가있는 경우 여기에 링크 할 수 있습니다.
  • 기술.
  • 버전.
  • 특허. 여기를 클릭하십시오 그들에게 워드 프레스 라이센스에 대해 더 배우려면.
  • 라이센스 URI. 테마에 대해 선택한 라이센스에 대한 링크를 다시 포함시키는 것이 좋습니다..
  • 태그. 이 태그는 WordPress.org에서 특정 특성 (예 :. "한 열", "맞춤 헤더").
  • 텍스트 도메인. 국제화 / 번역 목적으로 사용됩니다..

테마의 이름은 고유해야합니다. 이미 존재하는 이름을 선택하면 WordPress 내에서 충돌이 발생합니다.

index.php 및 style.css 파일을 폴더에 저장하고 고유 한 이름을 지정하십시오. 공백 대신 하이픈을 사용하십시오. 완료되면 파일을 압축하십시오.

다음으로 외관으로 이동 > WordPress 설치의 테마를 선택하고 New 새로 추가 버튼을 클릭하십시오. 결과 화면에서 새 테마를 업로드하고 활성화 할 수 있습니다.

이 작업을 마치면 홈페이지로 이동하면 첫 번째 WordPress 테마가 표시됩니다.

첫 번째 WordPress 웹 사이트

이 단어가 WordPress에서 테마로 인식되었음을 확인하려면 모양으로 돌아갑니다. > 테마. 사이트에 설치 한 다른 테마 중에서 테마를 찾을 수 있습니다. 테마를 클릭하여 스타일 시트 헤더에 포함 된 추가 세부 사항을 표시 할 수도 있습니다.

워드 프레스 테마 세부 사항

물론,이 단계에서 테마를 집에 쓰지 않아도되지만 위의 예는 WordPress 테마 디자인이 얼마나 간단한 지 보여줍니다..

또한 위에서 언급 한 큰 비밀을 밝힙니다. index.php는 사이트의 홈페이지를 나타낼뿐 아니라 WordPress 테마 디자인의 모든 것의 기초입니다..

index.php 및 WordPress 테마 템플릿 계층 구조

index.php가 WordPress 웹 사이트의 홈페이지라고 가정하면 용서받을 것입니다. 글쎄요 훨씬 더 중요합니다.

위에서 두 파일 만 사용하여 WordPress 테마를 만들 수 있다고했는데 그 중 하나는 index.php입니다. 글쎄요, 저는 단순한 의미를 만드는 것이 아니라 모든 의미에서 "안녕하세요 월드!" 예.

보다 구체적인 템플릿 파일이 존재하지 않는 경우 WordPress의 테마 템플릿 계층 구조는 기본적으로 다음 ‘가장 높은’파일로 돌아갑니다. 가장 선임 파일이 무엇인지 추측하십시오. 어떤 WordPress가 궁극적으로 기본값입니까? 맞습니다 : index.php.

의미하는 바를보다 잘 이해하기 위해 다음은 WordPress 테마 템플릿 계층 구조를 시각적으로 나타낸 것입니다.

워드 프레스 테마 템플릿 계층

보다시피, 단일 블로그 게시물 페이지 (single-post.php)에서 404 오류 페이지 (404.php)까지 WordPress 테마를 빌드하는 데 사용할 수있는 수많은 템플릿 파일이 있습니다. 그러나 가장 중요한 것은 다음과 같습니다. WordPress에서 가장 구체적인 파일을 찾지 못하면 기본적으로 다음으로 상위 파일로 돌아갑니다..

궁극적으로 index.php로 돌아갑니다 : Daddy of WordPress 테마 템플릿 파일.

따라서 index.php는 전혀 홈페이지가 아닙니다. 이상적으로 WordPress는 먼저 front-page.php를 찾거나 그 다음에 해당 목적으로 home.php를 찾습니다. Index.php는 최후의 수단입니다.

여기서 어디로 가니?

우리는이 기사에서 WordPress 테마 개발의 표면을 긁어 봤지만 이제 WordPress 테마의 각 템플릿 파일은 프런트 엔드에서 볼 수있는 특정 유형의 페이지와 관련이 있음을 알아야합니다. 예를 들어, 단일 블로그 게시물은 가장 구체적으로 single-post.php, single.php, index.php로 표시됩니다..

WordPress는 모자를 걸 수있을 때까지 계속 거꾸로 작동하지만보다 구체적인 테마 파일을 사용하면 사이트의 다른 페이지에 대해 사용자 정의 된 디자인 및 레이아웃을 만들 수 있습니다..

일단 이해하면 간단한 위치 (예 : index.php)에서 시작하여 디자인을 완성 할 수 있습니다. 내가 말했듯이; 단 두 개의 파일로 WordPress 테마를 만들 수 있지만 실제로는 WordPress에서 제공하는 기능을 최대한 활용하고 테마 템플릿 계층 구조를보다 완벽하게 활용하려고합니다..

보다 자세한 WordPress 테마 템플릿 계층 구조를 탐색하려면 다음 두 가지 리소스를 권장합니다.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map