子テーマ

ワードプレス

ワードプレステーマ『MAG』の子テーマを作る方法

ワードプレステーマ「MAG」の子テーマを作る方法をまとめました。

私は、MAGで、タイトルがH1なるように変更しているので、子テーマを作ることにしました。

その理由は、MAGをそのままで使うと、タイトルがH1にならないので、SEO的に不安だからです。

詳しくはこちら>>>「ワードプレステーマ『MAG』のタイトルを「h1」に変更する方法」

MAGは、更新される頻度が高いテーマなので、更新のたびに修正をすると大変です。

そこで、子テーマを作ってみました。

実は、まだ完全ではないので、忘備録の意味でまとめました。

しかし、今の状況でも作業時間は、3分の1以下にできました。

子テーマの作り方

フォルダを作る

デスクトップ上に、子テーマ用のフォルダを作ります。

フォルダを作ったら、名前を付けておきます。

今回は、仮に、MAG-childで進めます。

ファイルを作る

次に、子テーマのフォルダに入れるファイルを作ります。

子テーマに必要なテーマは、基本的には2つです。

①functions.php

②style.css

③以前のVerで変更しているファイル

作り方は、このサイトを参考にしてくださいね。

ご紹介したサイトでチェックしてもらいたいのが、この部分です。

MAG子テーマ

①functions.phpは、新規テキストファイルに下記を張り付けましょう。

<?php
add_action( 'wp_enqueue_scripts', 'enqueue_parent_theme_style' );
function enqueue_parent_theme_style() {
wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css' );
}

②style.cssもテキストを張り付ければいいんですが、注意点があります。

/*
Theme Name:MAG-child
Template:mag_tcd036
Version:1.23
*/

まず、Theme Nameは、先ほど作ったフォルダと同じ名前にしてください。

次に、Versionは、最新のバージョンにしておきます。

③以前のVerで変更しているファイルがあれば、そのファイルもダウンロードして子テーマフォルダーに入れます。

変更しているファイルがなければ、これで子テーマの作成は完了です。

H1を変更している場合

以前のVerで、タイトルがH1になるように変更している人は、次のファイルも必要です。

header-logo.phpとheader.phpとpage.phpとsingle.phpの4つです。

これも、ダウンロードして子テーマに入れてしまえば、完了です。

子テーマの使い方

子テーマのフォルダが完成したら、次は、子テーマを実際のテーマとして使うように設定します。

設定するためには、ワードプレスにインストールする必要があります。

インストール

ワードプレスからテーマをインストールする方法と、FFFTPを使う方法があります。

どちらでもいいので、使いやすい方法で、インストールします。

ワードプレスの場合は、「テーマの新規追加」→「テーマのアップロード」→「ファイルの選択」から作った子テーマを選びます。

その時に、子テーマのフォルダを圧縮するのを忘れないようにしてください。

FFFTPについては、別テーマの子テーマ作成時に紹介している分があります>>> 

設定

インストールされたら、「MAG-child」がテーマのところに表示されているはずです。

有効化すれば、子テーマの設定は終了です。

問題点

最後に1つだけ、チェックする必要があるんです。

それは、H1の設定をしている場合に、header-logo.phpがうまく変更されていないことがあるんです。

その場合は、外観-テーマの編集で、header-logo.phpを開きます。

そして、修正箇所を修正すれば、完了です。

まとめ

ワードプレステーマ「MAG」の子テーマを作る方法をまとめました。

単純に子テーマを作るだけであれば、すぐにできます。

もし、H1を変更していて、更新してもそのまま使いたい場合には、もう少し作業が増えます。

しかし、1回子テーマを作っておくと、テーマの更新のたびに、変更する必要がありません。

子テーマが必要ないテーマもあるんですが、MAGの場合は、頻繁に更新されるので、作っておいて損はないと思います。

 

  • このエントリーをはてなブックマークに追加

ピックアップ記事

  1. 最初にレンタルサーバーを借りるならロリポップ

関連記事

  1. ワードプレス

    「初心者でもできる」ワードプレスでホームページを作る方法<第1章>

    自分のサイトを作るときに最初にネックになるのが、ワードプレス(Word…

  2. ワードプレス

    「初心者でもできる」ワードプレスでホームページ作成(レンタルサーバー編)<第2章>

    ワードプレス(Wordpress)でホームページを作るときにどのように…

  3. ワードプレスのインストール

    ワードプレス

    「初心者でもできる」ワードプレスでホームページ作成(インストール編)<第4章>

    ようやくホームページ作成に取り掛かります。契約した独自ドメインのサ…

  4. ワードプレス

    「初心者でもできる」ワードプレスのテーマ選定<第5章>

    今回は、インストールをしたワードプレス(Wordpress)を使ってホ…

  5. ワードプレス

    「初心者でもできる」ワードプレスのメニュー設定<第7章>

    ワードプレス(Wordpress)のメニュー設定を初心者でも分かるよう…

  6. ワードプレス

    「初心者でもできる」ワードプレスのカスタマイズ設定<第8章>

    ワードプレス(Wordpress)のカスタマイズは、ワードプレスをでホ…

サラリーマン必見のニュース

サラリーマンが知っておきたいNEWS

最近の記事

  1. 子テーマ
  2. ワードプレステーマmag
  3. ワードプレスエラー
  4. ワードプレスのインストール
  5. ワードプレスのドメイン

おすすめ記事

  1. ワードプレス

    ワードプレスの固定ページと投稿の使い方
  2. 知識

    表示高速化のワードプラスプラグインを使わないと損ですよ
  3. ドロップシッピング

    ドロップシッピングのPPC広告集客方法
  4. 子テーマ

    ワードプレス

    ワードプレステーマ『MAG』の子テーマを作る方法
  5. 知識

    ノートンでコンバージョン率を簡単にアップさせる方法
PAGE TOP