本文へジャンプします。



ココログサポート Top>>Questions List>>CSSについて (thread)

fixed_question

CSSについて

ブログのデザインについての質問です。
テンプレートでなくオリジナリティを出したく
思いデザインを自分で作りたくCSSについて教
えて頂きたいのですが、作成方法の解説をして
いるサイト等なにか情報を頂けないでしょうか?
また個人で作成されたブログ等あれば拝見した
く思います。
よろしくお願い致します。

basic infomations

しゅうきち | | permalink | デザインの変更/管理

Re: CSSについて
オリジナルのテンプレートをゼロから作りあげるのは、大変な労力と時間がかかります。

そこで、decowebのココログ用テンプレートをカスタマイズするというのはどうでしょうか?
http://cocolog.decoweb.jp/

利用規約やFAQをお読みの上、がんばってみてください。
http://www.decoweb.jp/pages/method/rule
http://www.decoweb.jp/faq_categories/view/1
http://www.decoweb.jp/faq_categories/view/7

> また個人で作成されたブログ等あれば拝見したく思います。
自分も「カスタムCSS機能をフル活用したココログを教えてください」と質問していますが、おひとりからしか回答をもらえていません。
http://cocolog.kaiketsu.nifty.com/questions/16477/thread

テンプレートをつくるところまではいかなくても、部分的にカスタマイズしたいということなら、上記の質問に答えてくれた「初めてのココログ・カスタマイズ」さんがよくまとまっていると思います。
http://tea-for-me.cocolog-nifty.com/blog/

> 作成方法の解説をしているサイト等なにか情報を頂けないでしょうか?
All Aboutの「ホームページ作成」の「スタイルシート(CSS)作成講座」の各リンクからご自分にあったサイトで勉強してみてください。
http://allabout.co.jp/internet/hpcreate/subject/msubsub_lecturecss.htm

take_on | |

Re: CSSについて
しゅうきちさん、こんにちは

自作テンプレートで拙いブログを公開しています。
CSSの知識はほぼ皆無なので、全くのゼロからテンプレートを作る事が出来ず、完成イメージに近いリッチテンプレートを探してCSSを参考にしました。
作成にあたっては、take_onさんの回答にもあります「初めてのココログ・カスタマイズ」さんを全面的に利用させて頂き、判らない用語などは「とほほのスタイルシート入門」で調べました。

私のブログのソースを表示して、43行目のlink rel="stylesheet"にあるURLを開くとココログで使用しているCSSが表示されます。初めの部分はココログ全般で使われているCSSやカスタム・テーマで設定した部分のCSSです。358行目あたりの/* user css */から下が、カスタムCSSに書き込んだ自作部分です。
カスタム・テーマで設定した内容が後々微妙なところで影響するので、まずカスタム・テーマでフォントや色などをキチンと設定してイメージに近づけ、細かな部分をカスタムCSSで変更しました。

CSSの知識が無くてもこの程度までは作成できるので、少しでもお役に立てたら幸いです。

Tosi | |

Re: CSSについて
ご回答頂いた皆様>全くの初心者に親切にご回答頂き誠にありがとうございます。

non-nameさん>情報提供ありがとうございます。参考にさせていただきます。

take onさん>多くの情報を教えて頂きありがとうございます。ゼロから作ることが難しいことがわかりました。部分的にカスタマイズしても大分オリジナリティーを出せることがわかりました。まだ全てを完全に読めてはいませんが少しづつやってみようと思います。

Tosiさん>ブログ拝見させて頂きました。まだCSSの反映のさせ方を理解しきれていなく勉強してから是非やってみたいと思います。

一つ皆様の提供サイトを読んで疑問点があります。
①『初めてのココログ・カスタマイズさん』のページにベースはフリーとありましたがプロに入っていなくてもCSSの編集ができるということですか?(私のプランはプラスですが)

まだCSSについて理解仕切れていなく勉強不足で失礼な質問かもしれません。
ザックリ提供サイトを読んでしかいなく認識間違えなのかもしれませんが、CSSを反映させる方法に根本を作る方法とマイリストから部分的にルールを作る方法があるということなのでしょうか?



しゅうきち | |

Re: CSSについて
>プロに入っていなくてもCSSの編集ができる

以前はCSSの編集はプロプランでしか出来ませんでしたが、
現在は全てのプランで可能になりました。

『公式FAQ:CSSを使って自分でデザインを編集できますか?』
http://cocolog.kaiketsu.nifty.com/faqs/17367/thread

>CSSを反映させる方法に根本を作る方法とマイリストから部分的にルールを作る方法がある

検索結果の記事に「マイリスト云々~」という記述が出てくるのは、
プロプラン以外ではCSSが出来なかった時代に、その他のプランの利用者が
「マイリストにCSSファイルを記述して適用させる」
という裏技を使っていたからです。
現在は「CSSの編集」を利用出来ますので、「マイリスト」でのCSS適用は考えなくてもいいと思います。

尚、テンプレートの土台から全て自作するにはCSSだけでなくHTMLの編集をする必要がありますが、
これが出来るのは現在もプロプランだけです。

『公式FAQ:デザインを自分で好きなようにカスタマイズすることはできますか?』
http://cocolog.kaiketsu.nifty.com/faqs/17389/thread

no-name. | |

Re: CSSについて
non-nameさん>御回答ありがとうございます。大分勘違いして認識にていることがわかりました。提供していたサイト等読み勉強して頑張ってみます。

しゅうきち | |