백엔드 개발 PHP 튜토리얼 워드프레스 테마 제작 튜토리얼 [1] - WP&구조&인덱스 이해

워드프레스 테마 제작 튜토리얼 [1] - WP&구조&인덱스 이해

Jul 30, 2016 pm 01:31 PM
nbsp php wordpress

최근 WordPress 테마 개발 준비를 시작했습니다. 먼저, 이번 장에서는 WP가 무엇인지, WP의 구조를 이해하겠습니다. 이 문서를 사용하여 향후 작성될 WP 시리즈 튜토리얼에 대한 색인을 생성하세요.

(죄송합니다. 계속 업데이트하고 있으니 걱정하지 마세요...)

1. 먼저 wordpress가 무엇인지, 어떤 용도로 사용할 수 있는지 알아볼까요?

WordPress는 PHP 언어를 사용하여 개발된 블로그 플랫폼입니다. 사용자는 PHP 및 MySQL 데이터베이스를 지원하는 서버에서 자신의 웹사이트를 구축할 수 있습니다. WordPress를 콘텐츠 관리 시스템(CMS)으로 사용할 수도 있습니다.
워드프레스는 개인 블로그 시스템으로 점차 컨텐츠 관리 시스템 소프트웨어로 발전해 왔으며, PHP 언어와 MySQL 데이터베이스를 사용하여 개발되었습니다. 사용자는 PHP 및 MySQL 데이터베이스를 지원하는 서버에서 블로그를 사용할 수 있습니다.
WordPress에는 타사에서 개발한 무료 템플릿이 많이 있으며 설치 방법이 간단하고 사용하기 쉽습니다. 그러나 자신만의 템플릿을 만들려면 특정 전문 지식이 필요합니다. 예를 들어, 최소한 표준 범용 마크업 언어에 따른 애플리케이션의 HTML 코드, CSS, PHP 및 기타 관련 지식을 이해해야 합니다.
WordPress는 공식적으로 중국어 버전을 지원하며, 매니아들이 개발한 타사 중국어 언어 패키지도 있습니다. WordPress에는 수천 개의 다양한 플러그인과 수많은 테마 템플릿 스타일이 있습니다.

2. 워드프레스 현황 및 전망

바이두(Baidu)를 통해 알아볼 수 있습니다. 워드프레스 플랫폼은 이제 전 세계 웹사이트의 18.9%, 1억 개가 넘는 기본 플랫폼이 되었습니다. 사이트.

이는 매우 큰 숫자이며 경쟁이 매우 치열합니다.

이미 그 가능성에 대해 더 말할 필요가 없습니다. 이미 훌륭하고 더 많은 사람들이 사용할 것입니다.

2. 워드프레스의 장점과 단점

이렇게 많은 사용자의 호응을 얻을 수 있다면 워드프레스는 정말 좋은 것일까요? 그럼

의 장점을 나열해 보겠습니다.

쉽게 확장할 수 있는 수많은 테마와 플러그인이 있습니다.

WP를 CMS, SHOP, 기업 홈페이지, 기밀정보 등으로 쉽게 확장할 수 있습니다.

시스템은 Hooks로 가득 차 있어 개발 작업이 매우 편리합니다.

시스템 설치 패키지는 크기가 6.9M에 불과할 정도로 비교적 작습니다.

시스템 버전은 조각화가 덜되어 이전 버전과 호환되는지 걱정하지 않고 최신 버전에만 집중할 수 있습니다.

WP에 관한 다양한 홈페이지 구축 및 활용팁을 쉽게 검색하실 수 있습니다.

단점:

시스템에는 테이블이 12개밖에 없습니다. 이 12개의 테이블은 많은 기능을 확장할 수 있지만 효율성도 떨어집니다.

빅데이터, 트래픽이 많은 웹사이트 구축에는 적합하지 않습니다(최적화가 잘 가능합니다)

시스템의 기능이 적습니다(이것이 성공의 핵심 요소가 될 것입니다)

광고: 디샤라 무비 네트워크

///////////////////////////// ////// /////////////////////////////
템플릿 파일 및 정의

