パーソナライズ ワードプレスウェブサイトしかし、アップデートのたびにせっかく調整した内容を失いたくないですか?この記事の簡単なガイドを使えば、WordPress で子テーマを作成する方法を学ぶことができます!ウェブサイトのデザインそして機能性。
WordPressの子テーマを作成する前の前提条件
![图片[1]-如何创建和自定义 WordPress 子主题 | 手动与插件教程](https://www.361sale.com/wp-content/uploads/2024/12/20241208173312555-image.png)
WordPressの子テーマを作り始める前に、以下の知識とリソースがあることを確認してください:
お願いします:
- CSSの基本CSSはウェブサイトの外観とスタイルを定義するために使用され、これをマスターすることは子テーマのカスタマイズに役立ちます。
- PHPの基礎PHPはWordPressで使用されるスクリプト言語です。PHPを理解することで、子テーマの機能を変更したり強化したりすることができます。
- WordPressテーマの構造WordPress テーマのファイル構造、特にテンプレート、スタイルシート、そして、そのファイル構造を理解します。
functions.php
ドキュメンテーション
ツールとリソース
- ファイルシステムへのアクセスこれは、cPanel、FTP、またはファイル管理プラグインを介して行うことができます。
- テキストエディタコーディング用に設計されたテキストエディタ(メモ帳++、Sublime Text、Visual Studio Codeなど)を使用してください。
- FTPクライアントFileZilla、WinSCP、ForkLiftなどです。
準備のステップ
- バックアップウェブサイト何か問題が発生した場合に備えて、変更を始める前にウェブサイトの完全なバックアップを作成してください。
- ローカルの設定開発環境ローカル開発環境から始めるのがベストです。
XAMPP
もしかしたらフライホイール
) をテストサブトピックに追加します。 - 親テーマの確認変更する親トピックを指定し、その正確なフォルダ名を確認してください。
WordPressの子テーマを手動で作成する方法
子テーマを手動で作成する方法は多くの開発者に好まれており、より良いパフォーマンスとセキュリティを保証します。以下の手順を踏むことで、ウェブサイトのデザインと機能を完全にコントロールできるようになります。
ステップ 1: サブテーマ フォルダの作成
まずサブテーマフォルダ
と名前を付けます。命名規則は、親トピックの名前に "-子供
".例えば、親トピックが ペア
サブフォルダーは 梨っ子
.このフォルダを wp-content/themes/
カタログ
![图片[2]-如何创建和自定义 WordPress 子主题 | 手动与插件教程](https://www.361sale.com/wp-content/uploads/2024/12/20241208174134467-wordpress-themes-directory-1.png)
ステップ 2: スタイル・シート・ファイル (スタイル.css
)
子テーマフォルダに スタイル.css
ファイルの先頭に以下のヘッダー情報を追加してください:
/*
テーマ名:Pear Child
テーマURI:http://example.com/pear-child/
説明: pear テーマの子テーマ。
著者:お名前
著者URI:http://example.com
テンプレート:梨
バージョン: 1.0.0
ライセンス: GNU General Public License v2 またはそれ以降
ライセンス URI: http://www.gnu.org/licenses/gpl-2.0.html
タグ: ライト, ダーク, 2カラム, 右サイドバー, レスポンシブレイアウト, アクセシビリティ対応
テキストドメイン: pear-child
*/
その中には テンプレート
フィールドには親トピックのフォルダ名を指定し、親子関係が正しく識別されるようにします。
ステップ 3: 関数ファイル (functions.php
)
子テーマフォルダ内に functions.php
ファイルに以下のコードを追加し、子テーマが親テーマのスタイルシートを正しく読み込むようにします:
<?php
関数 pear_child_enqueue_styles() {
wp_enqueue_style('pear-parent-style', get_template_directory_uri() . '/style.css');
wp_enqueue_style('pear-child-style', get_stylesheet_uri(), array('pear-parent-style'));
}
add_action('wp_enqueue_scripts', 'pear_child_enqueue_styles');
?>
ステップ4:子テーマをインストールして有効化
子テーマフォルダを ジッパー
ファイルに新しいファイルを追加します。外観 > テーマ
「をクリックしてください。新規追加
"をクリックし、子テーマをアップロードして有効化してください。
![图片[3]-如何创建和自定义 WordPress 子主题 | 手动与插件教程](https://www.361sale.com/wp-content/uploads/2024/12/20241208175014138-image.png)
ステップ5:子テーマのカスタマイズ
子テーマが有効化され、カスタマイズを開始できます。親テーマのテンプレートファイルを子テーマのフォルダに移動して編集するか、あるいは functions.php
にカスタマイズを追加します。
![图片[4]-如何创建和自定义 WordPress 子主题 | 手动与插件教程](https://www.361sale.com/wp-content/uploads/2024/12/20241208175107428-image.png)
プラグインを使ってWordPressの子テーマを作成する方法
手動で子テーマを作成したくない場合は、プラグインを使用してプロセスを簡素化できます。よく使われるプラグインをいくつか紹介します:
- 子テーマ設定ツール: a使いやすいプラグインは、30万以上のアクティブなインストールがあります。
- 子テーマウィザードシンプルで効率的。
- WP子テーマジェネレータ完璧なレビューと10,000以上のユーザーによるアクティブなインストール。
プラグインを使用する利点には、使いやすさ、スピードの向上、エラーのリスクの低減などがあります。
![图片[5]-如何创建和自定义 WordPress 子主题 | 手动与插件教程](https://www.361sale.com/wp-content/uploads/2024/12/20241208180552900-image.png)
よくある問題の解決
子テーマの作成は通常簡単ですが、時には問題にぶつかることもあります。ここでは、よくある問題の解決策をいくつか紹介します:
- スタイルシートが読み込まれません::
- プローブ
functions.php
親テーマと子テーマのスタイルシートが - ファイルパスが正しいことを確認し、ブラウザのキャッシュをクリアして最新の変更を確認してください。
- プローブ
- 機能衝突::
- コンフリクトが発生した場合は、まずすべてのプラグインを無効にしてから、1つずつ有効にして、コンフリクトの原因がプラグインにあるかどうかを確認してください。
- プローブ
functions.php
関数名の重複を避けることができます。
- テンプレートのオーバーライドが機能しません::
- 子テーマのテンプレートファイル名が親テーマと同じで、同じフォルダ構造になっていることを確認してください。
お問い合わせ |
---|
記事が読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ! |
① 電話:020-2206-9892 |
② QQ咨询:1025174874 |
三 Eメール:info@361sale.com |
④ 勤務時間: 月~金、9:30~18:30、祝日休み |
この記事へのリンクhttps://www.361sale.com/ja/29716この記事は著作権で保護されており、必ず帰属表示を付けて複製してください。
コメントなし