ブログ運営

【初心者向きWordPress】子テーマの有効化とファイルの追加と「カスタマイズ」難しく考えてたけど実はすごく簡単だった!

本記事は、自作「子テーマフォルダ」の作り方ではございません。

既存の子テーマに、ファイルを追加していく方法の説明です。

 

「子テーマ」はとても大切です!

【必ずコードを編集したり、追加したりする作業には、子テーマで行うことが必須。】

ということは、webで検索し十分承知していました。

しかし、初心者で「理解力が乏しい私」には難しく、脳が拒否反応を起こしており、すでに用意されている子テーマファイル以外(*1)のコードは、しれっと親テーマのコードを編集していました。

*1 AFFINRER4の子テーマファイル

スタイルシート (style.css)、テーマのための関数  (functions.php)、テーマヘッダー 、(header.php)、js  (st-media-editor.js)

そんな危険なことを皆さんにして欲しくないので、ど素人の私でもできるようになった今、実体験としてご説明したいと思いますので、お付き合いください。

子テーマとは?

まず、伝えおきたいことがあります。

子テーマを自作するという方法もあるのですが、初心者にはオススメしません

理解するのに時間を要しますし、ちゃんと出来なくて、嫌になってブログ自体が続かなくなる可能性があります。

嬉しいことに、最初から[親テーマ][子テーマ]が用意されている「WordPressのテーマ」は沢山ありますので、その中から選びましょう。

(親テーマ)テーマ

ワードプレスブログのテンプレートのこと=親テーマ

※テーマとは、ブログのテンプレートのことです。

子テーマ

親テーマの機能とスタイルなどのデータを引き継いだファイルで、そこに個性を出すためのもの。

ブロガーとしては、個性を出すのは、憧れだし、そんな自分のサイトに愛着が湧いてきます♡

子テーマでは、文字を大きくしたり、サイト画面の幅や余白スペースを変えたりと、自分好みにブログをアレンジできます。

なので、子テーマを熟知し、習得して欲しいです。というか、私がそうしたいです(笑)。

実は、アウトプット作業って、かなり勉強になっています。

皆さんにきちんとお伝えしようと思うので、自分で深く調べたりするからです。そして、書くことにとより理解が深まっています。

なんだか一石二鳥な気分です。

子テーマをコーディネートして個性をだす

WordPressで作られたウェブサイト(ブログ)は、複数のPHPファイルにて構成されています。

その沢山のファイルが合わさって、Wordpressのウェブサイト(ブログ)を作り出します。

 

例えば

お店で売られている「Tシャツにジーンズ」のリカちゃん人形があるとします。

そこにピアスをつけたり、マフラーを巻いてみたり、自分だけのリカちゃん人形にコーディネートしていきます。

子テーマファイルカスタマイズ(コーディネート)で、公開されている「ブログ(自分だけのリカちゃん人形)」となっていきます。

親テーマをコーディネート(カスタマイズ)してはいけない理由

ここもいまいち理解できずにいたのですが↓

まず、テーマをダンロードするとき、[親テーマ]も[子テーマ]とダウンロードします。で、有効化するのは[子テーマ]。

「親テーマ必要?」って、そんなところで、ひかかっていました(笑)。

結果・・・必要です。

なぜなら、親テーマをアップロードしていないと、子テーマは、親テーマのデータを引き継ぐ仕組みになっているのに、引き継ぐものがないから、きちんと構成できません。

難しく考えなくて良いんですよ、親子セット♪

どうして親テーマをコーディネート(カスタマイズ)してはいけないのかです。

理由は・・・

WordPressの(親)テーマは、製作者さんによって、より快適に使えるように、機能などが追加され(自動・手動あり)アップデートが行われます。公式テーマは、自動でアップデートです。

親テーマは、アップデートが行われると、すべてのファイルが上書きされます。

そんな時、親テーマをコーディネート(カスタマイズ)していると、上書きされることにより、「Tシャツ+ジーンズ姿」に戻ってしまいます。

またあれこれ調べて、ピアスやマフラーを巻いてあげなければいけません。時間と労力を要します。

それならば、最初に子テーマをしっかり理解し、子テーマをコーディネート(カスタマイズ)するようにしましょう!

アップデートされたとき、子テーマはどうなるの?

親テーマに属している(継承)ので、ちゃんとアップデートされます。且つ、コーディネート(カスタマイズ)した部分はそのままなんです。

なんだか凄くないですか?書いていて今更ながら感動しています(笑)

コーディネート(カスタマイズ)した部分に非常に愛着が湧くではありませんか。

