WordPress Theme Raindrops

ワードプレス日本語テーマ レインドロップス

Expandmenu Shrunk

本サイトのサイドバーを追従型に、変更しました。数行のCSSで出来るとても簡単なカスタマイズなので、是非、あなたのサイトでもお試しください

詳細:デフォルトサイドバーを追従型にカスタマイズする。 – Raindrops 取扱説明書

2017/4/28

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

    投稿日 tenman
     

    Raindrops 1.472 更新概要

    今回の変更は

    カスタマイズ/外観/アイキャッチ画像設定の「アイキャッチ画像の特別な表示を行う件数」セクションの変更です。

    従来は、特別な表示を行うことが出来る件数が、最初のページの件数に限定されていましたが、今回の変更で任意の整数を指定できるようになりました。

    お勧めの範囲は投稿1ページ分から10ページ分の件数ですが、フィールドに任意の数値を入力していただくことで好きな件数入力可能です。

    アーカイブや、検索ページでもこの件数指定は有効ですので、ある一定範囲の投稿は、カード型で表示、それよりも古いものは、アイコン教示と

    見た目で、古いものか新しいものかを直感的に把握できるのが特徴です。

    アイキャッチ画像の特別な表示 は、アイキャッチ画像を、左側に指定する事もできます。(主にリスト形式の表示用)縦長の画像がアイキャッチに指定された場合、これまで画像全体が表示できない問題がありましたが、その問題を修正しました。

    詳細は、Raindrops 1.471 BUG Report – WordPress Theme Raindrops をご覧ください

     

    その他、テーマで使用している画像の圧縮、スタイルの微調整などを行いました。

    version: 1.472 Overview of Changes

     

    Modified Compress the image

    images/desmiss.png , images/open.png , images/rss.png

    Modified lib/customize.php

    Translate function change from __() to esc_html__()

    Modified Section Featured Image Special Layout Apply Post Count

    max value change from post_per_page to Any integer value

    Modified When Customize / Presentation / Featured Image Settings (yes) and Featured Image Position (left of article)

    Solved the problem that the portrait image can not be displayed entirely




  • テーマサポート

    ページレイアウト

    1カラム

    2カラム

    3カラム

    4カラム

    post format status

    コンテンツ レイアウト

    投稿本文領域でのgrid layout

    1カラム

    2カラム

    3カラム

    4カラム

    5カラム

    機能

    カスタム背景

    カスタムカラー

    カスタムヘッダー

    カスタムロゴ

    カスタムメニュー

    エディタースタイル

    アイキャッチ画像­ヘッダー

    アイキャッチ画像

    可変ヘッダー

    フッターウィジェット

    全幅テンプレート

    マイクロフォーマット

    投稿フォーマット

    RTL言語対応

    固定投稿

    スレッドコメント

    翻訳対応

    テーマ カスタムウィジェット

    ピンナップ投稿

    投稿のグリッド表示、サイドバーで特定投稿(ランダム表示可能)を表示

    カテゴリーごとの最新記事

    すべてのカテゴリの中から選択、件数指定で最新記事表示

    拡張アーカイブ

    アーカイブの表示期間指定、月別グループ化

    配色機能

    ベースカラーの設定により、無数の配色パターンを作ることが出来ます

    表示しているボックスの背景やフォント色は、自動配色機能を使っています

    ダーク

    ライト

    ミニマル

    W3スタンダード

  • カスタマイズ FAQ

    • 投稿一覧などをグリッドレイアウトで表示できますか
    • はい、Raindrops1.464でグリッド表示を行うことが出来ます。
      version1.464から投稿一覧、アーカイブ、検索結果はカスタマイザーの設定で、カスタム投稿一覧、カスタムフォーマットアーカイブは、functions.phpにコードを追加する事で、グリッド表示にすることが出来ます。詳細は、「予告:Raindrops1.464でアーカイブページのグリッド表示 – WordPress Theme Raindrops」をご覧ください
    • サイトタイトルや投稿 タイトルのフォントを変更したい
    • Googleフォントは、クラス名を記述するだけで、サイトタイトル、投稿タイトル、本文で使用できます。
      例:カスタマイズ/サイト基本情報/サイトタイトルのCSS クラス に google-font-lobsterと入力
      投稿タイトル
      例:カスタマイズ/外観/投稿/投稿タイトルCSSクラス に google-font-lobsterと入力 詳細:Google Font Test
    • サイトタイトルやキャッチフレーズをヘッダー画像内に表示したい
    • カスタマイズの設定で簡単にできます。
      カスタマイズ/サイト基本情報/サイトタイトルの表示位置で変更できます ヘッダー画像の中に表示を選択すると、マージンや位置に関するセクションが表示され詳細な設定が可能です。
    • トップページでは、ヘッダー画像の代わりにスライダーを表示したい
    • Meta Sliderとの自動連係機能があります
      既にインストールしてある場合には、テーマインストール後、一度停止、再アクティベートすると、カスタマイズ/アドオン/トップページにスライダーを表示という項目が追加されますので、スライダーを選択していただくと、自動的にトップページで表示します。
    • Topページをカスタマイズしたい
    • 簡単な例:トップページ用の固定ページ(タイトル例:home)と、投稿アーカイブ用の固定ページ(タイトル例:blog)を作成します
      手順1:カスタマイズで固定フロントページをクリックします。 手順2:カスタマイズで固定フロントページをクリックし、固定ページを選択します。 手順3:フロントページを(タイトル例:home)を選択します 手順4:投稿ページを(タイトル例:blog)を選択し、保存します 手順5:レイアウトを変更する場合は、カスタマイザー/外観/サイドバー設定の選択で詳細を選択して、表示される トップページのカラム数等を指定します。 投稿アーカイブは、http://ワードプレスのURL/blog(タイトルがblogの場合)で表示することが出来ます
    • 投稿日や投稿者を非表示にしたい
    • カスタマイズ/外観/投稿で、表示非表示を設定できます。
      表示、非表示、アイコン表示が出来ます。
    • 投稿日等の日付を和暦で表示したい
    • カスタマイズ/アドオンで、日付の和暦表示を選択してください
      日本語環境でワードプレスを使用している場合のみ和暦表示が可能です
    • パンくずリストを設置したい
    • Breadcrumb NavXTとの自動連係機能があります
      既にインストールしてある場合には、テーマインストール後、一度停止、再アクティベートすると、カスタマイズ/アドオン/パンくずリストという項目が追加されますので、「はい」 を選択していただくと、パンくずリストが、自動的に表示されます。
    • イベントカレンダーを設置したい
    • The Events Calendarとの自動連係機能があります
      既にインストールしてある場合には、テーマインストール後、一度停止、再アクティベートすると、カスタマイズ/アドオン/イベント管理という項目が追加されますので、「はい」 を選択していただくと、イベント管理が出来ます。
    • アーカイブページナビゲーションを詳細に設定したい
    • WP-PageNaviとの自動連係機能があります
      既にインストールしてある場合には、テーマインストール後、一度停止、再アクティベートすると、カスタマイズ/アドオン/カスタムページナビゲーションという項目が追加されますので、「はい」 を選択していただくと、自動的に、ナビゲーションが置き換えられます。
    • 投稿の前後等に、独自のコンテンツを差し込みたい
    • カスタマイズ/高度な設定/開発者用設定で、表示 を選択するとカスタマイザーのプレビューに挿入ポイントが表示されます
      必要な場所に対応するテンプレート名でテンプレートを作成するか、アクションフックで簡単に挿入できます。
      カスタマイズが終了したら、非表示に設定を戻してください。
    • フッタークレジットを書き換えたい
    • カスタマイズ/高度な設定/フッタークレジットのテキストエリアに、独自のクレジットを記述できます。
      address要素で囲んでいただくと中央揃えになります。
    • リンクをクリックしたときに一瞬色が変わるのを停止したい
    • カスタマイズ/高度な設定/キーボードアクセシビリティの停止 で無効を設定していただくと、停止します。
      キーボードアクセシビリティとは、リンクの移動をTABキーを使って移動できる機能です
    • チャイルドテーマを作るほどではないが、スタイルをカスタマイズしたい
    • カスタマイズ/高度な設定/サイト全体のCSS でスタイルを設定出来ます
      スタイルが反映しない場合、入力後、テキストエリアの外側を一度クリックしていただくと反映します。 ここで設定したスタイルは、テーマをアップデートしても失われません
    • テーマを黒以外に設定したい
    • カスタマイズ/外観/配色で、変更できます
      ベースカラーと、配色タイプの組み合わせで、通常のカラーパターンにとらわれない独自の配色設定が出来ます
    • 投稿で、画像が存在しない場合に表示される代替画像をカスタマイズしたい。
    • カスタマイズ/高度な設定/投稿本文内代替画像で、画像のURLを変更してください
      デフォルトの代替画像 デフォルト代替画像
    • 他の投稿とは、異なる独自の投稿デザインを適用したい
    • 例:投稿本文に[raindrops class="rd-card"]と記述してみてください
      このスタイルは、組み込みのサンプルスタイルです。記法のクラスを、書き換えて(例えば:my-class)として、.my-class article{border:1px solid red;}等のようにスタイルをセットしていただくと、独自のスタイルをセットできます。
    • アイキャッチ画像のサイズや位置のカスタマイズ
    • カスタマイズ/外観/アイキャッチ画像で設定が可能です。
      デフォルトでは、トップページの1ページ目に指定件数サイズや位置をカスタマイズできます。
    • トップページや検索ページでは本文を概要表示したい
    • カスタマイズ/概要表示で設定が可能です。
      概要表示には、WordPress標準の概要表示と、Raindrops独自のhtmlを含んだ概要表示が可能です
    • デフォルトカテゴリー(未分類等)をカテゴリーリストに表示したくない
    • カスタマイズ/外観/デフォルトカテゴリの表示 隠すを設定してください
      この処理は、CSSで行われますので、ソースそのものには、デフォルトカテゴリーは存在します
    • レイアウトを変更したい
    • カスタマイズ/外観/レイアウトとサイドバーで、ページ幅、サイドバー幅、カラム数を変更できます。
      1カラムにしたい場合は、サイドバー設定の選択で、詳細を選択すると、投稿、ページ、すべてのアーカイブのカラム数を変更できます レスポンシブレイアウトで、3カラムから、2カラム、1カラムへのブレークポイントの設定は、エキストラサイドバーのレスポンシブ設定 デフォルトサイドバーのレスポンシブ設定から、ブレークポイントをお好みに応じて設定できます
    • フォントサイズを変更したい
    • カスタマイズ/外観/フォントで、ベースフォントサイズを変更できます
      全体のサイズがすべてベースフォントサイズに対応して表示されますのでサイトタイトルや投稿タイトルの調整が必要な場合は レスポンシブレイアウトで、3カラムから、2カラム、1カラムへのブレークポイントの設定は、エキストラサイドバーのレスポンシブ設定 デフォルトサイドバーのレスポンシブ設定から、ブレークポイントをお好みに応じて設定できます カスタマイズ/サイト基本情報/サイトタイトルのCSS クラスに、f10(10px)-f40(40px) クラスを追加してください カスタマイズ/外観/投稿/投稿タイトルCSSクラスに、f10(10px)-f40(40px) クラスを追加してください 詳細:フォントサイズクラス
    • メインメニューのフォントサイズや幅、スティキーメニューの調整
    • カスタマイズ/外観/メニューで、フォントサイズや幅を調整できます
      カスタマイザーの設定によっては、ハンバーガーメニューが表示されます。少し余裕を見て設定してください
    • カスタム投稿タイプを使いたいのですが、テーマはサポートしていますか?
    • Raindrops1.439から、カスタム投稿タイプ個別投稿ページ、カスタム投稿アーカイブでの表示の問題を改善しました。
      特別にテンプレートなどを準備しなくても表示できます 詳細は、アップデートのお知らせを参照してください。
  • ワイヤーフレームクラス(wireframe Class)のご紹介

    このクラスは、Raindropsの長い歴史の中でもほとんど説明されることのなかった プライベートなCSSクラスです。

    このクラスを body要素内に記述すると、コンテンツの中身が非表示になり アウトラインだけが表示されるようになります。

    WEBサイトの、レイアウトの検証や、印刷していただいて、机上でコンテンツの配置等を検討する場合に使っていただけると思います。