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月20日
  2. Adobe Premiere Rush CCが超スゴイ!スマホでもPCでもシーム…
  3. 無料セッション!ホームページ・WordPressのお悩み解決
  4. スマホ動画を作るときの手順とアプリ
  5. 日程追加!Webが苦手な初心者対象。ゼロから作るWordPressワークショップ…

関連記事

  1. WordPressカスタマイズ

    WordPressカスタマイズ

    レビュー待ちの投稿で管理者権限のユーザーにメールを送る

    以前書いた記事で、レビュー待ち投稿の時に管理者に自動でメールを送るメモ…

  2. PHP

    背景色に対して文字色は白か黒か

    W3Cで公開されているアルゴリズムを利用してみる。例えば、…

  3. WordPressカスタマイズ

    トップに動画が使えるWPテーマ

    Switchオシャレなブックカフェ・コワーキングスペースをイメ…

  4. WordPressカスタマイズ
  5. WordPressカスタマイズ

    アイコンフォント

    アイコンフォントとは以前は「」のようなアイコンを表示させたい場合は…

  6. WEB技術

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

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

ピックアップ

  1. さよならインターネットエクスプローラー
  2. WordPress初心者ワークショップ 名古屋開催
  3. wordpress5.0リリース
Webが苦手な人でもできるようになる。ゼロから自分で作るワードプレスワークショップ名古屋開催 デメニギスの30分無料セッション
  1. SEO

    プッシュ通知を配信するプラグイン
  2. WordPressカスタマイズ

    WordPressカスタマイズ

    WP管理画面のサイドバーの不必要なメニューを非表示にする
  3. PHP

    背景色に対して文字色は白か黒か
  4. WordPressカスタマイズ

    WordPressカスタマイズ

    レビュー待ちの投稿で編集者権限ユーザーにメールを送る
  5. WordPressカスタマイズ

    WordPressカスタマイズ

    管理画面の「WordPress のご利用ありがとうございます。」とバージョン情報…
PAGE TOP