今回の変更は、RaindropsのCSSクラス間の互換性の検証を行いました。
見た目上の大きな変更はありません。
詳細は「Raindrops1.458 CSS Class の互換性テスト – CSS note」をご覧ください
Changes to improve compatibility of CSS Class of Raindrops theme
@see http://tenman.info/labo/css/?p=5647
Sorry, only japanese document.
Raindrops1.457では、文字列省略クラスが追加されました。
class trancate 及び data-rows 属性が、P要素やh*要素に追加された場合、ブラウザの幅が小さいなどで、指定した行数で表示できない場合は、文字列を省略して表示するようになります。また、CSSを適切に設定する事で、全文を表示する「read more」的なものを表示することが出来ます。
下のサンプルは、ブラウザ幅を小さくして、全文が表示できなくなると、read moreが追加されて、クリックすると全文が表示されます。
ブラウザ幅を、狭くしたら、リロードしてみてください
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 exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
詳細は、Raindrops1.457で改修予定のCSSクラスをご覧ください
その他、1.456似て、スタイルが想定以外の部分にも適用されているバグが見つかりましたので修正しました。
Fixed Scope of too wide style
index article margin-bottom,
.postmetadata,.entry-meta margin,
ul.archive > li,ul.index li, margin,
ul.archive > li > div, -ul.index > li > div margin
Added New Class .trancate and data-rows attribute
<p class="trancate" data-rows="5">lorem....</p>
multiline clipping class
for like text-overflow , -webkit-line-clamp, -o-ellipsis-lastline presentation
@see example http://tenman.info/labo/css/?p=5574
Modified rd-square, rd-round, centered classes
今回の変更は、blank-front.php(ブランク・トップページ）テンプレートのオーバーホールです。
外観は、Raindrops ブランク トップページを参照してください
カスタマイザー/外観/フォント/投稿本文のバーチカルリズム の、見出しタグのマージンを変更しました。
固定ページで、投稿本文がページ幅で指定したとおりに表示されない問題を修正しました。
front-portfolio.php テンプレートのオーバーホールを行いました。このページのスティッキー投稿の表示を削除しました。
Modified Overhaul blank-front.php template
Modified Removed Uneeded line-break
Modified Customizer / Presentation / Fonts / Vertical Rhythm for Entry Content
Change h* headding margin
Fixed Page content width display improperly
Modified Overhaul front-portfolio.php Remove Sticky Post
今回の変更は primary menuの位置が左にずれる という指摘と、それに関連するバグの修正です。
利用頻度は少ないとは思いますが、Raindropsでは固定ページ幅のページを作ることが出来ます（750px,950px,974px)これらのページ幅を指定している場合、
primary menu(ページ上部の水平メニュー）が、メニューの数が多い場合、レスポンシブページで用いられるモバイルページ用のメニューが表示されることがあり、固定ページ幅では、レスポンシブレイアウト用のメニューが表示されないよう変更を行いました
経緯については、「トピック: raindrops メインメニュー及びタイトルロゴが左にずれる « サポートフォーラム — WordPress」を参照ください
著者アーカイブページのデザインの微調整を行いました
Fixed Problems that the setting for the responsive page affects the style of the fixed page width
raindrops_customize_control_message_raindrops_primary_menu_responsive()
Class rd-primary-menu-responsive-active add to body when only doc3,doc4 page_width
Modyfied Customizer section customize_render_control_raindrops_theme_settings[raindrops_primary_menu_responsive]
Modyfied CSS for author.php
Modyfied Translation ja.po ja.mo
今回の変更は
投稿フォーマット チャットと ステータスの変更です。
カスタマイザーの設定から、投稿日や投稿者の表示非表示コントロールが出来るようになりました。
投稿フォーマットを適用した「見た目」は以下のリンクを参照してください。
Overview of Changes
Modified Post Format Status, Post Format Chat
今回の更新は
カスタマイズ / 外観 / フォント に
ユーザーは、テーマをブログ用に使ったり、企業ポータルサイト等様々な用途で使用します。ブログ用の用途の場合だと、マージンが広く取られた方が読みやすかったり、企業ポータルの記事などは、マージンが少なめの方が まとまった印象になるといった、ここの使用状況に合わせて雰囲気を変更する機能です。
この機能は、タイトルに日本語だけを使っている場合は、何も変化しません。英文字だけの機能です。
サイトタイトル、投稿タイトル ウィジェットタイトル、アーカイブタイトルの英文文字列を大文字に変更します
この変更に関連して、新しいCSSクラスを追加しました。.uppercase,.lowercase,.capitalizeの3つです。これらのクラスは、
カスタマイズ / サイト基本情報 / サイトタイトルのCSSクラス、
カスタマイズ / 外観 / 投稿 / 投稿タイトルのCSSクラス
カスタマイズ / メニュー / それぞれのメニュー名 / それぞれの項目のCSSクラス 等で、上記の設定を調整する目的のために追加しました。
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 Button ゴーストボタンクラス – CSS note
カスタマイズ / メニュー / それぞれのメニュー名 / それぞれの項目のCSSクラス 等で、リンクを停止したいというニーズがあるようなので、メニューのCSSクラスに
disableを記述していただくことで、リンクを無効にします。このクラスは、クラス直下のa要素、およびa要素に指定された場合のみ動作します。
CSSの適用だけでなくjavascriptで、href属性も削除します。
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
今回の更新は、
予約投稿に不具合がありましたので修正しました
Google Font Class と font-effect-shadow-multiple 等のエフェクトクラスを併用した場合に、2重エンコードが発生して、エフェクトが有効にならない問題を修正しました。
日本語翻訳をアップデートしました。
raindrops_in_the_loop_loopのN番目 というアクションフィルタを追加しました。
functions.php
add_action( 'raindrops_in_the_loop_3','my_test',10,2);
function my_test($content,$num){
if( is_archive()){
echo "<li><div><article>$num</article></div></li>";
}
}
アーカイブ一覧で、3番目に表示されるコンテンツの後方に 3 を表示します。
Fixed Schedule Posts works improperly.
Modified Style change posted in label when using emoji
Fixed Google font url double encoded
Modified customizer js( customize.js )
Fixed gettext empty translation text
Modified customizer link autofocus[section]=colors to javascript
Modified Translation ja.po
今回の変更は、サイトタイトルの色が正しく表示されないことがある問題の修正
フロントページテンプレート周辺のバグの修正
フロントページテンプレートのコンテンツが2重に表示される問題を修正
フロントページテンプレートで、必要のない枠線で囲まれたリンクが表示される問題を修正
フロントページテンプレートで、この投稿のカスタムCSSが動作しない問題の修正
カスタマイザー ヘッダー画像非表示にした場合の、サイト基本情報で表示される項目の調整
add body class rd-2017-base-setting
Fixed header text color
sometimes show wrong color
Fixed front page template
When set static front page
Content duplication display
Remove Add Front Page Radio button
Not work Custom CSS for This Entry
Modified Customizer
Always Shows Display Site Title Text,CSS Class of Site Title( Section:title_tagline )