ホームページ > バックエンド開発 > PHPチュートリアル > WordPressテーマ制作チュートリアル[1] - WPと構造とインデックスを理解する

WordPressテーマ制作チュートリアル[1] - WPと構造とインデックスを理解する

WBOY
リリース: 2016-07-30 13:31:04
オリジナル
1010 人が閲覧しました

最近、WordPress テーマの開発の準備を始めました。まず、この章では WP とは何か、WP の構造について理解します。この記事を使用して、今後作成される WP シリーズ チュートリアルのインデックスを作成します。

(申し訳ありませんが、ご心配なく、更新は続けます...)

1. まず、WordPress とは何か、そしてそれが何に使用できるのかを理解しましょう。

WordPress は、PHP 言語を使用して開発されたブログ プラットフォームで、ユーザーは PHP および MySQL データベースをサポートするサーバー上に独自の Web サイトをセットアップできます。 WordPress をコンテンツ管理システム (CMS) として使用することもできます。
WordPress は個人のブログ システムであり、PHP 言語と MySQL データベースを使用して開発されたコンテンツ管理システム ソフトウェアに徐々に進化しました。ユーザーは、PHP および MySQL データベースをサポートするサーバー上でブログを使用できます。
WordPress にはサードパーティが開発した無料のテンプレートが多数あり、インストール方法もシンプルで使いやすいです。ただし、独自のテンプレートを作成するには、特定の専門知識が必要です。たとえば、少なくともアプリケーションの HTML コード、CSS、PHP、および標準のユニバーサル マークアップ言語に基づくその他の関連知識を理解する必要があります。
WordPress は中国語版を正式にサポートしており、愛好家によって開発されたサードパーティの中国語パッケージもあります。 WordPress には、何千ものさまざまなプラグインと無数のテーマ テンプレート スタイルがあります。

2. WordPress の現状と展望

WordPress プラットフォームは、現在、世界中の Web サイトの 18.9%、1 億以上のサイトの基本プラットフォームとなっています。

これは非常に多くの数であり、非常に競争が激しいです。

その見通しについてこれ以上言う必要はありませんが、すでに非常に素晴らしいものであり、より多くの人がそれを使用するでしょう。

2. WordPress の長所と短所

これほど多くのユーザーの支持を得られるなら、WordPress は非常に優れているに違いありません。 それでは、

の利点を列挙してみましょう:

テーマとプラグインが多数あり、簡単に拡張できます。

必要な機能を簡単に拡張できます。 WP を CMS、SHOP、企業 Web サイト、機密情報などに変換できます。

このシステムにはフックがたくさんあり、開発作業が非常に便利です。

システム インストール パッケージは比較的小さく、サイズはわずか 6.9M です。化 システムバージョンの断片化の度合いが低いため、古いバージョンとの互換性があれば、煩雑になることなく最新バージョンの開発に集中することができます。

WP に関するウェブサイトの構築と使用に関する多くのヒントを簡単に検索できます。

短所:

システムには 12 個のテーブルしかありません。これら 12 個のテーブルにより多くの機能を拡張できますが、効率も低下します。大 ビッグデータの大規模データ Web サイトの構築には適さない (適切に最適化されている)

システム機能が少ない (これが成功するための重要な要素であるはず)

AD: Shara Movies の発掘

///////// ///////////////////////////////////////////////// ////

テンプレート ファイルと定義

header.php ヘッダー テンプレート*

footer.php フッター テンプレート*

index.php ホーム ページ テンプレート*

single.php 記事ページ テンプレート*
page。 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.まずfunctions.php Quote
require_onceでウィジェットを作成する必要があります。 get_stylesheet_directory() . '/widgets/widget-index.php';

-widgets ウィジェットフォルダー
--widget-index.php ウィジェットインデックスファイル (これはすべてのウィジェットの登録を制御します)
- -widget-tools1.php特定のウィジェット

--widget-tools2.php...


2. 配列内にウィジェットのファイル名を作成します widget-{配列内に表示されるファイル名は次のとおりです} .php

$widgets = array(

) 'tools1',
'tools2'
);

3.

関数 widget_ui_tools1() {
$widget_ops = array( 'classname' => 'ウィジェットの上に widget_ui_tools1 ', 'description' => ' を作成します。テスト 1 の内容を表示します' );
$this->WP_Widget( true, 'DG-Test 1-Title', $widget_ops );
}

ウィジェットに関する具体的な情報 知識と理論については、次を参照してください: ウィジェット【ウィジェット】の登録&作成

////////////////////////////////////////////// /// ////////////////////
1. /wp-content/Themes/ フォルダーの下にテーマ フォルダーを作成する必要があります。
2.index.php、screenshot.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に入れて、ヘッダーとフッターを分割して共有します。
ヘッダーとフッターのコードを 2 つのファイル header.php と footer.php にそれぞれ入れます。

以下のヘッダー部分とフッター部分のこれら 2 つの関数を置き換えます (include と同じ使用法)
//ヘッダー テンプレートを読み込みます header.php

以上、WordPressテーマ制作チュートリアル[1] - WP&構造&インデックスを理解する、内容面も含めて紹介しましたので、PHPチュートリアルに興味のある友人の参考になれば幸いです。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート