どうやらページのテンプレートファイルを新たに作ったり、スタイルシートをいじったりするには、まず子テーマを作ると安全らしい。
そのテーマをアップグレードしたときに、改造した部分まで上書きされて消えてしまうのを防ぐ上で効果的なようだ。
とにかく現在利用させてもらっている「mh-magazine-lite」の子テーマなので、「mh-child」というフォルダを作る。
スタイルシートのコピー冒頭を
Theme Name: mh-child
Template: mh-magazine-lite
と書き換える。後のTheme URIとか、Authorなどの記述はそのまま。
そんでもって、その後に
(アットマーク)import url(/mh-magazine-lite/style.css)
と記述することで、mh-magazine-liteのフォルダ内にあるスタールシートをインポートしてくれるらしい。
変更点を記入するのは、この「import」の行よりさらに後らしい。
このあとは「mh-magazine-lite」のCSSの記述方法にならって以下のように書いてみる。
とりあえず、作品をアップする固定ページにはnovelというclass名をつけてみた。
body.novel
margin 30px
padding 1em
border double 3px (シャープ)339933
注意!実際はカッコとかコロンとかセミコロンが付くのですが、表記の都合上省略で。
それでは、実験開始!
先ほど作った「mh-child」というフォルダにこのスタイルシートを入れて、とにかく実験あるのみ。
うーん、枠線は出てこないし、テキストがセンタリングされるし、全然ダメだわ。
しかも全ページに適用されている!!!
こうなったら徹底的にいじり倒してどんな変化があるかを見てみようと思ったのだけれど、全然思うように変らない。
もうちょっとお勉強が必要ですね・・・トホホ。
了子