Raindrops 1.453 更新概要
今回の更新は
カスタマイザーに新しい機能の追加を行いました
カスタマイズ / 外観 / フォント に
投稿のバーチカルリズム セクション
ユーザーは、テーマをブログ用に使ったり、企業ポータルサイト等様々な用途で使用します。ブログ用の用途の場合だと、マージンが広く取られた方が読みやすかったり、企業ポータルの記事などは、マージンが少なめの方が まとまった印象になるといった、ここの使用状況に合わせて雰囲気を変更する機能です。
タイトルを大文字に変更する機能
この機能は、タイトルに日本語だけを使っている場合は、何も変化しません。英文字だけの機能です。
サイトタイトル、投稿タイトル ウィジェットタイトル、アーカイブタイトルの英文文字列を大文字に変更します
この変更に関連して、新しいCSSクラスを追加しました。.uppercase,.lowercase,.capitalizeの3つです。これらのクラスは、
カスタマイズ / サイト基本情報 / サイトタイトルのCSSクラス、
カスタマイズ / 外観 / 投稿 / 投稿タイトルのCSSクラス
カスタマイズ / メニュー / それぞれのメニュー名 / それぞれの項目のCSSクラス 等で、上記の設定を調整する目的のために追加しました。
また、従来から存在するグリッドクラスに、equal-heightクラスを追加しました。
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 …
グリッド表示行の高さをそろえるためのクラスです。
詳細は以下をご参照ください。
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