AFFIGER4の子テーマに最初から入っているファイル

「AFFINGER4」の子テーマには、以下のファイルが用意されていました。

・スタイルシート (style.css)

・テーマのための関数  (functions.php)

・テーマヘッダー  (header.php)

・js  (st-media-editor.js)

以上です。

初めてみた時、「うん?これだけ?」「これだけで成り立ってるの?」と意味不明でした。

そして深く考えず、気にしないようにしていました。←苦手意識が強く、ストレスだったから。

子テーマにはコーディネート(カスタマイズ)するファイルのみ

子テーマは、ファイルが表示されていなくても、親テーマのファイルをそのまま持っていると考えてください。

子テーマには、コーディネート(カスタマイズ)したい箇所のファイルだけを入れておけばOKです♪

「最初からもっとファイル入れておいてよ。」と、思ったし思っている私です。

でも、入っていないので、自分で作りましょう。いきますよー!

子テーマファイルの作り方

ここです。私が『?』で停止していて、親テーマをコーディネート(カスタマイズ)していた理由は。

ですが、ブログ運営を継続し、やっと理解できてきました。

私は、ファイルを作成し実装するまで、大変時間がかかりましたが、同じ初心者で、同じくまだ知識が浅い方々には、苦手意識をもつことなく、最初から子テーマを使えってもらえるよう私なりに頑張ってご説明します☆

「FTPクライアントソフト」を用意

まず用意するのが、バックアップで必須アイテム「FTPソフト」(FTPソフトについては、また別の記事でご案内します。)

私はFileZillaを利用しています。※私でも使えているので、オススメです!

FileZillaダウンロードページ(日本語対応)

XSERVERでも正式に紹介されています。→https://www.xserver.ne.jp/manual/man_ftp_filezilla_setting.php

今は完璧に理解しなくて大丈夫です!ブログを継続していく上で、少しづつわかってきます。

むしろ、ブログを進めていったほうが、理解しやすいです。

とりあえず、最初は皆んなが「コレだけは絶対やっておけ」「設定しておけ」というポイントを、押さえておけば大丈夫です。

子テーマファイルを実際作ってみました!

私が、テーマ「AFFINGER4」を使用しているので、そちらがベースの説明になります。

では、子テーマフォルダにコーディネート(カスタマイズ)したい箇所のファイルを作りましょう。

今回は私がコーディネート(カスタマイズ)したい[head.php]ファイルを子テーマに作ります。

見にくくて申し訳ないです...

  1. FileZillaを起動し、接続後、左側(パソコン)の[public_html]→[wp-content]→[themes] →[テーマ名 AFFINGER4]のテーマファイルを選択※子テーマchildではありません→ファイル名をダブルクリック。
  2. 右側(サーバー側)は、[public_html]→[wp-content]→[themes]→[affinger4-child]をダブルクリック。
  3. 左側(パソコン)の[header.php]を選択後、左側から右側へドラッグでアップロードします。
  4. [header.php]ファイルが、サーバー側へ、正常にアップロードされていれば子テーマ作成は完了です。

WordPressダッシュボードの「テーマ編集」でも確認します。

きちんと追加されており、ブログも正常に動いておりました。

無事、cssコードを追加し、コーディネート(カスタマイズ)もできました。

追加した後は、ブログページざっとを確認してくださいね。

原因はその都度違いますが、過去に数回ですが、デザインが壊れていたことがあったので。

その時は、再度調べ直し、やり直してみてください。

お疲れさまでしたーーーーー!

本当最初は、用語自体が馴染みもないし、全てがちんぷんかんぷんで頭に入ってきませんでした。

が、慣れてくると本当に簡単なことは分かってきます。(難しいと思うものの方が、まだまだ多いですw)

そんな私でもこう思えているので、今読んでくださっている「WordPressでブログを始めたばかりの方々」は、もっと早く理解し、習得されて行くと思います(笑)。

お互い楽しく、勉強しながら「ブログ」を運営していきましょう。

「AFFINGER4」の優待購入

※AFFINGER4の販売は終了しました。

今はバージョンアップされて「AFFINGER5(WING)」が発売されております。

詳細はこちらの記事へ↓↓↓

ワードプレスのテーマに「WING(AFFINGER5)」を導入!初心者におすすめしたいテーマです!

AFFINGER5(WING)が初心者におすすめなわけとは?使っているのでご紹介します!

 ワードプレスのテーマを何にすれば良いか悩んでいる方 すでにAFFINGER5(WING)の存在を知っているが購入するか迷っている方 初心者でもAFFINGER5(WING)を使いこなせるのか知りたい ...

