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. iPhoneの空き容量を確保する方法
  2. Adobe Premiere Rush CCが超スゴイ!スマホでもPCでもシーム…
  3. スマホで動画編集 Adobe Premiere Rush CC編-テロップはPC…
  4. スマホ動画を作るときの手順とアプリ
  5. Internet Explorerの終わり-Microsoftが公式に使用をやめ…

関連記事

  1. SEO

    オススメのWordPressテンプレート 2018

    WordPRessには無料で使えるテンプレートが多数用意されています。…

  2. WordPressの基礎

    WordPressのよく使うテンプレートタグ

    ブログのURLを取得するhome_url()<?ph…

  3. WordPressカスタマイズ

    WordPressカスタマイズ

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

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

  4. WordPressカスタマイズ

    WordPressカスタマイズ

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

    以前、寄稿者権限のユーザーがレビュー待ちの投稿をしたときに、管理者へ通…

  5. WordPressカスタマイズ

    WordPressカスタマイズ

    寄稿者にメディアアップロード権限を付与

    組織などで記事を公開するときに上長の承認が必要な場合、権限設定にちょっ…

  6. WordPressカスタマイズ

    WordPressカスタマイズ

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

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

ピックアップ

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

    ビジュアルエディタに独自のクイックタグを追加する
  2. iPhoneだけでできる集客動画ワークショップ

    今日の出来事

    iPhoneだけでできる集客動画ワークショップをやりました。
  3. WordPressカスタマイズ

    WordPressカスタマイズ

    使用しない権限グループを選択リストに表示させないようにする
  4. HTML/CSS

    蛍光マーカーのように表示するCSS
  5. Rails

    【Rails 5 サポートメモ】Rails 実行時に 「no connectio…
PAGE TOP