【WordPressでGO!】WordPressの子テーマを作ってみようHTMLコーディング2018.01.17【WordPressでGO!】WordPressの子テーマを作ってみようともさん前回の記事から1週間も経っていないことに軽く衝撃を感じているともさんです、こんにちわ。」∠)_さて、今回もまたWordPress関連の記事です。子テーマ、聞いたことありますよね?今回はそんなWordPressの子テーマの作成方法をさくっとカンタンにやってしまいましょうというお話です。子テーマの作成方法はWordPressの公式にきちんと記載があります。子テーマについてこのページ見れば、WordPressの子テーマは普通に作成できます。初心者向けにはあまり書かれていないので(;’∀’)なんかよくわからない単語とかあったりするし。ここではごくごく簡単に説明していこうと思います(/・ω・)/WordPressの子テーマとはWordPressの子テーマとは、親テーマの機能とスタイルを継承したテーマのことです。WordPressのデフォルトテーマであるTwentyシリーズを親テーマとして扱うことで、テーマがアップデートされた時にも変更した部分が上書きされる心配がありません。́)使用しているテーマがアップデートされる可能性のあるものなら、子テーマで管理してみましょう。必要なもの子テーマを認識させるために最低限必要なものは以下の3つです。子テーマのディレクトリstyle.cssfunctions.phpほら、カンタンでしょ?子テーマのディレクトリを作ろうまずは、子テーマを入れるためのディレクトリを作りましょう。名前はなんでも良いんですが、私の場合はわかりやすいように親テーマのディレクトリ名+childていう名前にしてます。今回はTwentySeventeenのテーマを親にしますので、twentyseventeen_childにしました。わかりやすいのが一番です。style.cssを作ろう次はstyle.cssを作ります。中身は以下のようになります。このコメント以下にstyleを書いていくことになります。いわゆるスタイルヘッダというやつです。twentyseventeen*/これが、style.cssで最低限必要な内容です。Nameが、WordPressのテーマの適用画面に表示されるテーマの名前になります。Templateが、親テーマのディレクトリ名です。ほかにも、いろいろと情報を記載できます。子テーマの名前とか*/この情報は主に、WordPressの管理画面のテーマの管理の中で表示したり検索したりする際に便利な設定になります。Tagsなんかは、検索とかでひっかかる用語を設定できますよ。NameとTemplateのみなので、配布とかに利用しないなら書かなくてもオッケーです。functions.phpを作ろう最後に、functions.phpを作りましょう。これも最低限必要なものを記載です。'theme_enqueue_styles');これは、親テーマが1つのstyle.cssを使ってすべてのCSSを記述している場合のみに動作します。親テーマ側で複数のCSSファイルを使っている場合はまた、記載方法が少し変わります。今回はあくまで子テーマをさらっと作ってみようという趣旨なので詳しくは説明しません。興味のある方はぐぐぐっとググってください(/・ω・)/WordPressの管理画面で子テーマを有効化さて、これで子テーマの設定が完了です。管理画面で子テーマを有効化しましょう!この状態で、サイトの表示を確認してみましょう。大丈夫です(=゚ω゚)ノあとは、好きなようにスタイルを変えていきまょう(≧▽≦)まとめWordPressの子テーマ作成については、以前よく使われていた@importの方法も、今では公式が「推奨しません」と宣言してしまっているので今回新たに調べてみました。子テーマ自体、作ることがほとんどなくなってしまったというのもあるんですけど・・・もっとWordPressの子テーマを活用するなら、できることはたくさんあります。́)ともさんでしたー。HTMLコーディングcss3だけで立体的でアニメーション付きのボタンを作ろうはじめまして、制作チームキャップの徳永です。今年でテイクフォーも4期目に突入し、そろそろ自社サイトでまじめに記事を書いていみようという事になったの...HTMLコーディングcssでグラデーションを描いてみよう年末に向けていろいろと身辺周りが慌ただしくなってきましたね。)グラデーションをcssで描けることはもう...HTMLコーディング【WordPressでGO!】管理画面の左メニューをカスタマイズしてみよう皆様あけおめです。あけおめ・・・もう2月ですよ。なにをしてたんでしょうか。いうわけで、今回もはりきってゴー...HTMLコーディング社内勉強会を行いました。こんにちわ、入社2ヶ月のともさんです。去る9月16日(金)19:00~社内勉強会を行いました。テイクフォーでは初の勉強会となります。...HTMLコーディングtableをCSSのみでレスポンシブ対応にする方法テイクフォーにジョインして早3ヶ月が経ちましたがあきらか飲む回数が増えてるともさんですこんにちは。先日会社の人たちと初登山へ行ってきましたが3回ほど盛大にコケてオシリが痛くなったともさんです、こんにちわ。・・・いや、登山楽しかったですよ。)この記事へのコメントはありません。この記事へのトラックバックはありません。返信をキャンセルする。-URL上に表示された文字を入力してください。Mul...おはようございます、ブログ連続更新中のふきちゃんです。Post...おはようございます、気圧にずっとやられています、ふきちゃんです。色HTMLコーディングEC-CUBE3をローカル環境へインストールしてみようWEB集客GoogleがMFI(モバイルファーストインデックス)を発表しました。