0.263に新機能グラデーションクラスを追加しました。

The new function gradation class was added to 0.263.

このテーマは、従来より自動配色機能を持っていました。

これらの自動配色設定は、style.cssでの上書き設定を前提とし、詳細度を低くして記述しています。

自動配色機能は、10個の配色クラスを持っていて、color1-5, color-1~-5を指定することで、前景色と背景色を投稿画面htmlから、指定することができます。

code:

sample

これらの従来までの機能に加えて、グラデーションを指定するための10個のクラスを追加しました。


gradient1-5, gradient-1~-5 を利用することができます。

code:

sample

実際に表示させると

A – Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

B – Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

C – Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

のようにグラデーションを表示することができます。

これらのグラデーションは、基本色の設定によって、ダイナミックに設定されます。

グラデーションや配色が、どのようなものかを編集時に見たい場合には、新規投稿画面、投稿編集画面の 画面右上のヘルプタブをクリックしていただくと、サンプルを表示できます。

0.263のヘルプ画像にあるように、コードサンプルに間違いがありました。次のアップデートの時まで改修したいと思います。

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