サンプルブログのトップページ(ページリストブロックのCSSの件)

2011年9月11日 at 9:47

サンプルブログと同様の方法でブログを作りました。
そのブログのトップページは、ページリストブロックにカスタムテンプレートが指定されていて、タイトル、要約文、詳細文へのリンクが繰り返し表示されています。

そのデザインを変更するため、右クリックで「デザイン」を選択して、CSSを設定してみたところ、そこに記述したCSSは、そのブロック全体に適用されます。

ブロック全体でなく、ブロック内の一部(タイトル、要約文、詳細文へのリンクなど)にデザインを指定するにはどうすればいいのでしょうか。
別に言い方をしますと、セレクタとかクラスを指定することはできないのでしょうか。
(ちなみに私は、CSSはあまり詳しくありあません)

できない場合、CSSはどのように指定すべきでしょうか。
カスタムテンプレートにCSS(<style>)を直接書き込むのでいいのでしょうか。

Re: サンプルブログのトップページ(ページリストブロックのCSSの件)

2011年9月12日 at 15:06
荒っぽいですが、お使いのthemesのmain.cssに書き込んじゃうってのはいかがでしょう。

ページリストを置いたページのソースを見ると
<h3 class="ccm-page-list-title"></h3>で囲まれてるから、たとえば

h3.ccm-page-list-title {font-size:12px; line-height:170%;}

とか、記述をmain.cssファイルに追加しちゃって
サーバーにUPしちゃえばどうでしょう。

他のH3に影響が出なければいいんじゃないでしょうか。

なにぶん、concrete5は先月から始めたばかりなので
違ってたら、詳しい方訂正お願いします。
 

Re: Re: サンプルブログのトップページ(ページリストブロックのCSSの件)

2011年9月12日 at 17:48
ありがとうございました。
それもひとつの手ですが、

ブロックごとに、指定できるみたいなので、できるならそうほうがいいかなと思って聞いています。
 

Re: Re: Re: サンプルブログのトップページ(ページリストブロックのCSSの件)

2011年9月12日 at 19:35
yamanoiです。

「CSSクラス名」を使えばできます。
CSSの中身は、main.cssに書いておく。
 

Re: Re: Re: Re: サンプルブログのトップページ(ページリストブロックのCSSの件)

2011年9月12日 at 21:33
すみません。きっと基本的なことがわかっていないもので。

ブロック編集で、右クリックすると出てくる「デザイン」からCSSが記述できるというのは、全体のCSSとは別に、ブロック毎に独自のCSSが優先的に適用できるという考え方ではないのでしょうか。

まあ、ある意味どうでもいいことなのですが。
 

Re: Re: Re: Re: Re: サンプルブログのトップページ(ページリストブロックのCSSの件)

2011年9月15日 at 22:53
追加CSSは、該当のブロックを囲むdivに対して書けるものなので、内包する要素に対してCSSを適用したければ、CSS IDもしくはCSS クラスを指定するのが良いと思います。どちらにしても、CSSのカスケーディングの基礎知識は必要ですね。
 

Re: Re: Re: Re: Re: Re: サンプルブログのトップページ(ページリストブロックのCSSの件)

2011年9月16日 at 0:02
要は、私がしたいことは、
CSSカスケーディングなるものを理解すればできるということですかね。