Raindrops 1.453がライブになりました

 

Raindrops 1.453 更新概要

Raindrops1.453 BUG Report

今回の更新は

カスタマイザーに新しい機能の追加を行いました

カスタマイズ / 外観  / フォント に

投稿のバーチカルリズム セクション

投稿のバーチカルリズムとは、投稿本文内で 見出し要素 div要素 p table ul ol 等よく使用される要素の垂直方向のマージンを変更できる機能です。

ユーザーは、テーマをブログ用に使ったり、企業ポータルサイト等様々な用途で使用します。ブログ用の用途の場合だと、マージンが広く取られた方が読みやすかったり、企業ポータルの記事などは、マージンが少なめの方が まとまった印象になるといった、ここの使用状況に合わせて雰囲気を変更する機能です。

タイトルを大文字に変更する機能

この機能は、タイトルに日本語だけを使っている場合は、何も変化しません。英文字だけの機能です。

サイトタイトル、投稿タイトル ウィジェットタイトル、アーカイブタイトルの英文文字列を大文字に変更します

WEBサイトの印象の変更には、レイアウトや配色といった項目が注目を浴びやすいですが、これらのマージンを変更するだけでサイトの印象を大きく変えることが出来ます。是非一度お試しください。

この変更に関連して、新しいCSSクラスを追加しました。.uppercase,.lowercase,.capitalizeの3つです。これらのクラスは、

カスタマイズ / サイト基本情報 / サイトタイトルのCSSクラス、

カスタマイズ / 外観 / 投稿 / 投稿タイトルのCSSクラス

カスタマイズ / メニュー / それぞれのメニュー名 / それぞれの項目のCSSクラス 等で、上記の設定を調整する目的のために追加しました。

また、従来から存在するグリッドクラスに、equal-heightクラスを追加しました。

1/2

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud …

1/4 グリッド表示行の高さをそろえるためのクラスです。
1/4


詳細は以下をご参照ください。
Equal Height Grid

また、最近よく使われているゴーストボタンを簡単に設置するためのクラス ghostクラスを追加しました。

詳細は以下を参照ください。

Ghost Button ゴーストボタンクラス -- CSS note

disable クラスを追加しました

カスタマイズ / メニュー / それぞれのメニュー名 / それぞれの項目のCSSクラス 等で、リンクを停止したいというニーズがあるようなので、メニューのCSSクラスに

disableを記述していただくことで、リンクを無効にします。このクラスは、クラス直下のa要素、およびa要素に指定された場合のみ動作します。

CSSの適用だけでなくjavascriptで、href属性も削除します。

AMPプラグイン用のフィルター名が間違っていましたので修正しました。

version: 1.453 Overview of Changes

Modified Add new CSS classes

.equal-height

.uppercase

.lowercase

.capitalize

Customize ‘Convert All Titles to Uppercase’ relate changes.

You can control from Customize / Site Identity / CSS Class of Site Title

Customize / Presentation / Post / Entry Title CSS Class

Customize / Menus / Menu Name / CSS Classes

.ghost

Make the ghost button

example

<a class="ghost rd-alert-bg external" href="http://www.example.com">ghost</a>

.disable

a.disable or .disabe > a is ignore tags surrounded by anchor.

Modified Customizer Customize / Presentation / Fonts

Add New Section ‘Vertical Rhythm for Entry Content’ and ‘Convert All Titles to Uppercase’

Fixed wrong filter name

Change from raindrops_amp_image_width to raindrops_amp_image_height


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