子テーマ(WP)

 

child3

 

あ、デ、デザインが…

 

 

Word Pressの「テーマ」がアップデートされると、せっかく微調整したのに、デザインが元に戻ってしまう。これは、デザインを思わく通りにするために書き込んだスタイルシートの指定が、消えてしまうからだ。

これを防ぐためには、子テーマを作っておくと良い。子テーマを作っておけば、テーマはそのままに、さらに機能を追加したり、調節したりできる、

ということは、テーマがアップデートされても、子テーマで機能の追加や調整が保持されるので、せっかく指定したデザイン等が元に戻ってしまうことはない。

 

child2

 

子テーマを作ろう!

 

 

 

では、子テーマを作ってみよう。当方、さくらのサーバーをレンタルしているので、それに添って書いてゆく。

まず、コントロールパネルのログイン画面に、ドメイン名とパスワードを入力する。

 

子テーマの作り方2

サーバーコントロールパネルの左側には、「お客さま情報」「サーバー情報とパスワード」…といった項目が並んでいる。5つ目の「運用に便利なツール」の中の「ファイルマネージャ」をクリックする

 

子テーマの作り方3

「ファイルマネージャ」が開くと、左側にディレクトリの一覧が表示される。その中の「wp−content」を選択し、

 

子テーマの作り方4

さらに「wp-content」の中の「themes」をクリックすると、

 

子テーマの作り方5

このように、「themes」に保存されているテーマ一覧が確認できる。「twentyforteen」「twentythirteen」「twentytwelve」は、最初からWordPressに用意されているもの。いちばん上の「biz-vecktor」は、当方が該当ウエッブページよりダウンロードしたものだ。

 

子テーマの作り方7

つぎに、ブラウザーの上に位置するメニューバーに、目をやる。バーには、左から「操作」「整理」…と並んでいる。3つめは「表示アドレスへの操作」だ。こちらを選択し、「フォルダ作成」をクリックする。

 

子テーマの作り方8

フォルダ作成の名前を書くフォームが表示されるので、任意の名前を書き、「OK」をクリック。

 

子テーマの作り方6

当方の場合は、現状では、テーマは「biz-vector」を採用している。なので、子テーマの名前は「biz-child」にした。次のように表示される。(以下、当方の実例で示している。一般的には、「biz-vector」を親テーマ、「biz-child」を子テーマに読み替えてください。

 

子テーマの作り方9

次に、この「biz-child」のフォルダ内に、「style.css」のファイルを作成していく。まず、上記の「biz-child」のフォルダーを選択したまま、上部メニューバーより「表示アドレスへの操作」>「ファイルの作成」をクリックする。

 

@charset “utf-8”;
/*
Theme Name: biz-child
Template: biz-vektor
*/

新規ファイルの書き込みフォームが表示されるので、上記のような記述を書き込み、「保存」をクリック。

 

子テーマの作り方10

新規ファイル名の指定を聞いて来るので、「style.css」と書き、「OK」をクリックする。

 

子テーマの作り方11

「biz-child」内に、新しく作成した「style.css」が保存された。これにより、テーマがアップデートされても、(子テーマの「style.css」に書き込んだ記述は消えないので)記述によるデザインの微調整は保持される。

 

子テーマの作り方12

確認のため、WordPressのダッシュボードより「設定」>「テーマ」を開いてみる。子テーマである「biz-child」のサムネールがちゃんと、表示された。ホッ。

 

child1

 

おしまい。

ウェッブは自分で作れ!

 

個人事業主は、自分でホームページを作った方が、いいと思う。小さな会社なら、社長が作るといいね。というのは、出来た上がったホームページは、個人事業主や社長の好みには、なっていないからサ。

気になると、とうぜん、直したくなる。それも、ちょくちょく、直したくなる。

人にお願いする ばあいは、そのつど、お金がかかるし、お金でなく相手の好意に甘えるばあいは、気をつかってしまう。いずれせよ、コストがかかってしまう。
というわけで、このホームページは自分で作ってみた。制作にはWordPressを、データーベースにはMySQLを使っている。

後者は、気にはなるが、その中のファイルを開く必要はない。というか、良くわからず、ファイルをいじるとエラいことになりそう。

WordPressには、固有のテンプレート・ファイルと、「テーマ」のテンプレー・ファイルがあらかじめ用意されてる。(WordPressを使う際には、自分の好みのフォーマットにあった「テーマ」を前もってダウンロードする。)

こちらの使い方は、iPhoneの設定より、やや大変なかんじ。

あとは、こちらで写真、イラストといった素材を集め、必要に応じて文章を書き込んでいくことになる。そのあと、ブログのコメント用のフォームを入れるなど、機能的に必要なら、それに応じたPlug inを探してダウンロードすれば良い。デザインを、より自分好みにしたいばあいは、関係するテンプレートに、HTMLやCSSを数行書き込む必要が出てくる。

ちなみに、当方のばあい、分からないことを教えあう、はてなの「人力検索」が大いに役立っている(ありがとう!)当プラットフォームは、とくに、技術系のやりとりが 充実しているんじゃないかなぁ。

 

 

 

 

 

カボチャの煮付け

 

Kabocha_Nitsuke1どーん。北海道産のカボチャを友人より頂きました。さっそく、煮付けを作ったよん。

 

JKabocha_Nitsuke2まずカボチャは、4分の1に切る。 Kabocha_Nitsuke3ひき肉を用意する(量はお好みに)。
Kabocha_Nitsuke4みりん、さけ、さとう、しょうゆ、
それぞれ、大さじ「2」。
JKabocha_Nitsuke5水200CC(味付けと同様
「2」と覚えておこう)。

 

Kabocha_Nitsuke6で、完成! スーパーのカボチャより、イモっぽかったよん(ほくほく、していた)。