[WordPress]ワンクリックで簡単にチャイルドテーマを作成する

10

はじめ

WordPress テーマファイルを変更する場合は、必ずチャイルドテーマ(サブテーマ、子テーマ)を作成作業が必要今後の更新時に問題が発生しません。 もしチャイルドテーマを作成せずに作業を行う場合は、後でテーマが更新されると、変更が失われます。

チャイルドテーマを作成する方法は、 WordPress Codex文書に詳しく説明します。 詳細については、 この記事を参考にすることができます。 参考までに、従来の多くの記事では、スタイルシートを@importの方法で含まれている方法を説明しているが、このよりCodex文書とされているenqueue方式を使用することをお勧めします。

ワンクリックでチャイルドテーマを作成するOne-Click Child Themeプラグイン

しかし、 WordPressまたはコンピュータに慣れていない方の中にチャイルドテーマを作成することに負担を感じることが多い見てきました。 FTP経由でチャイルドテーマ(サブテーマ)を作成することが慣れていない場合、プラグインを使用して簡単にチャイルドテーマを作成することができます。

WordPressでワンクリックでチャイルドテーマを作成する

WordPress 伝言板で プラグイン>プラグインを追加するから One-Click Child Themeを取得した後、このプラグインを選択してインストールして有効にしてくれるようです。


2018_0210更新: このプラグインは、3年以上の更新がないされて、事実上放置されているプラ​​グインです。 まだ動作はよくされているようですが、このプラグインではなく、 この記事で紹介するChild Theme Configuratorプラグインを使用することがより良さそうです。


One-Click Child Themeプラグインを有効にした場合 ルックス> Child Themeに移動します。 その後、 Create a Child Theme ページが表示されます。

チャイルドテーマを作成する画面

Create a Child Theme ページでは、現在アクティブなテーマのチャイルドテーマ(サブテーマ)を作成することができます。 上記同様に適度な情報を入力し、 "Create Child」をクリックすると、チャイルドテーマが作成され、有効にされます。 ルックス>テーマに移動すると、作成したチャイルドテーマが有効になっていることがわかります。

チャイルドテーマ有効

テストで人気のテーマの一つである BEテーマのチャイルドテーマを作ってみました。 上の図のように、通常BeTheme Child Themeが作られた。

ルックス> Child Themeをクリックしてスクリーンショットを別の画像に置き換えることができます。 通常チャイルド体氏作成中One-Click Child Themeプラグイン日の無効もできます。 プラグインが多くていいのはないから、不必要なプラグインは、無効にしたり、削除することをお勧め。

プラグインを使用せずにチャイルドテーマを作成する

ちなみにOne-Click Child Themeプラグインを使用してチャイルドテーマを作成すると、 WordPress Codex文書推奨する方法でチャイルドテーマが作成されます。 プラグインを使用せずに直接FTPでチャイルドテーマを作成しようとしている場合は / WP-コンテンツ/テーマ/ 下にチャイルドテーマのフォルダを作成し(例えば、 betheme-child-theme)次のような形式で関数ファイルとスタイルシートファイルを作成上げればされます。 (下のファイルの内容は、 One-Click Child Theme プラグインを使用して作成されたチャイルドテーマの内容をそのままコピーしたものです。)

functions.phpファイル

<?php
//
// Recommended way to include parent theme styles.
//  (Please see http://codex.wordpress.org/Child_Themes#How_to_Create_a_Child_Theme)
//
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
wp_enqueue_style( 'child-style',
get_stylesheet_directory_uri() . '/style.css',
array('parent-style')
);
}
//
// Your code goes below
//

style.cssファイル

