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

Last Updated: 2018 年 03 月 01 日 14のコメント

はじめ

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

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

ワンクリックでチャイルドテーマを作るワンクリックチャイルド 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 子 Themeこれが作成されました。

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

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

ちなみにワンクリックチャイルド Theme プラグインを使用してチャイルドテーマを作成すると、 WordPress Codex文書推奨する方法でチャイルドテーマが作成されます。 プラグインを使用せずに直接FTPでチャイルドテーマを作成しようとしている場合は / WP-コンテンツ/themes/ 下にチャイルドテーマのフォルダを作成し(例えば、 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)
*/

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


14のコメント

コメント

  1. こんにちは? 親切な回答本当にありがとうございます。 一つだけよりお尋ね見ますよ。

    テーマメニューを見ると、無料で受けたテーマは、新しいバージョンが可能。 今すぐ更新するというボタンがありますが、私は昔に購入したListingproは、そのボタンがなくて問い合わせをささげたんです。 アップデートが可能にする上にPut here purchase keyがあり、ライセンスキーを入力して、Activateをクリックすると、更新ボタンが生成されるのですか?

    前2018年8月に購入ハンゴゴサポート期間もとっくに終わったので、そうなのか私が持っているPurchase Codeを入力したにもかかわらず、間違っていたとだけ浮遊んですよ。 このような場合の費用を支払ってサポートの更新をすると、新しいライセンスコードを受け取り、このコードを受信更新されるのですか?

    どのフレーズにみるとサポートの期限が切れても、1ドメインに限ってアップデートは継続されることができるとされているがPurchase Codeが間違っていると出てくるかを知ってませんね。 助けちょっといただけ問い合わせについてでしょうか?

    初歩的な質問を続けお詫び申し上げます。 ㅠㅠ

    手間ハセヨン〜

    応答
    • 新たに購入する必要がないことです。

      Themeforest テーマは、通常6ヶ月のサポートが提供されてサポートは延長が可能です。 しかし、サポート期限が切れてもアップデートはテーマに依存する限り継続することができます。
      エラーが私の理由は、おそらく1)間違ったコードを入力したか、2)あるいは場合によっては少し異なる方法でコードを入力する必要があります。 詳細については、documentation文書をご覧ください。

      それでもエラーが発生した場合 ListingProテーマ 開発者にお問い合わせください。

      応答
  2. こんにちは? 数年前にListing pro推薦された文を見て購入をして使用している途中に長い期間放置をして、最近、再使用をするだろう、新しいバージョン(2.5)がリリースされてダウンを新たにできがいますね。 機能も本当に多様で多くなって試しzipファイルダウンロードを受けてテーマのインストールをしてみると、当然、同じフォルダが存在するとし、インストールの失敗がますね。 既存のテーマを削除して、新たにリリースされたバージョンをダウンロードしてインストールすると、私のメニュー構成を再して英語=>ハングルの作業をすべて完了した状態であるが、このような場合は、新しくリリースされたバージョン2.5をチャイルドテーマを作って、そこにインストールをして使用をするとされているのですか? このような場合はどうすればてるんだろ初心者なので分からないですね。 回答お願いいたします。 手間ハセヨン~~

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

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

    応答
  5. こんにちは。
    子 Theme Configuratorプラグインを使用して Betheme 子 Themeを作成しようと分析する
    この theme "Bethemecould 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.
    ここをクリックして表示する 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

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

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

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

    応答