Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPBカップ
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WordPress子テーマのインストール方法

編集メモ: WPBeginner のパートナーリンクから手数料を得ています。手数料は編集者の意見や評価に影響を与えません。編集プロセスについて詳しく知る。

WordPressサイトに子テーマをインストールしたいですか?子テーマは、親テーマやフレームワークの強力な機能を利用できるため、カスタマイザーとして最適です。この投稿では、WordPressに子テーマを簡単にインストールする方法を紹介します。

How to Install a WordPress Child Theme

WordPressの子テーマとは?

WordPressの子テーマは、親テーマまたはテーマフレームワークに依存します。子テーマは親テーマのすべての機能と外観を借用し、親テーマのコードに触れることなくそれらを変更することができます。

ほとんどの無料およびプレミアムWordPressテーマには、多くのカスタマイズオプションが付属しています。しかし、時には手動でテーマにコードを追加する必要があるかもしれません。

テーマのファイルに直接コードを追加すると、テーマを更新したときに変更が上書きされてしまいます。子テーマは、カスタマイザーを子テーマに追加できるようにすることで、この問題を解決します。こうすることで、親テーマを更新しても、変更した内容はすべてそのまま残ります。

子テーマはWordPressのテーマフレームワークでよく使われます。これらのフレームワークは堅牢な親テーマであり、テーマ開発者に強固な基盤を提供します。

Genesisはそのような人気のあるテーマフレームワークの一つです。Genesis用の子テーマはたくさんあり、StudioPressから入手できます。

WordPressの子テーマについてさらに詳しく知りたい方は、WordPressの子テーマとは何かという投稿を読むことをお勧めします。長所、短所など

子テーマを使ってWordPressテーマをカスタマイズしたいですか?WordPressの子テーマを作成する方法については、ステップバイステップガイドの指示に従ってください。

それでは、WordPressの子テーマを簡単にインストールする方法を見ていきましょう。

ステップ1.WordPress子テーマのインストール

WordPress子テーマのインストールは、他のWordPressテーマのインストールと変わりません。

WordPress管理エリアの外観 ” テーマページで新規追加ボタンをクリックします。

Add new WordPress theme

WordPressテーマをインストールするには2つの方法があります。

方法1:もしあなたの子テーマがWordPress.orgのテーマディレクトリで無料テーマとして利用可能であれば、検索ボックスにその名前を入力して探すことができます。

Searching for a free WordPress child theme

検索結果から、探しているテーマにマウスを持っていき、インストーラボタンをクリックします。

WordPressが子テーマをダウンロードし、インストールします。

必要な親テーマも検索されます。親テーマがWordPress.orgのテーマディレクトリにもある場合は、自動的にインストールされます。

方法2:子テーマがzipファイルで提供されている場合は、「テーマのアップロード」ボタンをクリックする必要があります。テーマのアップロードオプションが表示されます。

Upload your child theme's zip file

ファイルを選択」をクリックして、コンピューターからテーマのzipファイルを選択し、「今すぐインストール」ボタンをクリックします。

WordPressがテーマのzipファイルをコンピューターからアップロードし、インストールします。親テーマがインストールされているかどうかもチェックされます。親テーマがWordPress.orgのテーマディレクトリから利用できる場合は、それをインストールしようとします。そうでない場合は、親テーマを手動でインストールする必要があることが表示されます。

Installing child theme alone

ステップ2.WordPress親テーマのインストール

WordPress.orgのテーマディレクトリに親テーマがあれば、WordPressは自動的に親テーマのインストールを試みます。親テーマのインストールに失敗した場合、子テーマを有効化することはできません。テーマのページでは、子テーマが壊れていると表示されます。

Broken child theme

親テーマのインストール方法は以下の通りです。まず、親テーマのサイトに行き、テーマのzipファイルをダウンロードします。

次に外観 ” テーマのページに行き、新規追加ボタンをクリックします。

Add new WordPress theme

テーマのアップロード」ボタンをクリックします。テーマのアップロードオプションが表示されます。

ファイルを選択ボタンをクリックして、コンピューターからテーマのzipファイルを選択し、「今すぐインストール」ボタンをクリックします。

Upload your parent theme's zip file

親テーマと子テーマの両方をインストールしたら、子テーマを有効化します。

:子テーマを使うために親テーマを有効化する必要はないことを覚えておいてください。

この投稿がWordPressの子テーマをインストールする方法を学ぶのにお役に立てば幸いです。WordPressテーマで編集するファイルを見つける方法についてのガイドもご覧ください。

