Staceyをなんとかする
さて、数回にわたってStaceyの事を書いてきたわけだが、そろそろオリジナルのテンプレートを作らないのだろうかと思われている方もいるかもしれない。というのも私自身がそんな事をボンヤリと考えていたからであり、ひょっとしてこのままお蔵入りにしてしまう気ではないのかと自分のことを疑いはじめたりしたもので、もしそうなるとなかなかのダメっぷりである。ところで「なかなかの」と打つと「中中野」が一番の候補になるあたり、google日本語入力もなかなかのものである。まあ、そんなことはどうでもいい。
とりあえず、方針を決めてから行動することにする。
・webの制作物を紹介するだけだからシンプルに
・自己紹介などするほどの人物でもないのでそんなものにページを作らない
・トップページにはサムネールがあった方がいいのではないか
こんな感じで進める。
とりあえずテンプレートをダウンロードする。
ダウンロードページのTemplate3が良いと思う。デフォルトでサムネールにも対応しているようだ。
Template3の中身をローカルにアップして、前に書いたようにページタイトルやら記事内容やらを書き換えるとこうなった。
悪くはないがこのままでは芸がないというか、ワザワザStaceyにした意味が無いというかねえ、せめてcssだけでも変えてみましょう。あと、プロフィールはトップページに置いておきたい。テンプレートをいじる必要もあるだろう。
そろそろ気づいている方もおられるかもしれないがこれはオリジナルのテンプレート作りではなくてテンプレートの改変である。これを撤退と見るか転進と見るかは個々にお任せすることとしたい。以下を読みたい方は転進であるのだなと納得されたと理解しておく。
で、cssをいろいろと変更し始めて気づいたのだが、埒があかない。最初から自分で作った方が早いのではないか。ということでcssを思い切りよく切る。
無残なものである。しかし、ここから何かが始まるのかもしれない、と良くないセミナーのような気分にひたるのもいいだろう。
そしてリセットcssだったり何かと定番のcssを適用したり、トップページにプロフィールを載せる算段をしたりした結果がこちらだ。
とりあえずはこんなものであろう。
cssに関しては説明しないが当たり前のことをしているとだけ言っておきます。
トップページにプロフィールを載せる方法を書いておく。ひょっとしてもっといい方法があるんじゃないかと疑っているのですが一応こんな感じ。
マニュアルを読んでいてどうも判らんと思っていたのが
のところだったのですが、
これは
もし"このurl"があれば命令を実行する、という事のよう。
ということで上記のコードは
aboutってフォルダがあればそこのページの名前を見出し２に、タイトルを見出し３にして（@
ホニャララはフォルダ内のテキストファイルに登録された変数。その後の@contentsも同様です）、何らかのファイルがあれば:mediaによって挿入される。（:mediaによってtemplates/partials/assetsの中のmedia.htmlが挿入されます。その中でassetsのタイプを分類してそれ用のhtmlファイルがさらに挿入される模様。ところでassetsって何だって話ですが英和辞書によると「資産」らしいです。「何のことだ、私は資産など持ってないぞ」みたいなことをTwitterでつぶやいたところ、soma1104さんから「引き出し」という回答をいただいた。なるほど、Staceyの中では「うむ、このフォルダ内の資産であるjpgファイルを表示しよう」で通じるかもしれないが、ただの人であるところの私は「引き出しの中からjpgファイルを取り出す」の方が判りやすい。assetsというものを概念ととるか実体ととるかの違いだろうか。読んでいる方にはどうでもいいかもしれないが、いい加減悩んだものであってsoma1104様には大感謝である。それにしてもこの括弧内は長すぎないだろうか。）
今日はここまで。書き残したことは後日書こうと思う。書こうと思う。
二度書くと嘘みたいだな。
無残なものである。しかし、ここから何かが始まるのかもしれない、と良くないセミナーのような気分にひたるのもいいだろう。
そしてリセットcssだったり何かと定番のcssを適用したり、トップページにプロフィールを載せる算段をしたりした結果がこちらだ。
とりあえずはこんなものであろう。
cssに関しては説明しないが当たり前のことをしているとだけ言っておきます。
トップページにプロフィールを載せる方法を書いておく。ひょっとしてもっといい方法があるんじゃないかと疑っているのですが一応こんな感じ。
<div class="info">
get "/about" do
<h2>@page_name</h2>
<h3>@title</h3>
:media
@content
end
</div>
マニュアルを読んでいてどうも判らんと思っていたのが
get "/url" do
なにかの命令文
end
のところだったのですが、
これは
もし"このurl"があれば命令を実行する、という事のよう。
ということで上記のコードは
aboutってフォルダがあればそこのページの名前を見出し２に、タイトルを見出し３にして（@
ホニャララはフォルダ内のテキストファイルに登録された変数。その後の@contentsも同様です）、何らかのファイルがあれば:mediaによって挿入される。（:mediaによってtemplates/partials/assetsの中のmedia.htmlが挿入されます。その中でassetsのタイプを分類してそれ用のhtmlファイルがさらに挿入される模様。ところでassetsって何だって話ですが英和辞書によると「資産」らしいです。「何のことだ、私は資産など持ってないぞ」みたいなことをTwitterでつぶやいたところ、soma1104さんから「引き出し」という回答をいただいた。なるほど、Staceyの中では「うむ、このフォルダ内の資産であるjpgファイルを表示しよう」で通じるかもしれないが、ただの人であるところの私は「引き出しの中からjpgファイルを取り出す」の方が判りやすい。assetsというものを概念ととるか実体ととるかの違いだろうか。読んでいる方にはどうでもいいかもしれないが、いい加減悩んだものであってsoma1104様には大感謝である。それにしてもこの括弧内は長すぎないだろうか。）
今日はここまで。書き残したことは後日書こうと思う。書こうと思う。
二度書くと嘘みたいだな。
comment
no comment
add your comment