WEBLIC LLC

ブログ

低予算でのWordPress運用ガイド!子テーマの重要性を解説

Web制作

2024年7月30日

WordPress

ホームページの制作に予算制限がある中で、自社のスタッフがWordPressを使ってサイトを構築することもあるでしょう。今回は、予算を抑えつつ既存テーマを使ってサイトを作成した方に向けて、子テーマの重要性についてお伝えします。

既存テーマの選び方と注意点

WordPressのテーマには「親テーマ」と「子テーマ」が存在します。これらのテーマを適切に活用することが、サイトの安定運用につながります。

親テーマと子テーマとは?

  • 親テーマ:基本的なデザインと機能を提供するテーマです。
  • 子テーマ:親テーマの機能やデザインを拡張または変更するためのテーマです。

親テーマだけをインストールしている場合

親テーマだけをインストールしている場合、テーマのアップデート時にカスタマイズ内容がリセットされる可能性があります。これを防ぐために、親テーマの配布元が子テーマを提供している場合は、必ずインストールしてください。子テーマを利用することで、親テーマのアップデートによる影響を受けずにカスタマイズを保持することができます。

親テーマの配布元が子テーマを提供していない場合

もし親テーマの配布元が子テーマを提供していない場合は、自分で子テーマを作成する必要があります。以下に子テーマの作成方法を簡単に説明します。

子テーマの作り方

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

wp-content/themes/ フォルダー内に、新しいフォルダーを作成します。例: my-child-theme。

スタイルシートの作成

新しいフォルダー内に style.css ファイルを作成し、以下の内容を記入します。

/*
Theme Name: 子テーマの名前
Template: 親テーマの名前
*/

親テーマのスタイルをインポート

新しく functions.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') );
}

my-child-theme
└style.css
└functions.php

この構成のフォルダをzipに圧縮してアップロード、テーマの有効化をしたら完成です。

今後は見た目の変更を加える場合は主に、style.cssに記述し、機能を追加したい場合はfunctions.phpに記述していきます。

初心者の方にはすこし難しいかもしれませんが、サイトのセキュリティを担保するために親テーマのアップデートは欠かせません。そのためにもカスタマイズした内容は必ず子テーマに書いていきましょう。

親テーマや子テーマを気にせず、コンテンツ作成に集中できるシンプルなCMS導入パッケージ

WEBLICの「CMS導入パッケージ」は、自社コンテンツ作成に専念したい中小企業のために、親テーマや子テーマを気にせずに利用できるシンプルなWordPressテーマを提供します。弊社オリジナルのテーマで、メンテナンスや更新も全て弊社が対応するため、ユーザーはコンテンツ作成に集中できます。

関連記事

Web制作

WordPressがSEOに強いって言われるけどホントなの?

WordPressはSEO(検索エンジン最適化)に強いと言われますが、本当に強いのか疑問に思いません...

2023年10月10日

Web制作

静的HTMLとWordPressどちらがあなたのビジネスに適しているか?

Webサイトは、ビジネスの成功において重要な役割を果たします。しかし、Webサイトの構築方法には様々...

2023年9月29日

Web制作

Sass mixinの引数に0を指定する方法

背景画像をカラムごとに違う画像を配置するため、mixinを使って設定しましたが、うまくいきませんでし...

2016年12月12日

Web制作

Webサイト導線設計の考え方

効果的な導線設計はWebサイトの成功に欠かせません。この記事では、Webサイト担当者が、ターゲットに...

2023年11月28日

Web制作

VirtualBoxでGuest Addsinionsをインストールしても画面サイズが変わらない場合の対処法

弊社の制作環境はMacで、制作したサイトのIEチェックはVMwareもしくはVirtualBoxにイ...

2017年3月8日

  • カテゴリー

  • 本日、 3人が閲覧しました

    RELATED SITES

    関連サイト

    • SAKAMOTO Blog
    Designed by WEBLIC合同会社