この投稿を気に入っていただけたなら、WordPress動画チュートリアルのYouTubeチャンネルをぜひご購読ください。Twitterや Facebookでも私たちを見つけることができます。

情報開示 私たちのコンテンツは読者支援型です。これは、あなたが私たちのリンクの一部をクリックした場合、私たちはコミッションを得ることができることを意味します。 WPBeginnerの資金源 をご覧ください。3$編集プロセスをご覧ください。

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

究極のWordPressツールキット

ツールキットへの無料アクセス - すべてのプロフェッショナルが持つべきWordPress関連製品とリソースのコレクション!

Reader Interactions

27件のコメント返信を残す

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Tamie says

    Thank you for this!

    I have a few questions:

    Can you install a child theme after you have already installed and configured a parent theme or will this undo all of your work?

    Do you really need a child theme if you are only adding css under the customizer or will that remain in place over when you update your theme?

    Also, if do need the child theme and you have placed css under the customizer on the parent, should you move it over to the child?

    • WPBeginner Support says

      You can install a child theme but you may need to set some of the settings in the original theme for your design.

      If you are only adding changes in the customizer then a child theme is not required.

      For safety, we would recommend moving CSS in the customizer on the parent to the child theme. :)

      管理者

  3. Rohit Patel says

    Great article. What happen if I am just using parent theme and not activate the child theme after install it.

  4. Hannah Joy says

    Thank you so much!!! Every other online tutorial was so confusing and added a lot of irrelevant detail or confusing and inapplicable info. I am creating a website for the first time and not trying to do anything fancy, I just want to get it right from the start. So grateful for pages like yours that break it down into easy to chew bits for us newbies!!

  5. Belinda Ciurleo says

    Thank you for sharing this, it is very helpful.
    I have one question..
    I have already installed the parent theme and created pages, menus, etc.
    I’ve come to installing the child theme because I need to create an endpoint in WooCommerce. I’ve done most of my site, just doing the finishing touches.

    When I deactivate the parent theme, and activate the child theme, will it keep all the work I’ve done? Or will I lose it all?

    • WPBeginner Support says

      You would keep all of your pages and content. Other customizations to styling may not transfer depending on the specific theme.

      管理者

  6. Annapurna Agrawal says

    Hey, I have this serious question. Which one should I opt for? Creating a child theme? or building a theme from scratch?

    If I create the theme from scratch, how do I manage the updates to functions in WP?

    If I create a child theme, I will basically have to update the entire style for my website.

    Help me get out of this!

    • WPBeginner Support says

      If you create a child theme it will use whatever customizations you’ve added and if you do not specify a style it will take that from the parent theme. Creating a new theme would require you to have a style rule for everything you want styled.
      You would update the functions as you would with any theme.

      管理者

  7. Allisa says

    Hi, I have installed both Genesis and child theme Essence. While I love the framework, I don’t care for my theme. Do you have any articles or suggestions on how to install & switch child theme’s? Thanks in advance!

  8. Susana says

    If I have already activated the parent theme should I deactivate it before installing and activating the child theme?

    • WPBeginner Support says

      Hi Susana,

      You can only activate one theme at a time in WordPress. When you install and activate the child theme it automatically deactivates the parent theme. You can also manually deactivate it if you want. However, you will need to keep the parent theme installed to use the child theme.

      管理者

      • Mayur Lokhande says

        I have installed Parent theme, I don’t know how to check weather I had installed child-theme or not. Why is there need to upload child theme. If one would not install child theme then what would happen?

        • Paul Mohan says

          The child theme makes it a lot easier to edit wordpress sites later without expert knowledge.

  9. Juan says

    How do I create a child theme if wordpress was not installed locally on my pc. During the installation I left the “Directory” section blank and I think that is why I do not have a local install. What are my options?

  10. Allan Seabrook says

    Hi Syed,

    Thanks for sharing this article. Recently, I have started experimenting with the “One-Click Child Theme” plugin by tychay. It hasn’t been updated in two years by the developer. but appears to work as documented.

    Have you had any experience with this plugin or anything similar?

    Thanks!
    Allan

  11. Anton says

    Hello,

    What should I do if I already use main parent theme? How can I add child one? Do you guys have guide for that too?))

  12. Markus Martin says

    Hi Syed. I don’t know if it is only me, but my customizations in style.css for child theme don’t work anymore and am forced to use the custom css in wordpress customise dashboard. Is there a difference and is that really ok?

返信を残す

コメントありがとうございます。すべてのコメントは私たちのコメントポリシーに従ってモデレートされ、あなたのメールアドレスが公開されることはありませんのでご留意ください。名前欄にキーワードを使用しないでください。個人的で有意義な会話をしましょう。