続きを見る

私は、2018年2月に有料テーマAFFINGER4を購入しました。

infotop経由をにて、9800円(税込)を500円引きの9000円(税込)で購入。

高いです・・・ので、800円引きでも助かります。

私もご協力したいと思い、購入後、アフィリエイトパートナー登録をし、紹介させていただいております。

☆優待ページ (infotop経由)を、利用していただくと(ライオンくんをクリック)

9800円(税込)が800円引きの9000円(税込)で購入することができます。

ダウンロード後、WordPressにアップロードしてもらえればすぐに使用できます。

追記

本記事を書いたのは2018年2月になります。

AFFINGER4を購入したのも2月です。

なのに、3月にAFFINGER4のバーションアップテーマとして「WING(AFFINGER5)」が発売されました。

ショックでした・・しかし、書いた通りAFFINGER4がとても良かったので、迷うことなく4月に「WING」も購入しました。

出費した分、頑張らばらないとな。と思うばかりです。

最後までありがとうごさいました。mimi(@mii_mii93205607)でした。

 

ブログ運営

雑記ブログ収益報告!主婦ブロガーの歩みとは?

私が『雑記ブログ』をはじめたのは2017年7月です。 この記事を書いたのは2020年1月で約2年6ヶ月になります。 ※都度、更新はしています。 少しブログ運営も落ち着いていたので、自身の振り返りも兼ね ...

ブログ運営

ブログの始め方無料マニュアル|超初心者向けに解説します!

こんにちは、専業主婦ブロガーのmimiです。 この無料マニュアルは、私自身ブログを始めてから約1年ほどweb上の情報や本を読んで独学でやってきた失敗・成功を生かし作りました。   遠回りし、 ...

ブログ運営

ワードプレスをエックスサーバーにインストールしてブログをはじめよう!

サーバーと(独自)ドメインが用意できたら、いよいよエックスサーバーでワードプレスをインストールしてブログをはじめます! どうも、子なし主婦ブロガーのmimi(@konashimimi)です。 ここまで ...

ブログ運営

エックスサーバーを契約し独自ドメインを取得・設定する方法|ブログ初心者におすすめレンタルサーバー!

ブログをはじめるには「ワードプレスがおすすめ!」というお話を前回しました。 ワードプレスとは、ブログを作成するために作られた世界最大規模のブログソフトウェアです 初心者でもすぐに素敵なブログを作ること ...

ブログ運営

ブログ初心者主婦ブロガーが読むべき本6冊!

これからブログをはじめよう・はじめたばかりの初心者さんに役立つ「ブログ運営に関する本」をご紹介します。 私自身、ブログやアフィリエイトに関する本はこれまで20冊くらいは読んできたと思います。 どうも、 ...

ブログ運営

ワードプレスで主婦がブログをはじめる|初心者向けに解説します!

ブログで稼ぐなら「WordPress(ワードプレス)」が良いという前回お話をしました。 →ブログのはじめ方|専業主婦さんに教えたい大まかな流れをわかりやすく解説!   今回は、もっと詳しくW ...

ブログ運営 在宅ワーク

主婦ブログの始め方|大まかな流れをわかりやすく解説!

どうも、ブログでお小遣いを稼いでいる専業主婦(@mimi07mico )です。 以前、「ブログをはじめてた理由やはじめた頃の私」に、ついてご紹介させていただきました。   今回は、ブログをは ...

ブログ運営

主婦が雑記ブログで稼げないって本当?原因・改善方法を知れば稼げる!

主婦が雑記ブログで稼げないというのは「嘘」です。 なぜなら、子なし専業主婦であるわたくしが稼げたからです。   稼ぐの金額設定が人それぞれなので、「なんだーそれだけー」と読んで思う方もいるか ...

ブログ運営

介護情報サイト【きらっコノート】さんに当ブログの記事が紹介されました!

当ブログの記事が、きらケア「きらッコノート」さんのサイトに掲載されました。  私には初めてのことで、ご連絡をいただいた時は、凄く嬉しかったです。 そして、私の書いた記事が本当に掲載されるのか、不安でも ...

ブログ運営

【ココナラ】で、SNS・ブログのアイコンを作ろう!アクセスアップに効果あり!?

私もついに「ココナラ 」でアイコンを作りました! やはりプロは違いますね。もっと早くお願いしていれば良かったです。 というわけで、皆さんに知って欲しくて記事にすることにしました! どうも、主婦ブロガー ...



-ブログ運営
-

© 2020 選択子なし専業主婦の楽しい生活