子テーマ

ワードプレス

ワードプレステーマ『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. ワードプレス

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

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

  2. ワードプレス

    画像を横に並べるブラグイン「Shortcodes by Angie Makes」

    ワードプレスでページを作成するときに、画像を横に並べる方法が分からない…

  3. ワードプレス

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

    今回は、ワードプレス(Wordpress)の設定についてです。ワー…

  4. ワードプレス

    初心者でもできるワードプレスSTINGER管理の設定

    ワードプレスのテーマにSTINGERを使う場合には、STINGER管理…

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

    ワードプレス

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

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

  6. ワードプレステーマmag

    ワードプレス

    ワードプレステーマ『MAG』のタイトルを「h1」に変更する方法

    ブログを作るのに、ワードプレステーマをを探していたところ、よさそうなテ…

最近の記事

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

おすすめ記事

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

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

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

  1. ワードプレス

    「初心者でもできる」ワードプレスのテーマ設定<第6章>
  2. ワードプレス

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

    被リンクSEO効果の検証(延長戦)
  4. 雑学

    将来年金で暮らすことができるという幻想
  5. ワードプレス関連記事表示プラグインを実際に試してみたら

    ワードプレス

    ワードプレス関連記事表示プラグインを実際に試してみたら
PAGE TOP