Raindrops is not Black @ Raindrops School

pen>(皆さんありがとうございます。)
おかげさまで、たくさんの人たちがレインドロップスを試してくれているようです。

レインドロップステーマを利用したブログをたくさん拝見する事が出来るのはとても、うれしい事です。

ただ、多くの人はレインドロップスというテーマが黒配色のテーマだと思っているようです

最新版のレインドロップスを使って、カスタマイズブログを作ってみました

*その1

nivo slider raindrops

jQueryを使った画像スライダーに、Nivo Sliderというものがあります。

とてもよく出来ていて、設置が簡単なのでこのスライダーを組み込んだカスタマイズブログを作ってみました。

ワードプレスのチャイルドテーマという仕組みを使い、header.php footer.php ,
functions.php, style.css この4種のファイルを少しだけNivo Sliderからコピペしただけのものです。

配色は、レインドロップスの標準の配色機能を使っているので、レイアウトでカスタマイズしたのは、functions.phpに  $page_width = ‘610’; に変更したぐらいで、配色は、ダーク配色を使っています
[0.912 より $page_width 変数名は $raindrops_page_width に変更しました]
レインドロップスを使うと、カスタマイズが簡単です。

注 page_widthに値を指定するとbody直下のdivにid=”custom-doc”が設定されます。
この、id用のスタイルは、スタイルタグでヘッダに埋め込まれます。
ただし、背景色は、自動で設定されませんから、手動で指定する必要があります。
指定しない場合は、一見floatboxが親boxから飛び出しているように見えます。
overflow:hidden等では解消しないので、留意ください。

*その2

ネスティンググリッド

さらに、テンプレート、投稿内双方で、ネスティンググリッドを可能にしたサンプルです。

投稿をhtmlタグで区切る事で、分割する方法は、http://www.tenman.info/wp3/raindrops/2011/06/10/create-cmplex-layout-raindrops-school/(title)のチュートリアルが参考になります。

レインドロップスは、標準で
ページ幅の変更、レイアウトパターン、自動配色機能、配色の傾向(ダーク、ライト、W3スタンダード、ミニマル等)を管理画面から設定でき、大体のところをプログラムで自動的に作ったうえで、人間様が、感性で完成させていくという、風変わりなテーマファイルです。

いつも、創作意欲が途中で、燃え尽きるあなたへ


コメントは受け付けていません。