WordPress子テーマのテンプレートファイルと機能を編集・最適化する方法（詳細チュートリアル）

今回のチュートリアルは、やはり子テーマについてです。以前、子テーマの作成方法についてお話しました。それでは子テーマのテンプレートファイルを編集する属子テーマに新機能を追加する方法そしてWordPress子テーマの問題を解決する.

子テーマのテンプレートファイルを編集する方法

ほとんどのWordPressテーマにはテンプレートがあり、これはテーマ内の特定の領域のデザインとレイアウトを制御するテーマファイルです。例えば、フッターセクションは通常 footer.phpファイルが処理し、ヘッダーは header.phpファイル処理。

各WordPressテーマはまた、異なるレイアウトを持っています。例えば、Twenty Twenty-Oneテーマには、ヘッダー、コンテンツループ、フッターウィジェットエリア、フッターがあります。

テンプレートを変更したい場合は、親テーマフォルダでファイルを見つけて、子テーマフォルダにコピーする必要があります。その後、ファイルを開き、必要な変更を加えてください。

このコラムのテーマは「Twenty Twenty-One」である。/wp-content/themes/twentytwentyoneファイル・マネージャー次に、テンプレートファイル（例：footer.php）を右クリックし、以下を選択します。「リプロダクション".

その後、サブトピックのファイルパス.

完了したら、"文書の複製「で十分です。

その後、ファイル・パスにリダイレクトされる。

強いるfooter.phpファイルを編集するファイルを右クリックして編集".

例えば、フッターエリアから"ワードプレスの"のリンクをクリックし、そこに著作権表示を追加する。

削除も簡単です。<div class= "powered-by">タグの間にあるものすべて：

<div class="powered-by">
                <?php
                printf(
                    /* translators: %s: WordPress. */
                    esc_html__( 'Proudly powered by %s.', 'twentytwentyone' ),
                    '<a href="' . esc_url( __( 'https://wordpress.org/', 'twentytwentyone' ) ) . '">WordPress</a>'
                );
                ?>
            </div><!-- .powered-by -->

次に、以下の例のタグの下にあるコードを貼り付ける：

<div class="powered-by">
<p>著作権 . 無断複写・転載を禁じます。</p>
</div><!-- .powered-by -->

これでテキストエディタにこれらが表示されるはずだ：

続けてファイルを保存し、変更を有効にします。

その後、更新してサイトのフロントエンドにアクセスし、新しい著作権表示.

子テーマに新機能を追加する方法

テーマのFunctions.phpファイルPHPコードを使用して、WordPressサイトに機能を追加したり、デフォルトの機能を変更したりできます。WordPressサイトのプラグインのように動作し、現在のテーマで自動的に有効になります。

これまでのWordPressチュートリアルの多くは、コードスニペットをコピーしてfunctions.phpに貼り付ける.しかし、親テーマに変更が加えられた場合、テーマが更新されるとファイルは上書きされます。

これが、カスタムコードスニペットを追加する際に子テーマを使用することを推奨する理由です。このチュートリアルでは、テーマに新しいウィジェットエリアを追加します。

子テーマのfunctions.phpファイルにこのコードスニペットを追加することで、これを行うことができます。安全面を考慮し、常にダブルPCコード特に初心者の方は、functions.phpファイルを直接編集する必要がないので、多くのリスクを減らすことができます。

以下は、functions.phpファイルを追加するために必要なコードです：

// サイドバーの登録
関数 custom_sidebars() {

$args = array(


'description' => __( 'カスタムウィジェットエリア', 'text_domain' )、
'before_title' =&gt; '<h3 class="widget-title">',
'after_title' =&gt; '.</h3>',
'before_widget' =&gt; '.<aside id="%1$s" class="widget %2$s">',
'after_widget' =&gt; '.</aside>',
);
register_sidebar( $args ).

}
add_action( 'widgets_init', 'custom_sidebars' )；

ファイルを保存したら、WordPressダッシュボードの外観」ウィジェットページ。

何ができるかを見るには絶好の場所だ。ウィジェット追加の新しいカスタムウィジェットエリア。

カスタムコードスニペットを使って、その他多くの機能をテーマに追加することができます。

WordPressの子テーマを修正する方法

子テーマを作成したことがなく、エラーに遭遇しても慌てないでください。これは普通のことです。そこで、念のため、私たちは常に次のことを推奨しています。バックアッププラグインでウェブサイトのデータをバックアップするもしかしたら新しいデモサイトのデプロイ.

何か問題が発生しても、いつでもやり直すことができます。例えば、親テーマに必要なファイルを誤って削除してしまった場合、子テーマからそのファイルを削除してやり直せばいいのです。

そして、WordPressコミュニティと当サイト臨機応変に、どんな問題でも解決策はある。解決できない場合は、次の方法もある。プロフェッショナル・チームあなたがそれを成し遂げるのを助ける！