/*
Theme Name:     BeTheme Child Theme
Description:    Be 테마의 차일드 테마
Author:         Word
Template:       betheme

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/

上記の注意点は、 テンプレート親テーマ(上位テーマ)のフォルダ名(例では、 ベテミス)をそのまま入力する必要があります。

10のコメント

  1. 超初心者です。 子テーマ作成しようとし
    Child Theme Configuratorプラグインをインストールしたサポートがないのか
    CREATE a new Child ThemeクリックしてAnalyzeリストを見ると、私しようとするテーマはありませんですよ
    方法はないでしょうか?

  2. Child ThemeでCreate a Child Themeをした後、Creat Childボタンを押すと、
    【使用中のテーマは壊れました。 デフォルトのテーマに戻ります。]の内容が表示されます。
    生成はされテーマが壊れたとしながら生成されていません。
    コードを介してテーマを追加しようとしたが、それさえもされず、ご連絡致しますㅠ
    アドバイスいただければ本当にありがたいです! 今日も楽しい一日を

    • こんにちは?

      どんなテーマを使用していますか?

      One-Click Child Themeプラグインは、現在の4年以上の更新がないされているので、なるべく使用しないで次の記事で説明しているプラ​​グインを使ってみてください:

      https://www.thewordcracker.com/basic/%EA%B0%84%ED%8E%B8%ED%95%98%EA%B2%8C-%EC%9B%8C%EB%93%9C%ED%94%84%EB%A0%88%EC%8A%A4-%EC%B0%A8%EC%9D%BC%EB%93%9C-%ED%85%8C%EB%A7%88-%EB%A7%8C%EB%93%A4%EA%B8%B0/

  3. こんにちは。
    Child Theme Configuratorプラグインを利用して、Betheme Child Themeを作成しようとしanalyzeヌルニ
    The theme "Betheme" could not be analyzed because the preview did not render correctly。
    First、verify you can preview your home page with the Customizer and try analyzing again。
    If that does not work、try temporarily disabling plugins that minify CSS or that force redirects between HTTP and HTTPS。
    Click Here to view the theme as viewed by the Analyzer。
    このように表示されます。 何も悪いでしょうか?

    • こんにちは?

      これに関連して、検索してみるとテーマに不正なHTMLがあっパーサ(Parser)が失敗したことが原因であることができるとね。

      Your site is rendering invalid HTML so the parser is probably failing:

      しかし、 WordPress BeThemeテーマには、子テーマのインストールファイルが含まれています。
      次のスクリーンショットを参照してください。

      https://www.screencast.com/t/z50jdytKRM79

      テーマファイルに含まれているチャイルドテーマのインストールファイルを使用してインストールしてください。

  4. こんにちは、 WordPress 超初心者です。 相違はなく、sign inページを修正したいのです、本を見ながらしている本では「legenda-childフォルダからet-registration.phpファイルとfunctions.phpファイルをコピーして、作業中のlegenda-childフォルダに貼り付け上書きします」ととても簡単に出ていますが、私 WordPressを初めてしてみると、基本的にchildフォルダがどこにあるかどのように修正をして覆うのかさえモルゲトオソ何日目スカベンジャーが運営者様のページを見てきた。 もし助けを得ることができますか? まず、ドメインは別に購入し、海外のホスティング会社を介してホストを購入して、そのメーカーからするようにwordpressを敷いて、woocommerceをWeb上で張らは状態です。 助けお願いいたします。ㅜㅜ

    • こんにちは?

      legenda-childフォルダからet-registration.phpファイルとfunctions.phpファイルをコピーして、作業中のlegenda-childフォルダに貼り付け上書きします。

      まず、FTPの使い方を学習してください。
      そして、上記の指示にエラーがあります。
      本を再度お読みください。
      FTPの使い方は次の記事を参照してください。

      https://www.thewordcracker.com/basic/using-ftp-to-work-with-wordpress/

  5. このプラグインは、2年近く更新していないされています。 チャイルドテーマを作成した後、このプラグインは、削除することがセキュリティ上安全と思われる。

  6. チャイルドテーマを作成せずにテーマファイルを変更している場合 http://www.thewordcracker.com/basic/%EC%9B%8C%EB%93%9C%ED%94%84%EB%A0%88%EC%8A%A4-%EC%B0%A8%EC%9D%BC%EB%93%9C-%ED%85%8C%EB%A7%88%EB%A5%BC-%EB%A7%8C%EB%93%A4%EC%A7%80-%EC%95%8A%EA%B3%A0-%EC%88%98%EC%A0%95%ED%95%A0-%EA%B2%BD%EC%9A%B0/ 文を参考にしてください。

コメントを残す

コメントを入力してください!
名前を入力してください