ハーレクイン図書館　　　　　 200603

スタイルシート　その２(実装方法）

スタイルシートの実装方法としては

css形式の外部ファイル方式(全体で設定する方式）

<STYLE>タグ方式(ページ毎に設定する方式）

<タグ style=">方式(文章づつ設定する方式）

の３つがあるようです。

ところで・・・スタイルシートの実装方法って何のこと？
FC2ブログを素直に使っている限りあまり関係ないのですが・・・
「スタイルシート」というものを原理的に考えてみると、「実装方法」という意味がなんとなく納得できます。

「スタイルシート」はページのレイアウト情報なんだよって言いましたが、じゃあ肝心のレイアウトされる側っていったい何なんだろう？

そう、これがWebページの内容そのものであるHTMLで作られた文書。すなわち、ホームページの記述だったり、ブログの記述だったり。タグといわれる記号で書かれたHTMLドキュメントです。（タグやHTMLドキュメントについてはこちら）

さて、このHTMLドキュメントですが、実はタグを使ってレイアウト情報も文書本体といっしょに記述することができます。<STYLE>タグというものを使います。ただしこの場合、出来上がった文書がタグがいっぱいで長く、非常にゴチャゴチャしてわかりにくいものになります。そこでこの文書の中から、レイアウト情報の部分だけを分離し、見栄えに関するデータを他のファイルに一括してまとめて管理したものが、cssというファイル形式で保存された、いわゆる「スタイルシート」なのです。（ご使用中のスタイルシートについては　環境設定→テンプレートの設定→編集[修正]→スタイルシートの編集欄で確認できます）

何が言いたいのかゴチャゴチャした文章になってしまいましたが、結局このブログは「スタイルシート」と「HTML文書」の２つから成り立っているということ。ですから内容を変更したい場合はこの２つの適当な部分を変更すればいいというわけです。そしてスタイルシートは上述の３つの方法で設定されているわけですから、用途に合わせてその部分を見つければ、意外と簡単にいろいろな変更ができるわけです。

スタイルシートについて詳しくはこちら
超初心者のためのスタイルシート講座も実にわかりやすいです。

スタイルシート

「スタイルシート」というのは、フォントや文字の大きさ、色、行間の幅、修飾など、文書の見栄えに関する情報をひとまとめにした、文書の雛形のこと。ページレイアウトを定義する技術です。この「スタイルシート」によって複数のページの見栄えを統一することができます。

FC2ブログの場合は「テンプレートの設定」というところを開くと、ご自分のブログに使っているテンプレートとスタイルシートが確認できます。私が使っているテンプレートは『rose』。「編集」→「修正」とクリックすると「テンプレートの編集」というページになります。このページの下のほうに「スタイルシートの編集 rose(←ご自分のテンプレートの名前が入る）を編集しています。」という欄があります。ここをいじるとスタイルシート(ページレイアウト）が変更できるわけです。
文字色を変える場合はcolor:#919F55の表記を変更したり、文字の大きさを変えるときはfont-sizeを変更したり・・・

さて、私の場合を使って復習します。間違っていることもあるかと思いますが・・・。ちなみに私は記事ページの設定はオリジナルのまま何もいじっていません。赤字は私のメモです

それぞれの記号の意味についてはこちらのページが非常に便利です。

[roseのスタイルシート]
...read more

最近のブログ状況

このブログに記事を書くのは久しぶり。
実はこのところ図書館本館のサイト作りに没頭していました。
こちらは本館といっても、ずばり『ハーレクインロマンス』に限定したつくり。念願かなってもうすこしでなんとか・・・というところまできました！（近々公開します。）

本館を開いたのは実はFC2ではなくて、Seesaaブログ。一つのIDで複数のブログを開設できるということで管理が簡単。Seesaaブログにはすでに『ハーレクイン図書館　グルメ館』なるものを開館しているので即決定。Seesaaの利点は、何しろ「やろうと思えばなんでもできる（できそう）」なところ。といっても・・・詳しいことは何にもわからないので、やればできるんだろうなあとずっと思っていただけですが。で、今回ちょっとはじめたら・・・はまった・・・面白いですねえ。

ということで今日はブログづくりに関連して、このところ学んだことをメモします。

投稿記事の日付を消す

これは日記風のサイト作りをしている方以外なら、誰でもが考えるのでは？日記じゃない限りタイトルの脇の『○月○日』という表記はジャマ。FC2のこのテンプレートは幸いなことに記事の左下に小さく表記されているので余り気にならないのでそのままにしてあります。でもブログで用意されているテンプレートの多くは日付表示がかなり目立つ。で・・・これを消しました。スタイルシートをいじり「.date」をdisplay: none;　にするという最も簡単な方法。

カテゴリの記事数の表示を消す

新刊紹介(ＨＱロマンス） (39)
　　　　　　　　　　　　　　　↑
　　　　　　　　　　　　　　これ

このサイトや本館サイトのように一つの記事で1冊の紹介をしているような場合は、この数字は非常に有効。ぱっと見るだけで、「ああ39冊ね」ってわかりますよね。でもそうじゃない場合、あまりいらないな～と。
カテゴリのリスト自体を『目次』や『索引』のように使う場合、関連記事の数なんて余り必要ないという場合もあります。こういう方あまりいないのかな？

これはやり方を説明している人が少なくて・・・というか、いなくて結局自分で考えたので正しいやり方かわかりません。
簡単に言うと、スタイルシートをじ～っと見て、記事数の表記に該当する箇所を削除しました。

サイドバーが落ちる（ブログのレイアウトの崩れ）

これもスタイルシートを変更する必要あり。
レイアウトが崩れるということは、幅が大きすぎるから型に入りきらないということ。入りきるように幅を設定すればいいわけです。幅の設定は「width」という部分の数字を変更することでクリア。

ということで、そう、結局は『スタイルシート』というものが何なのかがわかってくると、ブログのデザインを自由にいじれるということがわかってきたのです。はじめはわたくし、『スタイルシート』なるものが何なのかもわかっていませんでした。

「スタイルシート」へつづく

2006年3月5日発行侯爵に愛されて

侯爵に愛されて
アンウィール Anne Weale 古川倫子
ハーレクイン 2006-03

by G-Tools

カシアが働くグラナダの豪華ホテルに、スペインでも指折りの貴族、シモン・モンドラゴン侯爵がやってきた。優雅で魅力的な侯爵は、いかにも遊び慣れたふうで、カシアにも親しげに声をかけてくる。数日後、侯爵は彼女をディナーに誘った。「君に提案があるんだ。僕のスイートルームで食事をとろう」カシアは耳を疑った。提案というのはいったなにかしら?まさか、つかのまの情事なんかじゃないわよね。