ホームページ >バックエンド開発 >PHPチュートリアル >PHP Web サイトのテーマとテンプレートを実装する方法
次の手順に従って、PHP Web サイトのテーマとテンプレートを実装します。 CSS、JS、およびテンプレートのサブディレクトリを含むテーマ フォルダーを作成します。 Web サイトの視覚スタイルを含む style.css ファイルを作成します。必要に応じて script.js ファイルを作成し、対話性と機能を追加します。テンプレート ファイル (header.php や footer.php など) を作成して、ページの構造を定義します。テーマとテンプレートをindex.phpファイルにロードします。
PHP Web サイトのテーマとテンプレートを実装する方法
PHP Web サイトのテーマとテンプレートの実装は、テーマとテンプレートの作成に最適ですさまざまな外観と機能を備えた動的な Web サイトは非常に重要です。この記事では、PHP でテーマとテンプレートを作成するプロセスを段階的に説明します。
1. テーマ フォルダーを作成します
まず、テーマを保存するための新しいフォルダーを public
ディレクトリに作成する必要があります。たとえば、theme-default
という名前を付けることができます。
/public /theme-default /css /js /templates
2. スタイル シートを作成します
css
ディレクトリに style.css
ファイルを作成します。テーマスタイル。このファイルは、Web サイトの外観を制御するために使用されます。
body { font-family: Arial, sans-serif; color: #333; } h1 { font-size: 24px; margin-bottom: 15px; }
3. スクリプト ファイルを作成します
テーマに JavaScript が必要な場合は、js
ディレクトリに script.js を作成します。 ### 書類。このファイルは、対話性と機能を追加するために使用されます。
function myFunction() { alert("Hello world!"); }
4. テンプレート ファイルの作成
テンプレート ファイルをtemplates ディレクトリに作成して、Web サイトの各ページの構造を定義します。たとえば、
header.php および
footer.php ファイルを作成できます。
5. テーマとテンプレートをロードします
index.php ファイルで、
wp_get_theme() 関数を使用します。テーマを選択し、
get_header() 関数と
get_footer() 関数を使用してテンプレートを読み込みます。
<?php get_header(); ?> <!-- 网站内容 --> <?php get_footer(); ?>
実践例
2 つのテーマを持つ WordPress Web サイトを作成する
# ディレクトリ内の ##theme-dark
および theme-light
フォルダー。
テーマごとに js
、および templates
ディレクトリを作成します。
add_theme_support('custom-header')
を使用してテーマのサポートを有効にします。
管理パネルで、以上がPHP Web サイトのテーマとテンプレートを実装する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。