5分7秒WordPressをカスタマイズするときに直接テーマファイルを編集してしまうと、もしコードがひとつでも間違えていただけで真っ白な画面とご対面。その後、どこが原因なのかを探すのにも大変で、復旧するまで結構時間かかったりと何かとめんどくさい。バックアップを取ったり、テスト環境を作ったらええやんといろいろ言いたいと思いますが、HTMLやCSSの知識がなくそこまでがっつりカスタマイズしないライトな層にはそこまでの環境は求めていないはず。そんなときに役に立つのが「子テーマ」あなたがHTMLやCSSは苦手だけど、ちょっとだけカスタマイズしたいなと思っているならば必ず導入しておくべきもののひとつですよ。link子テーマを作成するメリットとは子テーマとは、かんたんにいうとこんな感じです。親テーマとセットで使用します。Sixteenとか)・子テーマ:親テーマの機能とスタイルを継承したテーマ。カスタマイズ専用また子テーマを使用するメリットとしては、以下があげられます。・テーマを直接変更した場合、そのテーマがアップデートされると変更が失われるかもしれません。・子テーマを使用すればテーマの変更は確実に保持されます。子テーマを使用することで開発時間を短縮できます。・子テーマの使用することでWordPressのテーマの開発を良い形で学べます。子テーマを使用して1番ええなと思うのは、親テーマがアップデートしてもカスタマイズした内容はそのまま引き継がれるってことです。親テーマをいじったとしてもアップデートしてしまったら、またイチからコーディングしていかないといけません。それはほんまにめんどくさい。いうのを防ぐために、子テーマが存在しているんです。子テーマを作る流れはざっとこんな感じ。子テーマ用のフォルダを作るフォルダに収納する「style.css」と「function.php」を作成する子テーマフォルダをサーバーにアップロードするでは、まずは子テーマ用のフォルダを作りましょう。子テーマ用のフォルダを作るフォルダを作って、名前を付けます。child」にしました。フォルダの名前はなんでもいいので、好きに付けてください。フォルダに収納するふたつのファイルを作成する今回は、ここが山場といえるくらい重要です。「style.css」から作成していきましょう。「style.css」の作り方テキストエディタ(Windowsmならメモ帳、Macならメモなど)を開いて、下記のコードを記入します。Codex」の子テーマのページでは、上記コード以外にも、DescriptionとかLicenseとかいろいろ記入しないといけないみたいなんですけど、ふたつの項目さえあれば子テーマとしては十分なので今回はこれだけ記入しておきます。親テーマフォルダ名(今回は、justwrite)もちろん大文字、小文字やスペースなども完全一致しないと作動しません。僕がやったときは、フォルダ名が一致していなくうまく動かず、ちょっとつまづきました。テキストエディタ(Windowsmならメモ帳、Macならメモなど)を開いて、下記のコードを記入します。こっちはそのままコピペでOKですよ。}上記ふたつのファイルを先ほど作成した子テーマフォルダに保存します。子テーマフォルダをサーバーにアップロードする最後に、小テーマフォルダをサーバーにアップロードします。ブラウザから、お使いのサーバーにアクセスしてもいいですけど、アヒルでお馴染みのFTPクライアントソフト「Cyberduck」を使って、アップロードするのがオススメです!アップロードする場所は、wp-content/themesです。Storeからもダウンロード出来ますが、2,900円と少し高価な部類に入るアプリです。Cyberduckを公式ウェブサイトよりダウンロードする(Mac、Windowsともに可。レバあとは子テーマを有効化するだけです。これで子テーマを作って、カスタマイズできる環境が整いましたね。今後、長期でウェブサイト運営していく上でぜったい必要になってくると思うので、もしあなたが使っているテーマに子テーマが付属していなければ、この方法で作ってみてください。指宿のたまて箱」になるでしょう。4【10月の運営報告】今月は4万PVでした。1紙の本の良さを改めて確認。linkフォローするtwitterfacebookgooglefeedlineABOUTマツモトユウキ「私が気になることは世界の誰かが気になること」をモットーに、記事書いています。Apple、ガジェット、Webサービス、肉の中だったら鳥が好き。ガジェットやWebサービスなどのレビュー書きます。お仕事の依頼はこちらから→レビュー承ります!2014年:カナダへ留学2015年:オーストラリアへ留学2016年:帰国して東京にいます。レーベルのしゃっちょさんになりました。これさえ読めば怖くない!海外でのシェアハウスの探し方シチュエーション別まとめ。Reserved.arrowuphome。