• Raindrops1.328がライブになりました

    Raindrops1.328がライブになりました

    モバイル表示の場合に、サイトタイトルが縮小されない問題の修正

    https://www.tenman.info/wp3/raindrops/2015/10/08/予告:raindrops1-328-内部リンク画像が削除済みの場合の処/

    https://www.tenman.info/wp3/raindrops/2015/10/08/予告:raindrops1-328-リンクテキストの表示方法の変更/

    https://www.tenman.info/wp3/raindrops/2015/10/08/blockquote-要素 cite属性の変更/

    Note:del要素のスタイル変更を行いましたが、問題が残っていました。

    delete要素の場合でも、inserted が表示されていました

    Quick Fix

    以下のスタイルを、style.css(又は、チャイルドテーマのstyle.css)の末尾に追加してください。

    .entry-content del:hover::before{
        content:'deleted ';
    }

    以下は、修正済みサンプルソース

    Lorem ipsum dolor sit amet, consectetur adipiscing 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.328 Changes

    Fixed Responsive #site-title display improperly.

    Modify Add fallback image when attachment image removed.

    add function raindrops_fallback_image_for_entry_content_is_show for active callback

    add raindrops_fallback_image_for_entry_content_validate()

    Modified raindrops_add_wbr_content_long_text()

    Modified raindrops_widget_ids()

    Modified Link text presentation.

    link text decode for multibite language when link text using URL

    function raindrops_link_text_filter()

    function raindrops_link_url_text_decode()

    Modified blockquote cite link text decode.

    Note: I’ve done a style change of del element, I had the problem remains.

    Even in the case of delete elements, inserted was displayed

    The following style, style.css (or, style.css of child theme) please add to the end of.

    Quick Fix

    .entry-content del:hover::before{
        content:'deleted ';
    }

    Below Fixed del elements

    Lorem ipsum dolor sit amet, consectetur adipiscing 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.328 リンクテキストの表示方法の変更

    日本語環境で利用の場合、リンクテキストに、リンク先と同様のURLが記述された場合の表示方法を変更します。

    URLエンコードされた日本語が含まれる URLは、wikipedia WordPress日本語CODEX等様々なサイトで利用されています。

    https://ja.wikipedia.org/wiki/%E6%97%A5%E6%9C%AC

    ワードプレスでも、そのようなパーマリンクを設定することが出来ます。

    a要素で、リンク先と リンクテキストが同じURLで記述された場合 従来のRaindropsは以下のようなリンクを生成していました。link-text-old

    1.328では、リンクテキストをデコードしたうえで表示するように表示方法を変更します。

    link-text-new


  • 予告:Raindrops1.328 内部リンク画像が削除済みの場合の処理

    WordPressでは、「メディアの追加」から、アップロードされた画像を自由に投稿に貼り付けることが出来ます。

    複数の投稿で、利用されている画像をメディアの管理画面から削除してしまうと、それらの投稿の画像は、エラーとなり画像が表示されなくなります。

    このような場合に、代替画像を表示できる機能を追加しました。

    メディアから削除された画像の場合以下のように表示されます。

    DSC_0013

    この機能は、カスタマイザーの「高度な設定」のセクションで、画像を変更することが出来ます。

    また、この機能が必要ない場合は、

    functions.php の先頭に、

    $raindrops_fallback_image_for_entry_content_enable = false;

    と指定する事で、利用を停止することが出来ます。


  • 予告:Raindrops1.328 blockquote 要素 cite属性の変更

    Raindropsテーマでは、blockquote 要素に cite属性が存在する場合は、引用内にリンクを表示します。

    <blockquote cite="https://www.tenman.info/wp3/raindrops/2015/10/05/raindrops1-327%E3%81%8C%E3%83%A9%E3%82%A4%E3%83%96%E3%81%AB%E3%81%AA%E3%82%8A%E3%81%BE%E3%81%97%E3%81%9F/">
        <p> BLOCKQUOTEあいうえおABC ABC abc abc </p>
    </blockquote>

    しかし、リンクが極めて長い場合には、要素外にはみ出してしまう問題がありました。

    blockquote-old

    Raindrops1.328で、この問題を修正し、以下のような表示が得られるように変更しますので お知らせします

    blockquote-new


  • Raindrops1.327 投稿日、カテゴリ表示 位置調整機能

    Raindrops1.327では、投稿日や著者、カテゴリ、タグの表示位置を調整できる機能を追加しました。

    最もオーソドックスなスタイルは、以下のようなレイアウトになります。

    default-post-layout
    (英語版での画像)

    Raindropsテーマは、公開当初からこの表示を行ってきましたが、この投稿日や著者名 あるいはカテゴリ、タグを表示していた いわばブログ特有の典型的なスタイルを変更できる機能を追加しました。

    Raindrops1.327では、位置調整機能を追加しましたが、それ以前に実装されている表示の変更機能も含めて、概略を見ていきたいと思います。

    まず、タイトル下の posted on ブロックの表示パターンを見ていきます。

    display-none-author-date

    上の画像は、投稿日、著者名 を非表示としたものです。

    画像には、コメントリンクが表示されていますが、この表示は投稿のコメントの許可設定に連動して表示非表示が切り替わります。

    display-emoji-avatar

    上の画像は、投稿日を絵文字 著者をアバター画像に切り替えたものです。

    同様に、カテゴリや タグの表示の切り替えも可能です。

    display-posted-in-notext

    上の画像では、カテゴり名、タグ名のみを表示しています。

    WEBサイトの目的によって、投稿日や著者をシンプルに表示する事等選択の幅を広げてきました。

    そのうえで、更にサイトの目的に合致したレイアウトを可能にするため

    display-posted-in-above

    カテゴリやタグを、著者などと並べて表示する機能を追加しました

    display-posted-on-below

    日時 著者情報をコンテンツの後ろに表示する事も可能です。

    この機能は、カスタマイズページ / 外観 / 投稿のセクションでコントロールできます。


  • Raindrops1.327がライブになりました

    Raindrops1.327では、
    トグルコントロールをクリックした場合に、一度開いてから閉じてしまう問題を修正しました
    モバイルモードで、メインメニューの表示に問題がありましたので修正しました。
    投稿日投稿者の表示を投稿本文の下に移動できるスイッチをカスタマイザーに追加しました。
    カテゴリ、タグ表示を、投稿日時などと同じ位置に表示できるスイッチをカスタマイザーに追加しました。

    詳細

    ins 要素スタイルの変更

    Lorem ipsum dolor sit amet, consectetur adipiscing 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.

    ModifiedAdd position control for posted on,posted in from cusutomizer

    ModifiedAdd element abbr style

    ModifiedAdd elemant ins style

    Fixedraindrops_pagenav_filter ( for bundle plugin )

    remove attribute rel

    Fixedraindrops toggle works improperly.

    Fixedmobile wp_nav_menu contrast issue.


  • Raindrops1.326がライブになりました

    sharelinkにrel=”nofollow” 属性を追加しました

    サイトキャッチフレーズで指定されていたインラインスタイルを除去しました
    キャッチフレーズがヘッダー画面上にある場合は、

    .tagline{
    color:red;
    }

    ヘッダー画面の上部右上に設定している場合は

    #site-description{
    color:red;
    }
    

    で変更できます。

    アクセシビリティ関連の変更を行いました。

    Raindropsには、一定のパターンでhtmlを記述すると、タブ付きのボックスや、トグル表示ができますが、今回これら2つの機能にタブ移動によっても動作するように変更しました。

    DEMO

    パターンのサンプルは以下です。

    トグル サンプル

    • Toggle Label
    • 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.

    (一回目のクリックをしたときに、開いたのが閉じてしまう問題があるようなので、この問題は次のバージョンで修正します)

    <ul>
    <li class="raindrops-toggle raindrops-toggle-title">Toggle Label</li>
    <li class="raindrops-toggle">
    <p class="google-font-lobster">
    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.
    </p>
    </li>
    </ul>

    タブ表示サンプル

    • Tab Area

    Lobster

    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.

    Lato

    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.

    Open Sans

    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.

    <ul class="raindrops-tab-list clearfix">
    <li class="dummy">Tab Area</li>
    </ul>
    <div class="raindrops-tab-content clearfix">
    <div class="raindrops-tab-page">
    <h3>Lobster</h3>
    <p class="google-font-lobster">
    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.
    </p>
    </div>
    <div class="raindrops-tab-page">
    <h3>Lato</h3>
    <p class="google-font-lato">
    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.
    </p>
    </div>
    <div class="raindrops-tab-page">
    <h3>Open Sans</h3>
    <p class="google-font-open-sans">
    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.
    </p>
    </div>
    </div>

    version:1.326
    Overview of Changes
    Fixed

    Child Theme boots hot fix
    Add CSS childs/boots/base.css

    Modified

    share link fallback CSS

    editor-style.css
    style.css
    Add Attribute for share link rel=”nofolow”

    Add CSS Class, Remove Inline Style

    raindrops_posted_in( )
    Customize Tagline style more easy

    For Example
    customize / Advanced / Site-wide CSS

    /* Place of the Tagline Show in the header image */

    .tagline{
    color:red;
    }
    /* Place of the Tagline Show above the header image */

    #site-description{
    color:red;
    }

    Add Accessiblity ( Tab control ) for Raindrops toggle Presentation

    When focus open toggle contents

    Example
    Add Entry content.

    <ul>
    <li class="raindrops-toggle raindrops-toggle-title">Toggle Label</li>
    <li class="raindrops-toggle">
    <p class="google-font-lobster">
    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.
    </p>
    </li>
    </ul>

    Add Accessiblity ( Tab key control ) for Raindrops TAB Presentation

    When focus open tab contents

    Example
    Add Entry content.

    <ul class="raindrops-tab-list clearfix">
    <li class="dummy">Tab Area</li>
    </ul>
    <div class="raindrops-tab-content clearfix">
    <div class="raindrops-tab-page">
    <h3>Lobster</h3>
    <p class="google-font-lobster">
    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.
    </p>
    </div>
    <div class="raindrops-tab-page">
    <h3>Lato</h3>
    <p class="google-font-lato">
    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.
    </p>
    </div>
    <div class="raindrops-tab-page">
    <h3>Open Sans</h3>
    <p class="google-font-open-sans">
    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.
    </p>
    </div>
    </div>
    

  • Raindrops1.325がライブになりました

    Raindrops1.325がライブになりました。

    今回の変更は、今回の変更は、テーマプラグインインストーラの、バージョンアップなど内部的な変更がメインです。

    -投稿フォーマット「チャット」で会話形式の表示を行った場合に、不要な</p>が混在する問題を修正しました。
    -raindrops_post_date フィルタの引数を変更しました。この変更で、投稿日を、更新日に変更するなどのフィルタワークが可能になりました。
    -URLの正規表現からチルダを削除しました。

    version:1.325

    Overview of Changes

    Modified

    Gettext message change for theme_check plugin

    translate text ‘include’ is the problems that string is warning as a function name

    function raindrops_post_date() add context

    for chageable publish date to modified date

    Remove ~ from regex

    Update class-tgm-plugin-activation.php, tgm-config.php

    Fixed

    Removal of unnecessary closing tags

    function raindrops_chat_filter()