2022.10.06WordPressの子テーマを作る方法!自作するのは難しくありません!!ワードプレスを構築する際には、テーマを導入されるかと思います。その際に、親テーマとは別に子テーマが必要になるのですが、テーマによっては親テーマしか用意されていないということがマレにあります。ここでは、子テーマを自作する方法をお伝えします。初心者さんでCSSとかphpが良く分からないで、子テーマを自作して導入するのはハードルが高すぎますので、専門家の方にお願いするべきだと思います。子テーマが何かよく分からないとか、何で子テーマが必要なの?と思っている方は、先にこちらをお読みください。あわせて読みたいWordPressの子テーマとは?子テーマが必要な理由を解説2023.02.09子テーマを作る方法は、以下の流れです。子テーマのフォルダを作成するstyles.cssファイルを作成するfunctions.phpファイルを作成する子テーマをファイルジラを使ってアップロードするでは、こちらを詳しく解説します。※子テーマの自作は自己責任でお願いします。こちらのページを参考にしてやってみたけど、できなかったなどというご質問を多々いただきます。どのようなOSを使っているとかテキストエディターが何とかいろんな状況でエラーになることがあるんです。簡単にこれが原因でおかしくなっていますとは言い難いですので、こちらの内容でうまくいかなかったというのはご遠慮ください。まとめ子テーマのフォルダを作成するまずは、子テーマを作成するめに、子テーマ用のフォルダを作ります。Windows→デスクトップ画面で、右クリックして「新規追加」→「フォルダー」をクリックします。Mac→タッチパネルで右クリックして、「新規フォルダ」をクリックします。作ったフォルダーに名前をつけましょう。ちなみにフォルダ名は、分かれば何でもOKですが、ファイルを探しやすいように「テーマ名_child」または「テーマ名_custom」がおすすめです。WordPressテーマの「dp-fancie-note-business」を使っていて、そのテーマの子テーマを作る場合は、「dp-fancie-note-business_child」にします。これで、子テーマ用のフォルダが完成したので、functions.phpとstyle.cssのファイルを作っていきましょう。「style.css」のファイルを作成する次に子テーマの中にいれる「style.css」のファイルを作成します。作成する時は、エディタツール(メモ帳やterapad、Bracketsなど)を開き、以下のコードをコピー&ペーストしてください。dp-fancie-note-business*/上記のコードで書き換える必要があるのは2点です。Name(子テーマの名前。前項で子テーマフォルダにつけた名前、ここでは「dp-fancie-note-business_child」とします)Template(親テーマのディレクトリ名、ここでは「dp-fancie-note-business」になります)Macのテキストエディット使用このコードをテキストエディターツールに貼り付けしたらコピー&ペーストできたら、「style.css」のcssファイルを作成します。Macのテキストエディット使用これでcssファイルが完成しました。最後に「functions.php」ファイルを作成します。前項「style.css」を作る時と同様、エディターツール(メモ帳やterapad、Bracketsなど)を開き以下のコードをコピー&ペーストします。);}?>こちらの「functions.php」のコードは、基本的に書き換える必要はありません。入力できたら、「functions.php」という名称で保存します。これで、子テーマファイルの中身が出来上がりました。下図のような確認がありますので「”.php”を使用」をクリックします。子テーマをファイルジラを使ってアップロードする子テーマが完成したので、アップロードをします。わたしがアップロードする時に使用しているのは、ファイルジラですので、ファイルジラを使っていきます。ファイルジラのインストールからサーバーの接続に関しては、こちらの記事を参照されてください。あわせて読みたいFTPソフト「FileZilla(ファイルジラ)」使い方!サーバーに接続する方法2023.02.07あわせて読みたいFTPソフト「FileZilla(ファイルジラ)のインストール方法」2023.02.07ファイルジラに接続されたら、左のリモートサイトから❶子テーマをアップしたいドメインを選択して、下の❷「public_html」をダブルクリックします。下図のように「wp-content」というフォルダがありますので、ダブルクリックします。下図のように「thema」というフォルダがありますので、ダブルクリックします。「thema」フォルダが開いたら、左側にある先ほど作った子テーマフォルダ「dp-fancie-note-business_child」を右の「thema」フォルダへドラッグアンドドロップで移動させます。これで、子テーマフォルダのアップロードが完了です。あとは、ワードプレスのダッシュボードに戻って、「外観」→「テーマ」を開くと子テーマフォルダが追加されていますので「有効化」してください。これで、全ての作業が完了です。_)mまとめ今回は、WordPressテーマの子テーマを自作する方法を図解入りで解説しました。子テーマは、ワードプレスを構築するためには大事なのモノなので、しっかり設置してあげるようにしましょう。有料WordPressコミュニティのお知らせワードプレスのことが分からなすぎてすぐに立ち止まってしまう...そんなあなたのために有料ワードプレス専門のコミュニティ「MastePress®︎ーマスタープレスー」を作りました。Zero」にご招待します。このシークレットサイトでは、ブログアフィリエイトの基礎を順序立てて解説しております。itRECOMMENDWordPressスキルアップ2022.07.26ブログ・メルマガアフィリエイトの具体的方法とは?WordPressスキルアップ2021.06.16SWELLのアドセンス申請用コード貼り付け方!初心者さん向けに徹底解説!WordPressスキルアップ2023.05.25AFFINGER5(アフィンガー5)でブログカードを作成する方法WordPressスキルアップ2022.04.09【WordPress講習会】1日3時間のレッスンをさせていただきました。ゆかブログの管理人でアフィリエイター兼WordPress専門家のゆかです。福岡で3人の子供を育てながら、お家でのんびりとブログを書いて生活しています。ブログを書く以外のお仕事は、パソコンが苦手な女性起業家さんのワードプレスブログ運営をサポートしたり、代行でワードプレスの立ち上げをしています。●チャンネル登録1万人超え!WordPressブログ構築専門YouTubeチャンネル「ゆかチャンネル」ゆかブログでは、WordPress作成方法・ブログ記事の書き方・アフィリエイトの方法など、パソコン苦手な初心者さんの『困った!!』を解決しています。ゆかブログの管理人でアフィリエイター兼WordPress専門家のゆかです。福岡で3人の子供を育てながら、お家でのんびりとブログを書いて生活しています。ブログを書く以外のお仕事は、パソコンが苦手な女性起業家さんのワードプレスブログ運営をサポートしたり、代行でワードプレスの立ち上げをしています。●チャンネル登録1万人超え!WordPressブログ構築専門YouTubeチャンネル「ゆかチャンネル」ゆかブログでは、WordPress作成方法・ブログ記事の書き方・アフィリエイトの方法など、パソコン苦手な初心者さんの『困った!!』を解決しています。1日ゆかブログで使用中のWordPressテーマ誰が使っても美しいデザイン関連記事:『STORK19』を使ってみた評判レビュー!メリットデメリットを解説!無料メールマガジンシークレットサイトを見てみる検索:CLOSECLOSE無料メールマガジンシークレットサイトを見てみるProfileアフィリエイター兼WEB制作マーケターゆかご訪問ありがとうございます!当ブログの管理人でアフィリエイター兼WEB制作・マーケターのゆかです。福岡で3人の子供を育てながら、お家でのんびりと個人ビジネスを展開しています。お仕事は、パソコンが苦手な女性起業家さんのブログ運営をサポートしたり、代行でWordPressの立ち上げをしています。●ハンドメイド作家サイト●キーパーコーチの個人ブログ●キーパーグローブECサイト●女性起業家の活動用サイト●スピリチュアル系の方の活動用サイト●協会サイトetc・・・ブログの作り方や書き方も教えています。当ブログでは、WordPress作成方法・ブログ記事の書き方・アフィリエイトの方法など、パソコン苦手な初心者さんの『困った!!』を解決しています。