• 更新一覧
  • Raindrops 1.513がライブになりました

    投稿日 tenman

    Raindrops 1.513 更新概要

    今回の変更は、レスポンシブボックスレイアウトを設定した場合に、パララックスヘッダー画像が、スクロール時に拡大される問題の修正、Gutenberg プラグイン対応用のCSSの追加と変更です。

    新しいCSSクラスの追加、従来から、body要素の動的クラスに、 .rd-basefont-13,.rd-basefont-14,… .rd-basefont-20がありましたが、このクラスに、フォントサイズを定義しました。この事で、javascript等で、これらのクラスを置き換えることで、フォントサイズを簡単に変更できるようになりました。

    グーテンベルグエディターの、オプトイン設定で alignwide alignfull クラスを追加するためのボタン表示が出来ますが、alignwide alignfullに対応するスタイルを追加しました。(プラグインをインストールしない場合でも動作します。)

    Photo by Ales Krivec on Unsplash

    全幅表示をするためには、figure要素でラップされた画像と、figure要素のクラス属性に、wp-block-image alignfull,又は、wp-block-image alignwideの2つのクラスが、必要です。

    これらのクラスは、実験的な実装です。3カラムでも動作します。2カラムでは、ヘッダー画像の左右位置に問題があります。

    version: 1.513 Overview of Changes

    Modified added Raindrops base font CSS classes .rd-basefont-13,.rd-basefont-14,… .rd-basefont-20

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

    Changed paragraph line height value

    Modified Customize / Presentation / Fonts. Paragraph line wrapping CSS

    Modified function raindrops_gallerys_clone() css values

    Modified Gutenberg add_theme_support( ‘align-wide’ )

    Modified Gutenberg CSS

    Fixed header image pallalax issue

    When using box layout responsive, scroll then image wider.


  • Raindrops 1.512がライブになりました

    投稿日 tenman
     

    Raindrops 1.512 更新概要

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

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

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

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

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

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

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


    .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

    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


  • Raindrops 1.510がライブになりました

    投稿日 tenman
     

    Raindrops 1.510 更新概要

    今回の変更では、size1of2, size1of3, size2of3, size1of4, size3of4,size1of5, size2of5, size3of5, size4of5, の各クラスを、組み合わせることで画像等のサイズを柔軟に変更できるようにしました。また、それら右寄せ左寄せのボックスに枠線を追加する solid-border クラスを追加しました。

    なを、Gutenberg plugin の新UIでは、右寄せ左寄せする機能が、画像以外のブロックにも多数追加されていますので、ブロックのclassフィールドにこれらのクラスを入力する事で、より柔軟なサイズ指定を可能にしました。現在 div, figure, ul, ol, p, (tableは、未サポート)に対応しています。

    詳細はblock aligns + percent width Classes -- CSS noteでご確認ください。

    version: 1.510 Overview of Changes

    Modified wp-caption short code remove inline style.

    Added

    CSS percent width classes

    You can make grid layout in post content.

    size1of2, size1of3, size2of3, size1of4, size3of4,size1of5, size2of5, size3of5, size4of5, solid-border

    means size1of2 is 50% width of entry content

    Supports gutenberg plugin block class, text html.

    work width div, figure, ul, ol, p, (table is not support)

    Example

    @see https://tenman.info/labo/css/?p=8704

    Traditional Raindrops grid classes can also be used.

    Modified gutenberg plugin front end style

    removed gutenberg figure(imge) inline style.


  • Raindrops 1.509がライブになりました

    投稿日 tenman

    Raindrops 1.509 更新概要

    今回の変更は、version1.507でのアップデートの際にxhtml環境で表示、子テーマでの表示で、レイアウトが崩れてしまうバグがありましたので、修正しました。

    カスタマイザーにヘッダー画像を固定表示するための、Parallax Header Imageを追加しました。(カスタマイズ/ヘッダーメディア/ Parallax Header Image

    version: 1.509 Overview of Changes

    Fixed a bug that the site could not be displayed properly in xhtml environment

    Added Header Image parallax

    Customize / Header Media / Parallax Header Image

    Please select disable to return to the conventional display


  • Raindrops 1.507がライブになりました

    投稿日 tenman
     

    Raindrops 1.507 更新概要

    文書型HTML5(デフォルト)でご利用の場合、テーマ内で出力されるstyle要素、script要素から、type属性を削除しました。

    グーテンベルグプラグイン用のスタイルを変更しました。

    文書型HTML4でご利用の場合、ギャラリーショートコードをdl要素で出力するように変更しました。

    ul ol要素にalignleft,alignrightクラスを追加しました。

     

    version: 1.507 Overview of Changes

    Modified remove type attribute from html5 style and script elements in theme.

    Modified Gutenberg plugin Styles

    Modified When using Doctype HTML4, Gallery Shortcode using dl,dt,dd old style.

    Added CSS Classes ol.alignleft,ol.alignright, ul.alignleft, ul.alignright


  • Raindrops 1.505がライブになりました

    投稿日 tenman

    Raindrops 1.505 更新概要

    今回の変更は、主にグーテンベルグプラグインのためのCSSを変更しています。

    このプラグインは、WordPress5.0でのコア実装を目標に行われている エディターのインターフェースの変更のためのプロジェクトで、

    近い将来使い勝手が大きく変わる可能性があり、コアのCSSクラスも刷新されます。

    レインドロップスは、この大きな変更に追従する事で既存サイトでの安定した運営を可能にするべく、早期サポートを行っています。

    テストサイトなどで、グーテンベルグプラグインのテストを始めていただくと、テーマでの課題も見えてくると思います。是非ご協力ください。

     

    version: 1.505 Overview of Changes

    Almost relate CSS

    Main changes Gutenberg front and editor style.  

    Modified Add style for Gutenberg Plugin

    Modified Add Oembed instagram wrapper div.rd-instagram

    Added function raindrops_width_class_and_relate_settings()

    Fixed function raindrops_gallerys_clone funny code

    Fixed wrong styles in lib/csscolor.css.php

    Removed oembed instagram script in raindrops.js

    Removed br.clear element and added clearfix in block