WordPress Theme Raindrops

Raindrops 1.512 更新概要

今回の変更では、サイドバーの　raindrops_prepend_default_sidebar、raindrops_append_default_sidebarアクションフックの位置が適切でない不具合の修正を行いました。

TinyMCE さよなら、インラインスタイル

TinyMCE投稿エディタで、ビジュアルモードでフォントカラーやサイズを変更した場合、インラインスタイルが適用されます。

Raindropsテーマでは、インラインスタイルをdata属性に変更しました。

「例えば、カラータイプミニマル（白背景）で、指定した適切な配色は、カラータイプダーク（黒背景）では、常に適切な配色とは言えません。」

この変更で、従来は不可能だった、カラータイプミニマルでエディタから指定した配色を、他のカラータイプで設定を打ち消すことが出来るようになりました。

この設定は、カラータイプダークの場合、背景と色をリセットします。

.rd-type-dark .entry-content .has-background{
    	background:transparent;
	color:currentcolor;
}

.has-backgroundクラスは、gutenberg pluginが追加する要素です。testされる場合には、Gutenberg — WordPress Pluginsをインストールしてください。

TinyMCE投稿エディタのi （斜体）ボタンを押したときに、適用されるスタイルを圏点に変更しました。

カスタマイザー

カスタマイズ/外観/フォント/投稿本文のバーチカルリズム調整機能に、段落内の行間調整を含めるように変更しました。

CSS クラス

CSSクラス、rd-justifyを追加しました。

記述すると、文字間が 均等割り付け で表示されます。

こんな表現が出来ます。

version: 1.512 Overview of Changes

Fix The position of the hook was not in the correct position

raindrops_prepend_default_sidebar(),

raindrops_append_default_sidebar()

404.php, author.php,blank-front.php,category.php,date.php,image.php,index.php,page-templates/front-portfolio.php,

page-templates/list-of-post.php,page.php,pdf.php,single.php

Modified for Gutenberg

Class name changed from .editor-visual-editor to .edit-post-visual-editor

etc…

for Gutenberg 2.3.0

Modified Changed TinyMCE inline style to data attribute

Inline styles added by TinyMCE and Gutenberg Plugin may cause fatal damage if you change the color scheme of the theme.

Also, in order to change the inline style, you need to use ! Important in the external style,

you can not change the flexible style.

This change makes it easy to change styles from Post CSS editor and CUSTOM CSS of customizer.

example

In color type dark, make the background color transparent

.rd-type-dark .entry-content .has-background{
    	background:transparent;
	color:currentcolor;
}

if you no needs,

Customize / Advanced / Replace style attributes with data attributes

set disable.

Added Paragraph wrap ( Customize / Presentation / Fonts. Paragraph line wrapping )

It is now possible to adjust when the width of one line is too wide.

default false

Modified Vertical Rhythm for Entry Content ( Customize / Presentation / Fonts. Vertical Rhythm for Entry Content )

add paragraph line-height

Modified for japanese

In the Japanese environment TinyMCE itaric button, Display Emphasis marks

New CSS class rd-justify

For languages that do not delimit characters such as Japanese with spaces, equal spacing is occasionally used.

This class is available in all languages.

example

<p class="rd-justify f32 solid-border" style="width: 14em;">hello world</p>