워드 프레스 테마 분석에 대한 소개

  1. 1. 워드 프레스 튜토리얼 : HTML에서 워드 프레스 테마를 만드는 방법 (1 부)
  2. 2. 워드 프레스 튜토리얼 : HTML에서 워드 프레스 테마를 만드는 방법 (2 부)
  3. 삼. 현재 읽고있는 내용 : 워드 프레스 테마 분석에 대한 소개

얼마 전에 HTML에서 WordPress 테마를 만드는 개념을 소개했습니다. 우리는 튜토리얼을 두 부분으로 나누었고 오늘 우리는 두 튜토리얼을 모두 구체화하는 것에 대해이 게시물을 포스트 시리즈의 세 번째 서빙으로 자유롭게 생각하십시오. 저의 목표는 워드 프레스 테마를 분리하여 그 테마 (테마)가 어떻게 작동하는지 명확하게 보여줍니다.


이 글은 HTML과 CSS에 대한 실무 지식이 있다고 가정합니다. 계속해서 WordPress 테마를 디자인 할 때 HTML 및 CSS 기술을 갖추는 것이 전제 조건이라고 선언하겠습니다. 한 가지 더,이 게시물은 큰 단어와 어려운 개념을 피할 것입니다-이해하기 쉽기 때문에 재미 있고 배울 준비가되었습니다..

작은 HTML 프라이밍

모든 HTML 웹 페이지는

꼬리표. 예를 들어 몸을 부술 수 있습니다 ()를 탐색, 헤더, 메인 콘텐츠, 사이드 바 및 바닥 글과 같은 여러 섹션으로.

섹션에 웹 페이지가 있으면 CSS를 사용하여 원하는대로 섹션을 주문 (또는 정렬) 할 수 있습니다. 이 프로세스는 스타일링으로 알려져 있으며 색상, 크기, 테두리, 특수 효과와 같은 다른 스타일 요소를 추가하는 작업이 포함됩니다. CSS의 기능은 CSS 스타일 시트의 약점입니다. HTMl과 CSS 파일을 모아서 몇 개의 이미지를 넣으면 완전한 웹 사이트가 생깁니다..

WordPress 테마와는 크게 다르지 않습니다. HTML에서 WordPress 테마를 만드는 방법의 1 부에서 보았 듯이 WordPress 테마는 다른 파일로 나뉩니다. 이 시점에서 어떤 유사점을 발견 할 수 없다면 설명해주십시오.

정적 HTML 웹 페이지는 다음을 사용하여 나눗셈 (앞서 섹션이라고 함)으로 분할됩니다

태그 (또는 정말 오래된 학교 인 경우 표). 다른 한편으로, 워드 프레스 테마는 다른 PHP 파일로 분할 된 다음 템플릿 태그를 사용하여 다시 정리됩니다..

따라서 모든 정적 요소 (헤더, 기본 컨텐츠, 사이드 바, 바닥 글 등)를 단일 파일에 저장하는 대신 (정적 HTML의 경우와 같이) 각 본문 요소 (WordPress 테마)는 별도의 파일에 있습니다..

따라서 헤더는 header.php에 있고, 사이드 바는 sidebar.php에 있으며, 주요 내용은 index.php 또는 single.php (게시물 인 경우) 또는 page.php (페이지 인 경우)에 있습니다. ). 바닥 글 섹션은 footer.php에 있습니다..

당신은 따르고 있습니까? 아래 그림을 확인하십시오.

html-wordpress = 구조

위의 그림에서, , 템플릿 태그라고합니다. 그들의 작업은 테마 디렉토리에서 header.php, sidebar.php 및 footer.php를 순서대로 가져 와서 index.php에 내용을 표시하여 웹 페이지를 완성하는 것입니다..

두 지마 .PHP php 파일의 내용은 익숙한 HTML 코드 일뿐입니다. 예를 들어, header.php는 일반적인 HTML 목록 탐색을 포함 할 수 있습니다. 마찬가지로 footer.php, sidebar.php 및 index.php에 일반적인 HTML 코드를 넣을 수 있습니다.

당신은 또한 배치 할 수 있습니다 loop.php index.php (또는 어디에서나 멋진 곳)에서 블로그 게시물을 표시하는 기능을 사용하지만 속도를 늦추고 WordPress 테마의 해부학으로 돌아 가야합니다. HTML에서 WordPress 테마를 만드는 방법의 2 부에서 루프에 대해 한두 가지 언급했습니다. 그리고 우리는 루프 (루프)와 다른 기능에 대해 이야기 할 것입니다..

계속…

기본 워드 프레스 테마는 최소한 네 개의 템플릿 파일로 구성됩니다.

  1. index.php
  2. header.php
  3. sidebar.php
  4. footer.php

각각에 무엇이 들어가는 지 봅시다 마법 같은 파일 :

Index.php 템플릿 파일

작동하지 않는 WordPress 테마가없는 기본 파일입니다. WordPress 웹 사이트를 방문 할 때로드되는 첫 번째 (또는 기본) 파일입니다. 그것을 index.html과 동등한 것으로 간주하십시오.

WordPress 테마의 일반적인 index.php는 다음과 같습니다.





당신은 사이에 루프를 추가 할 수 있습니다 아래와 같이 홈페이지 (index.php)에 블로그 게시물을 표시하려면 :




Header.php 템플릿 파일

이 템플릿 파일에는 헤더 코드, 탐색 및 HTML 헤드 코드가 포함되어 있습니다. 기본적으로 header.php는 웹 사이트 상단에 표시하려는 모든 것을 저장합니다. 웹 사이트 제목과 같은 것들.

또한 header.php에서 CSS 스타일 시트에 링크하십시오. header.php의 기본 예는 다음과 같습니다.





<?php wp_title( '|', true, 'right' ); ?>


"type ="text / css "/>




이것은 헤더 섹션입니다. 여기에 로고 및 기타 세부 사항을 입력하십시오.

Sidebar.php 템플릿 파일

Sidebar.php에는 사이드 바에 나타나는 데 필요한 모든 것이 포함되어 있습니다. 사이드 바에는 추가 메뉴, 위젯, 카테고리, 소셜 미디어 아이콘, 사용자 정의 컨텐츠, 광고 등의 HTML 코드가 포함됩니다..

Sidebar.php는 필요에 따라 순수한 HTML 마크 업 또는 PHP 함수 호출을 포함 할 수 있습니다. 따라서 기본 sidebar.php는 다음과 같습니다.

Footer.php 템플릿 파일

footer.php에 무엇을 생각하십니까? 여기에 저작권 정보, 추가 메뉴, 링크, 소셜 미디어 아이콘 등 원하는 정보를 넣을 수 있습니다! 기본 footer.php가 어떻게 보이는지 보시겠습니까? 여기:

필요한 경우 PHP 함수 호출을 포함하여 바닥 글 내용을 여기에 넣으십시오 (예 : 다른 템플릿 파일 (예 : search.php) 가져 오기).
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me