1. 10%OFFクーポン配信!お得なクーポン番号はこちら2. 期間限定セール800点以上がラインナップ!注目の目玉アイテムはこちら!20%OFF > ふっくら綿混あったか裏起毛長袖パジャマ20%OFF > ふわふわトイレマット・フタカバー(単品・セット) 【選べる7色×11タイプ】20%OFF > 使いはじめからしゃりふわの今治タオル[日本製]30%OFF > ダウンとボアのあったかルームブーツ対象商品をすべて見る3. ホットコット((あったかインナー))のまとめ買いで最大20%OFF 3~4点 5%OFF 5~9点 10%OFF 10点以上 20%OFFホットコットま...
東京ガス株式会社が展開する新電力「東京ガスの電気」では、 基本プラン(従量電灯B・Cから切り替えの方) ずっとも電気3(低圧電力から切り替えの方) を新規で契約をおこなうと、電気代の基本料金が3か月無
エヌ・ティ・ティ・コミュニケーションズ株式会社(本社:〒100-8019 東京都千代田区大手町2-3-1 大手町プレイスウエストタワー)が展開する、格安SIM・格安スマホの 「 OCN モバイル ON

エックスサーバーでワードプレスの子テーマを作成する方法

入会金・年会費無料!ミッキーマウス / トイ・ストーリ デザイン イオンカード

エックスサーバーでワードプレスの子テーマを作成する方法を時系列で記載しておきます。個人のカスタマイズメモなので、変更をする場合はバックアップを必ず取って、そして、あくまで自己責任でお願いいたします。

子テーマ用のフォルダを作成

今回は「twentyseventeen」の子テーマを作成する方法を例にご紹介いたします。

  1. ファイルマネージャ(エックスサーバー)へログイン
  2. ワードプレスがインストールされているドメイン
  3. public_html
  4. wp-content
  5. themes

このthemesの階層に子テーマのフォルダを作成します。

フォルダ作成よりお好きな名前のフォルダを作成します。

例)twentyseventeen_child

子テーマ用フォルダにstyle.cssとfunctions.phpのファイルを作成

  1. 先ほど作成した子テーマ用フォルダーをクリックして、子テーマ用フォルダの中に
  2. ファイル名の文字コードをUTF-8として
  3. functions.phpファイルを作成します
  4. style.cssファイルを作成します

この段階ではfunctions.phpファイルとstyle.cssファイルの中にコードは何も記載されていません。

\ ミラブルplusで 平均 約50%の節水 /

functions.phpファイルにコードを記載

functions.phpファイルに以下のコードを記載します。保存文字コードはUTF-8です。

<?php
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')
 );
}

style.cssファイルにコードを記載

style.cssファイルに以下のコードを記載します。保存文字コードはUTF-8です。

@charset “UTF-8”;
/*
Template: twentyseventeen
Theme Name: twentyseventeen_child
*/

Templateは親テーマの名前

Theme Nameは子テーマの名前

子テーマを有効にする

  1. 外観
  2. テーマ
  3. 作成した子テーマ(twentyseventeen_child)を有効有効化

これで子テーマが作成できたので子テーマでスタイルを変更すれば、たとえ親テーマがバージョンアップされてもテーマのスタイルに影響は出ないので安心ですね。

 

本日の注目記事はこちら



コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です