Raindrops 1.462 更新概要
今回の変更は
TinyMCE(投稿編集エディタ）のスタイルや、表示幅の変更です。
RaindropsテーマのCSSクラス、rd-square, rd-round, centered クラスが、エディターに反映するようになりました。
カスタマイズ/外観/レイアウトとサイドバーの、コンテンツ幅 キープ又はフィットの設定に応じて、エディタの表示領域が変更可能になりました。
（この設定は、1カラム表示の時に効果があります。）
関連投稿の表示で、日別アーカイブのリンクの不具合が取り切れていなかった問題を修正しました。
1カラム フルサイズレスポンシブ ミニマル配色を使用した場合に、アーカイブページでのボックスシャドーを削除しました。
カスタマイザープリビューで、関連投稿の表示部分に、設定セクションへのリンクを表示するようにしました。
主に、mark要素などでの 配色クラスを追加しました。
例
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.
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.
Lorem ipsum dolorLorem ipsum dolorLorem ipsum dolorLorem ipsum dolor
<p >Lorem ipsum dolor <span class="mark-blue">sit amet, consectetur adipisicing elit, sed do eiusmod tempor</span><span class="mark-yellow"> incididunt ut labore et dolore magna aliqua.</span><span class="mark-red"> Ut enim ad minim veniam, quis nostrud exercitation ullamco</span> 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 <span class="mark-green">officia deserunt mollit</span> anim id est laborum.</p>
<p ><span class="mark-yellow">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.</span></p>
<div>
<mark class="notice">Lorem ipsum dolor</mark>
<mark class="alert">Lorem ipsum dolor</mark>
<mark class="info">Lorem ipsum dolor</mark>
<mark class="blue">Lorem ipsum dolor</mark>
</div>
早速ですが、バグがありました。
可能であれば、次のバージョンまで使用を控えてください。
Hotfix
style.cssのhttps://github.com/tenman/raindrops/blob/master/style.css#L7584-L7597
の部分を以下のように変更してください。
（mark.alert,mark.notice,mark.info,mark.blue,のクラス追加とpadding-top:0;padding-bottom:0;の追加です）
mark.alert,mark.notice,mark.info,mark.blue,
mark.blue, mark.yellow, mark.green, mark.red,
.mark-blue, .mark-yellow,.mark-green,.mark-red{
-webkit-box-decoration-break: clone;
-o-box-decoration-break: clone;
box-decoration-break: clone;
padding-left:.5em;
padding-right:.5em;
padding-top:0;
padding-bottom:0;
margin-left:1px;
margin-right:1px;
line-height:1.65;
box-sizing:border-box;
display:inline-block;
}
次回の更新で修正させていただきます。
mark 要素クラスと、汎用のmark-** クラスのテスト Raindropsテーマ – CSS note
version: 1.462 Overview of Changes
Added Style for TinyMCE
for .rd-square, rd-round, centered classes
Modified css, customizer arg name, function names, langages
relate posts to related posts
Fixed Related Posts, day archive link linked wrong.
Modified TinyMCE editor content width
Customize / Presentation / Layout and Sidebars
When the value of Content Width is set to keep or fit, the width of the TinyMCE editor will also be changed accordingly.
Fixed a problem that the color scheme is not applied when the tag cloud widget is set in the footer widget area
Modified In the customizer preview, add an edit link to Related Post
Removed CSS box shadow ( full width responsive + content width:fit )
Add CSS Class for mark elements
Sorry, CSS Class for mark has BUG. Please wait next version.