header.php 헤더 템플릿*
footer.php 바닥글 템플릿*
index.php 홈 페이지 템플릿*
single.php 기사 페이지 템플릿*
page.php 페이지 템플릿*
404.php 404 오류 페이지 템플릿*
search.php 검색 결과 템플릿*
archive.php 기사 아카이브*
archives.php
author.php 작성자 템플릿
category.php 카테고리 디렉토리 템플릿
comments.php 댓글 템플릿*
comments-popup.php
image.php 이미지 첨부 템플릿
links.php
sidebar.php 사이드바 템플릿
functions.php 템플릿 기능*
style .css 스타일 시트*
rtl.css 스타일 시트(RTL) *
screenshot.png 썸네일*
-이미지 그림 폴더
-js 스크립트 폴더
-글꼴 글꼴 폴더
- 위젯 작은 도구 폴더
-page-templates 페이지 템플릿 폴더

/////////////////////////////// / ////////////////////////////////////
페이지 및 기사 템플릿 생성

/*
템플릿 이름: 2단 템플릿
*/
?>
//위 코드를 템플릿 상단에 복사하고, 페이지에 템플릿 배치 - 템플릿 통합 관리


/////////////////////////////// //////// ////////////////////////////
위젯 등록 및 위젯 생성

1. 먼저 함수에 위젯을 추가해야 합니다. .php는 위젯에 대한 참조를 생성합니다
require_once get_stylesheet_directory() '/widgets/widget-index.php';

-widgets 위젯 폴더
--widget-index.php 위젯 인덱스 파일(모든 가젯의 등록을 제어합니다)
--widget-tools1.php 특정 가젯
--widget-tools2.php...

2. 배열 위젯에 가젯의 파일 이름을 만듭니다.{여기에 배열에 나타나는 파일 이름이 있습니다}.php
$widgets = array(
'tools1',
'tools2'
);

