2013年08月13日

WordPress の子テーマでトラブルの巻その2

さて、前回の続き。現在のテーマ「simplesimple」の子テーマを作るべく、子テーマの style.css を作りました。
wp-content/themes に Child ディレクトリを作り、そのなかに style.css を作成。
中身はこうしました。
/*
Theme Name: Simple Simple Child by MTan
Description: MTan による子テーマ
Author: MT
Version: 1.0
Template: simplesimple
*/

@import url('../simplesimple/style.css');

するとこんなエラーが。
壊れているテーマ
ほほう、「壊れているテーマ」と。いつの間にか壊れていましたかそんなバカな。

説明では「親テーマが見つかりません」と。
ここではたと気づきます。Simple x Simple はテキストのHPからダウンロードしたフォルダーをそのまま Themes にいれていたな。
ディレクトリの階層はこうなってました。
SimpleSimpleThemes/SimpleSimple
Themes/SimpleSimpleThemes/simplesimple ですね。
ということは Template と @import url にはこのパスを書かないとじゃ?

まずは Tempalte のパスを 
 Template: SimpleSimpleThemes/simplesimple
とだけしてみます。
Simple Simple 子テーマが管理画面に。
あれ、できた。Template 直しただけで管理画面に表示されました。

有効化してみます。
あー、まったく CSS があたってませんね。
そりゃそうか。 @import url は間違ったままですもんね。そこも変更します。
 @import url('../SimpleSimpleThemes/simplesimple/style.css')

もう一度 Simple Simple Child by Mtan を有効化してみると、見事表示されました。
いやー、そりゃそうだよね。ディレクトリのパスをちゃんと書かないと。
でもまあできたからよしとしよう。次に進むぜぃ。


ラベル:WordPress 子テーマ
posted by 万年初心者 at 21:35| Comment(0) | TrackBack(0) | トラブルと対処 | このブログの読者になる | 更新情報をチェックする

2013年08月11日

WordPress の子テーマでトラブルの巻

今回は「テーマのカスタマイズと子テーマ」、P172 でございます。WordPress の既存テーマをカスタマイズするときには、子テーマを作ろうって話ですね。
なぜなら元テーマのアップデートがあった時に、自分でカスタマイズしたものが上書きされて消えちゃうから。
それは大変だ。

というわけで、テキスト通りに進めようと思ったんですが、ちょっと疑問に思ったことが。
子テーマは、子テーマ用のディレクトリを wp-content/themes ディレクトリ内につくるとあります。

ん?これって、親テーマ(元テーマ)のディレクトリと同じ階層だよね。
それじゃあ子テーマと親テーマをどうやって紐付けているのだろうって思ったんですよ。
親テーマのディレクトリ内に子テーマのディレクトリを作るんだと、勝手に思い込んでたので。

その答えは子テーマの必須ファイル、style.css の中にありました。
この Style.css には以下の2項目はかならずいると。
/*
 Theme Names: 子テーマの名前
 Template: 親テーマのディレクトリ名
*/
なるほろ。この 「Template」で指定している親テーマと紐づくわけですな。なっとくなっとく。

さっそく子テーマを作ってみました。Style.css をつくって、さっきの必須項目プラス
 @import url('../simplesimple/style.css")
で親テーマのスタイルシートも読み込みます。
あ、いま親テーマは「simplesimple」って設定です。

さあこれで出来上がり、っと思ったらなんとエラーが!
そして長くなりそうなので次回へ続く。
な、長くなりそうだから!まだ直ってないわけじゃないんだからね!

ラベル:WordPress 子テーマ
posted by 万年初心者 at 10:48| Comment(0) | TrackBack(0) | トラブルと対処 | このブログの読者になる | 更新情報をチェックする

&laquo と &raquo ってなんだろうの巻

基礎からの WordPress もP115。index.php の中身をお勉強です。

そのなかで、&raquo というのが出て来ました。引用すると、
 <?php the_comment('続きを読む &raquo;');?>
こんな感じ。

読み進めると &laquo ってのも出てきます。
はて、なんだろうと思って調べると、「HTMLエンティティ」というものらしい。
うむ、HTML は習得済みの前提だからなぁ。

HTMLエンティティとは、HTMLで特殊文字を表示させたいときに使われるものとのこと。
先ほどの &laquo は「<<」と、 &raquo は「>>」と表示されます。

ほかのにもハートマークとか、コピーライトのマークとか、いろいろ表示できると。
このサイトが色々と検索できてべんりかも。
http://leftlogic.com/projects/entity-lookup

HTMLもかじった程度ですからなぁ。世の中しらないことばっかりだね。
ラベル:HTML
posted by 万年初心者 at 07:29| Comment(0) | TrackBack(0) | 疑問 | このブログの読者になる | 更新情報をチェックする
×

この広告は180日以上新しい記事の投稿がないブログに表示されております。