W:子テーマを作りマス

※初めてこのサイトでブログを読む方は、必ず先に「こちら」をお読みください。
※コメントは↑のタイトルをクリックした先で入力可能デス。お待ちしてマス^^

こんばんは。
イチ香(カ)デス。

WordPressでサイトの作成を始めてから二日程経ったある日、

WordPressのテーマやプラグインは更新がある事が致命的になる事があるとの情報をゲット。

せっかくサイトを構成しても、更新によってそれが上書きされ、元の状態に戻ってしまう場合があるらしい、との事で・・・。

そこで、子テーマなるものを作り、万が一更新が走っても、上書きされるのは親テーマのみで、子テーマは無事デスよ、という環境を作り出す事が前準備なのだとかw

マジですか・・・。

既に、3回くらい、Wordpressのインストールをやり直して、漸く扱い方が解ってきた頃合いだったので、ショック・・・><

(ちなみに、スライドショーのプラグインも導入して、良い感じに表紙を作ったタイミングなのデシタ^^; 今、上部で展開してる子の前身デスねw)

 

にしても、親テーマを子テーマになんて高等な技は使えないのでw

4回目、インストールし直しマシタw

二日間でこんなにスムーズにインストールとWordpressの初期設定が行えるようになったイチ香(カ)は、なかなか凄いと自画自賛。

・・・慰めにはなりませんデシタがw

 

さて。

子テーマの作成とまいりまショウ。

WordPressをインストールしたら、まずはドメイン直下のアドレスにする方法を実施シマス。←これ子テーマ作成前の必須前提

それから、

【子テーマ作成】

さくらインターネットサーバーコントロールパネルに入りマシタら、左のメニューからファイルマネージャをクリック。

開いたサーバコントロールの左のメニューは、トップにはお家のマーク(home/hitorigochi/)が表示されていて、その下に、Wordpressインストールの際に指定したフォルダ名「kareshi」が続いてマス。

その「kareshi」フォルダの下階層で以下のフォルダを確認

kareshi / wp-content / themes

この「themes」というフォルダをクリックすると、右側に

twentyseventeen というフォルダがありマシテ(それ以外に導入されているテーマが幾つか)

ここと同じ並びに、子テーマ用のフォルダを作成しマス。

左のフォルダツリーで「themes」をクリックしたまま上部メニューバーを見ると、「表示アドレスへの操作」というボタンがあるので押下>「フォルダの作成」を選択>フォルダ名を入力する欄が表示されマス。

誰が親か分かると後々ラクそうなので、twentyseventeen-kodomoと命名してOKボタンを押下。

大きくなれよ。

次に、twentyseventeen-kodomoフォルダ内に、必要なファイルを2つ作成しマス。

まず一つ目。

twentyseventeen-kodomoをクリックしたまま、上部メニューの「表示アドレスへの操作」から「ファイルの作成」を押下すると、「新規ファイルの作成」画面が表示されるので、本文として以下の言語を記載。

 

<?php
add_action( ‘wp_enqueue_scripts’, ‘theme_enqueue_styles’ );
function theme_enqueue_styles() {
wp_enqueue_style( ‘parent-style’, get_parent_theme_file_uri() . ‘/style.css’ );
}

?>

(※3/27:上記構文は「’」の問題で、メモ帳を介すとレイアウトが崩れマス>< 念のため)

下のボタンで、文字=「UTF-8」を選択して、保存ボタン押下。

ファイル名の指定を求められるので、「functions.php」と命名w

 

twentyseventeen-kodomoを選択中の右側に、functions.phpのファイルが出現しマシタ。

 

では2つ目。

twentyseventeen-kodomoをクリックしたまま、上部メニューの「表示アドレスへの操作」から「ファイルの作成」を押下すると、「新規ファイルの作成」画面が表示されるので、本文として以下の言語を記載。

 

/*
Theme Name: twentyseventeen-kodomo
Template: twentyseventeen
Theme URI: https://wordpress.org/themes/twentyseventeen/
*/

青字は子フォルダ名と同じ、コレ肝心デス。

下のボタンで、文字=「UTF-8」を選択して、保存ボタン押下。

またしてもファイル名の指定を求められるので、「style.css」と命名w

 

それぞれ、拡張子が異なるので、もちろんアイコンは違っていてOK。

準備完了デス。

 

WordPressの管理画面にいきマス(左上にダッシュボードがある画面デス)。

外観>テーマを確認すると、twentyseventeen他、既存のテーマとは一味違う、写真無しのテーマ(twentyseventeen-kodomo)が出来上がってマシタ。

 

これを有効化して、漸く、twentyseventeenの子テーマを活用してのサイト作りが始められマス。

 

スタートライン~w

 

※この後に、例の幽霊フォルダが出来上がったので、またインストールからやり直しマシタ。・・・溜息w

千里の道も一歩より。

でもその一歩が、無知ゆえに何度も繰り返される悲しさは、味わった本人にしか分からない><

 

頑張りマス。

 

 

それでは。

また次回の更新で。

イチ香(カ)デシタ。




コメントを残す

five × three =