워드프레스 테마 제작 전 과정 (3) : HTML 정적 템플릿 제작

青灯夜游
풀어 주다: 2023-02-21 10:08:29
앞으로
2373명이 탐색했습니다.

이전에는 "워드프레스 테마 제작 전체 과정(2): 테마 파일 구성"에 대해 소개했습니다. 이번 글에서는 계속해서 "워드프레스 테마 제작 전체 과정(3): HTML 정적 템플릿 제작"에 대해 소개하겠습니다. 같이 살펴보시죠~

워드프레스를 만들려면 PHP를 알아야 하는데, 어찌됐든 블로그 페이지가 브라우저에 표시될 수 있는 이유는 최종 콘텐츠 때문입니다. 브라우저로 전송되는 것은 HTML, CSS, JS 등입니다. 최종적으로 브라우저의 표시 결과를 제어하는 ​​터미널 코드입니다. 워드프레스 테마를 만드는 것도 예외는 아니며, 모두 웹페이지이며, 웹페이지의 가장 기본적인 부분은 HTML입니다. WordPress 테마를 만들려면 먼저 미묘하고 단순하며 두껍고 제한되지 않은 테마 인터페이스를 디자인해야 합니다. 스타일은 전적으로 귀하에게 달려 있습니다. 그런 다음 디자인 컨셉을 .html로 변환하여 표시할 수 있습니다. 일반적으로 브라우저에서.

이 튜토리얼 시리즈에서는 블로그 인터페이스를 디자인하는 방법을 가르치지 않으며 HTML 및 CSS의 기본 사항도 가르치지 않습니다. 대신 HTML 및 CSS의 기본 사항을 이미 알고 있다고 가정합니다. HTML이나 CSS를 모릅니다. 다음 내용이 여러분에게는 성경처럼 보일 수 있습니다.

이 튜토리얼 시리즈에서는 tutsplus에서 무료로 제공하는 html 템플릿 Aurelius을 예로 들어 WordPress 테마의 제작 과정을 설명합니다. 다른 템플릿의 제작도 비슷합니다. HTML 템플릿 파일은 아래에서 다운로드할 수 있도록 제공됩니다. 우리는 HTML 정적 페이지를 PHP 코드와 결합하여 WordPress 테마를 만드는 방법을 연습하는 데 사용할 것입니다. 다운로드 후 내부의 html 파일을 두 번 클릭하여 직접 열 수 있습니다.

워드프레스 테마 제작 전 과정 (3) : HTML 정적 템플릿 제작

이 템플릿이 모든 사람의 취향에 맞지는 않을 수도 있지만 테마 만들기 연습에는 이 템플릿으로 충분할 것입니다. 게다가 의외일 수도 있는데 왜 영어로 되어있나요? 걱정하지 마십시오. 영어인지 아닌지는 중요하지 않다는 것을 나중에 알게 될 것입니다. 다운로드한 파일의 용도에 대해 이야기해 보겠습니다.

  • 홈페이지: index.html
  • 보관 페이지: archive.html
  • 페이지: page.html
  • 기사 페이지: Single.html
  • 연락처 페이지: contact.html
  • 경계 없는 페이지: full_width.html
  • 사진: /images/
  • 스타일 시트: style.css
  • Thumbnail: 스크린샷.png

기본적으로 대부분의 블로그에서 볼 수 있는 페이지 유형입니다. 어떤 WordPress 테마를 사용하든 제목과 내용을 제외하면 다른 기사 페이지가 기본적으로 동일하다는 것을 알 수 있습니다.

오늘의 초점은 위에서 제공한 정적 HTML 웹페이지 파일을 다운로드하는 것이므로 다음 내용을 계속 지켜봐 주시기 바랍니다.

추천 학습: "WordPress Tutorial"

위 내용은 워드프레스 테마 제작 전 과정 (3) : HTML 정적 템플릿 제작의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:ludou.org
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