WordPressカスタマイズ

WordPressの基礎

WordPressのカスタマイズは子テーマを使う!

WordPressのテーマテンプレートは、有料・無料を問わずたくさん公開されています。

ゼロから自分で作らなくても、すばらしいクオリティのサイトが構築できるは魅力的です。

テンプレートをそのまま使うだけでもいいのですが、使い込んでいるうちにちょっと改造したいとか、オリジナルの機能を入れたいとかいう場合も出てきます。

その場合は、テーマテンプレートそのものをいじるのではなく「子テーマ」を作って改造していきましょう。

子テーマでやらなければいけない理由

元のテーマテンプレートをダイレクトに改変した場合ですが、テーマテンプレートがアップデートしたときに、すべて上書きされてしまい、自分で改造した部分はすべて消えてしまいます。
せっかく時間をかけて苦労して作ったものでも、消えてしまいます。ショックや破壊力は絶大です。

子テーマで改造している場合は、元のテンプレート(親テーマ)が更新されても、子テーマで改造した部分は更新されません。

 

子テーマに必要なファイル

最低限必要なファイルは2つだけです。

  • style.css
  • functions.php

自分のPC内に子テーマ用のフォルダを作ってその中に上記2つのファイルを作成します。

style.css

WordPressのテーマテンプレートの style.css は、通常のスタイルシートの役割のほか、テーマテンプレートの概要を記述する場所になっています。
子テーマの style.css の最初に以下を記述

重要なのは、Theme Name: と Template:

  • Theme Name: テーマ名(親テーマ名 + Child が一般的でわかりやすい)
  • Template: 親テーマのフォルダー名

スペルミスがあると認識されないので、よく確認しましょう。

 

functions.php

functions.phpの冒頭に、子テーマとして読み込む設定を記述します。

 

2つのファイルを入れたフォルダをzipに圧縮して準備完了です。

子テーマのアップロード

そのまえに、元となる親テーマをインストールしておきます。

テーマの新規追加からzip圧縮した子テーマをアップロードして有効化。

ピックアップ記事

  1. 無料セッション!ホームページ・WordPressのお悩み解決
  2. iPhoneの空き容量を確保する方法
  3. 日程追加!Webが苦手な初心者対象。ゼロから作るWordPressワークショップ…
  4. スマホ動画を作るときの手順とアプリ
  5. Webが苦手な初心者対象。ゼロから作るWordPressワークショップ

関連記事

  1. api

    Google Chart API を使用したQRコード生成

    ホームページにモバイルアクセス用のQRコードを生成する。Googl…

  2. WordPressカスタマイズ

    WordPressカスタマイズ

    アイキャッチ画像が設定項目がないとき

    テーマテンプレートがサポートしていない時function.phpに…

  3. WordPressカスタマイズ

    WordPressカスタマイズ

    管理画面で不要な表示オプションを非表示にする

    WordPressの投稿画面や固定ページ作成画面は、一般のユーザーには…

  4. WEB技術

    お問合せフォームの送信通知をLINEで受け取る

    どのホームページにも、お問合せフォームは必ずあります。WordPr…

  5. 常時SSL化はお済ですか

    SEO

    サイトの常時SSL化はお済ですか?

    ちょっと前から、サイトを常時SSL化しないと、検索順位が下がるよなんて…

  6. WordPressカスタマイズ

ピックアップ

  1. Adobe Premiere Rush CC
  2. Adobe Premiere Rush CC
  3. WordPress初心者ワークショップ 名古屋開催
Webが苦手な人でもできるようになる。ゼロから自分で作るワードプレスワークショップ名古屋開催 デメニギスの30分無料セッション
  1. WordPressカスタマイズ

    WordPressカスタマイズ

    不要なダッシュボードウィジェットを非表示にする
  2. WordPressカスタマイズ

    ビジュアルエディタに独自のクイックタグを追加する
  3. cf7 google sheet connector

    WordPressカスタマイズ

    フォームメールを自動でGoogleスプレッドシートに保存するプラグイン「CF7 …
  4. WordPressカスタマイズ

    WordPressカスタマイズ

    編集者グループにユーザー追加・編集権限を与える
  5. WordPressカスタマイズ

    WordPressの基礎

    WordPressのカスタマイズは子テーマを使う!
PAGE TOP