WordPress Theme Raindrops

Raindrops1.482で縦書き機能を組み込むためのテストを始めました。

• レインドロップス テーマ　縦書きテスト
• ページ分割　縦書きテスト
• 縦書きのカスタマイズ – CSS note

Raindrops1.471で

カスタマイズ/外観/レイアウトとサイドバーの設定で「フルサイズレスポンシブ」が設定されている場合（デフォルト設定）ヘッダー画像の自動トリミング機能を追加します。

自動トリミング機能の設定の背景
フルサイズレスポンシブでは、ブラウザ幅いっぱいに画像が表示されるようになりますが　ヘッダー画像用にトリミングを行わない場合　この場合多くのブラウザでは画像の縦方向が、ブラウザのサイズを超えてしまいます。

縦長の画像をセットしたような場合は、スクロールしても画像が表示され続け、操作がしずらいものになってしまいます。

このような事から、ヘッダー画像として設定された画像が、ブラウザの高さを超えてしまう場合には、ブラウザの高さを上限にして、ブラウザに表示可能な範囲を表示するように変更します。

例：indexページで、縦長のアイキャッチ画像が使用されています。

個別投稿で、ヘッダー画像をアイキャッチ画像に設定した場合、横長のPCブラウザでは、ブラウザの長さよりはみ出る部分は、トリミングして以下のように表示されます。

縦長の、スマートフォンなどで表示した場合は、同様にヘッダー画像のは見出しが発生する場合、ブラウザのサイズに合わせて縦長でいっぱいに表示されるようになります。

この機能を使いたくない場合

以下のようなフィルターを使用していただくと、カスタマイザーのヘッダー画像と同じ比率で、ヘッダー画像を表示するようになります。
functions.phpの先頭に設定してください。

add_filter('raindrops_header_image_ratio','custom_raindrops_header_image_ratio');

function custom_raindrops_header_image_ratio($ratio){
$ratio = 0.3 // 画像高さ/画像幅
	
	return $ratio;
}

Raindrops1.459で、個別投稿ページで「関連投稿の表示機能を追加します」

この機能は、デフォルトで表示されますので、プラグイン等で関連投稿を表示している場合は、停止してください。

関連投稿を表示するに至った経緯

Raindropsテーマに関連するサイトを、いくつか運営していたのですが、ある時期にサーバーの負荷が高めで推移してしまい。レンタルサーバーで帯域制限がかかるようになった時期がありました。

関連投稿を表示するプラグイン、アクセス解析や購読ランキングのプラグインを使用していましたが、これらの使用をあきらめることになりました。

これに代わる、負荷があまりかからない、簡単な関連投稿を表示する機能が必要で、テーマで実装する事にしました。

とても、簡単なものですので既に、関連投稿表示のためのプラグイン等をご利用中の方には、物足りなさもあるかと思います。

カスタマイザーの設定で、機能を簡単に停止する事もできますので、ご判断ください。

関連投稿の表示ロジック

関連投稿の表示は、最近の投稿、投稿で設定されたカテゴリーの記事、投稿で設定されたタグの記事を表示します。

デフォルトカテゴリーしか設定されていない場合、最近の投稿を、関連投稿として表示します

カテゴリーがデフォルトカテゴリー以外に1件設定されている場合、そのカテゴリー一覧を指定件数表示します。

カテゴリーが、デフォルトカテゴリー以外に複数件設定されている場合、カテゴリーの中から、カテゴリーカウントの最も多いカテゴリーの一覧を指定件数表示します。

カテゴリーの他に、タグが設定されている場合、タグのカウントと、カテゴリーのカウントを比較して、カウントの多いカテゴリまたはタグの一覧を表示します。

カテゴリーカウント、タグカウントの最も多いもので比較して、同じカウントなど、比較ができない場合は、カテゴリーの総数と、タグの総数を比較して、多い方の一覧を表示します。

いずれも、一覧には、個別投稿記事を含みません。

このロジックは、カスタマイザーの関連投稿セクションの「関連性のキー」が自動の場合に適用されます。カテゴリーやタグとの関連性で、表示を設定する事もできます。

表示方法の設定

カスタマイズ/外観/関連投稿　セクションで、表示方法の設定が出来ます。