3.
function widget_ui_tools1() {
$widget_ops = array( 'classname' => 'widget_ui_tools1', 'description' => ' 위젯 콘텐츠 상단에 테스트 1' 표시' );
$this->WP_Widget( true, 'DG-Test1-Title', $widget_ops );
}

일부 특정 가젯에 대한 지식과 이론 참조: 위젯 등록 및 생성 [위젯]

///////////////////////////////////////////// /// ////////////////////
1. /wp-content/Themes/ 폴더 아래에 테마 폴더를 만들어야 합니다.
2. index.php, 스크린샷.jpg, style.css를 한번에 생성해야 합니다
3. style.css 파일 상단에 다음 테마 정보를 작성해야 합니다
4. WP 테마 목록에 들어가면 자신이 만든 데모를 볼 수 있습니다.

/*
테마 이름: DNNGO One 테마
설명: 테스트 테마입니다.
테마 URI: https://www.dnngo.net/
작성자: zhangzaiman
작성자 URI: https://www.dnngo.net/
버전: 1.0
*/


///////////// / ///////////////////////////////////////////////// // ////
준비된 정적 HTML을 index.php에 넣은 후 공유 머리글과 바닥글을 분할할 수 있습니다.
머리글과 바닥글 코드를 각각 header.php와 footer.php 두 파일에 넣습니다.

아래 머리글과 바닥글 부분에서 이 두 함수를 교체하세요(include와 동일)
//헤더 템플릿 로드 header.php

//바닥글 템플릿 로드 footer.php

AD: Washala Movie Network

저작권 설명: 재인쇄 원본 URL을 표시하세요.

위 내용은 워드프레스 테마 제작 튜토리얼[1] - 내용의 측면을 포함하여 WP&구조&인덱스에 대한 이해를 소개합니다. PHP 튜토리얼에 관심이 있는 친구들에게 도움이 되기를 바랍니다.

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

Video Face Swap

Video Face Swap

완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

WordPress 기사 목록을 조정하는 방법 WordPress 기사 목록을 조정하는 방법 Apr 20, 2025 am 10:48 AM

WordPress 기사 목록을 조정하는 4 가지 방법이 있습니다. 테마 옵션 사용, 플러그인 사용 (예 : Post Type Order, WP Post List, Boxy Sitture), 코드 사용 (Functions.php 파일의 설정 추가) 또는 WordPress 데이터베이스를 직접 수정하십시오.

WordPress 차단 IP 용 플러그인은 무엇입니까? WordPress 차단 IP 용 플러그인은 무엇입니까? Apr 20, 2025 am 08:27 AM

WordPress IP 차단 플러그인 선택이 중요합니다. 다음 유형을 고려할 수 있습니다. .htaccess : 효율적이지만 복잡한 작동; 데이터베이스 작동 : 유연하지만 효율성이 낮습니다. 방화벽 : 높은 보안 성능이지만 복잡한 구성; 자체 작성 : 가장 높은 제어력이 있지만 더 많은 기술적 수준이 필요합니다.

WordPress 웹 사이트 계정 로그인 WordPress 웹 사이트 계정 로그인 Apr 20, 2025 am 09:06 AM

WordPress 웹 사이트 계정에 로그인하려면 : 로그인 페이지를 방문하십시오 : 웹 사이트 URL Plus "/wp-login.php"를 입력하십시오. 사용자 이름과 비밀번호를 입력하십시오. "로그인"을 클릭하십시오. 검증 2 단계 확인 (선택 사항). 성공적으로 로그인하면 웹 사이트 대시 보드가 표시됩니다.

WordPress에 오류가 있으면해야 할 일 WordPress에 오류가 있으면해야 할 일 Apr 20, 2025 am 11:57 AM

WordPress 오류 해상도 안내서 : 500 내부 서버 오류 : 플러그인을 비활성화하거나 서버 오류 로그를 확인하십시오. 404 페이지를 찾을 수 없습니다 : Permalink를 점검하고 페이지 링크가 올바른지 확인하십시오. 흰색 사망 화면 : 서버 PHP 메모리 제한을 늘리십시오. 데이터베이스 연결 오류 : 데이터베이스 서버 상태 및 WordPress 구성을 확인하십시오. 기타 팁 : 디버그 모드 활성화, 오류 로그 검사 및 지원을 찾으십시오. 오류 방지 : 정기적으로 WordPress를 업데이트하고 필요한 플러그인 만 설치하고 웹 사이트를 정기적으로 백업하고 웹 사이트 성능을 최적화하십시오.

WordPress 의견을 표시하는 방법 WordPress 의견을 표시하는 방법 Apr 20, 2025 pm 12:06 PM

WordPress 웹 사이트에서 댓글 활성화 : 1. 관리자 패널에 로그인하고 "설정" - "토론"으로 이동하여 "주석 허용"을 확인하십시오. 2. 주석을 표시 할 위치를 선택하십시오. 3. 주석을 사용자 정의합니다. 4. 의견을 관리하고 승인, 거부 또는 삭제합니다. 5. 사용 & lt;? php comment_template (); ? & gt; 주석을 표시하는 태그; 6. 중첩 된 주석 활성화; 7. 주석 모양 조정; 8. 스팸 주석을 방지하기 위해 플러그인 및 검증 코드를 사용하십시오. 9. 사용자가 그라바타 아바타를 사용하도록 권장합니다. 10. 참조 할 주석을 만듭니다

WordPress의 헤더를 작성하는 방법 WordPress의 헤더를 작성하는 방법 Apr 20, 2025 pm 12:09 PM

WordPress에서 사용자 정의 헤더를 만드는 단계는 다음과 같습니다. 테마 파일 "header.php"편집. 웹 사이트 이름과 설명을 추가하십시오. 탐색 메뉴를 만듭니다. 검색 표시 줄을 추가하십시오. 변경 사항을 저장하고 사용자 정의 헤더를보십시오.

WordPress 테마의 헤드 이미지를 변경하는 방법 WordPress 테마의 헤드 이미지를 변경하는 방법 Apr 20, 2025 am 10:00 AM

WordPress의 헤더 이미지를 교체하기위한 단계별 안내서 : WordPress 대시 보드에 로그인하고 모양 & gt; 테마로 이동하십시오. 편집 할 주제를 선택하고 사용자 정의를 클릭하십시오. 테마 옵션 패널을 열고 사이트 헤더 또는 헤더 이미지 옵션을 찾으십시오. 이미지 선택 버튼을 클릭하고 새 헤드 이미지를 업로드하십시오. 이미지를 자르고 저장 및 자르기를 클릭하십시오. 저장 및 게시 버튼을 클릭하여 변경 사항을 업데이트하십시오.

WordPress의 편집 날짜를 취소하는 방법 WordPress의 편집 날짜를 취소하는 방법 Apr 20, 2025 am 10:54 AM

WordPress 편집 날짜는 세 가지 방법으로 취소 할 수 있습니다. 1. Post Date Disable 플러그인 설치; 2. functions.php 파일에 코드를 추가합니다. 3. WP_Posts 테이블에서 Post_Modified 열을 수동으로 편집합니다.

See all articles