Raindrops – Raindrops　取扱説明書

カテゴリー別アーカイブ Raindrops

投稿本文　p要素のラインハイト調整フィルタ

add_filter('raindrops_font_size_class_line_height','my_raindrops_font_size_class_line_height', 10, 2 );

function my_raindrops_font_size_class_line_height( $array , $template ) {
	
	$array['13'] = 2;
	
	return $array;
}

add_filter('raindrops_font_size_class_line_height','my_raindrops_font_size_class_line_height', 10, 2 );

function my_raindrops_font_size_class_line_height( $array , $template ) {

$array['13'] = 2;

return $array;

}

投稿日: 2017年11月15日

Raindrops

テンプレート毎にベースフォントサイズを変更

//add_filter('raindrops_font_size_class_backword_compatibility','__return_false');
add_filter('raindrops_font_size_class_base_font_size','custom_raindrops_font_size_class_base_font_size', 10, 2 );

function custom_raindrops_font_size_class_base_font_size( $size, $template ) {
	
	if( 'category' == $template ) {
		return 16;
	}
	return $size;
}

//add_filter('raindrops_font_size_class_backword_compatibility','__return_false');

add_filter('raindrops_font_size_class_base_font_size','custom_raindrops_font_size_class_base_font_size', 10, 2 );

function custom_raindrops_font_size_class_base_font_size( $size, $template ) {

if( 'category' == $template ) {

return 16;

}

return $size;

}

投稿日: 2017年11月9日

Raindrops

アーカイブ、カテゴリーウィジェットの件数表示をカッコつきに戻す

Raindrops1.492でアーカイブウィジェットの件数の表示が変更になります。デフォルトのカッコつきの表示に戻す場合、以下のフィルターを使うことが出来ます。

add_action( 'after_setup_theme', 'my_raindrops_theme_setup', 11 );

if ( !function_exists( 'my_raindrops_theme_setup' ) ) {
	function my_raindrops_theme_setup(){
		
		remove_filter( 'wp_list_categories', 'raindrops_category_link_fomat' );
		remove_filter( 'get_archives_link','raindrops_archive_link_format' );
	}
}

add_action( 'after_setup_theme', 'my_raindrops_theme_setup', 11 );

if ( !function_exists( 'my_raindrops_theme_setup' ) ) {

function my_raindrops_theme_setup(){

remove_filter( 'wp_list_categories', 'raindrops_category_link_fomat' );

remove_filter( 'get_archives_link','raindrops_archive_link_format' );

}

...

続きを読む→ 投稿 ID 3345

投稿日: 2017年10月30日

hookを使ったカスタマイズ Raindrops

gallery gap filter

add_filter('raindrops_gap_gallery_item','return_number'); function return_number($num){ return 6; }

1
2
3
4
5
6

add_filter('raindrops_gap_gallery_item','return_number');

function return_number($num){

return 6;
}

投稿日: 2017年10月26日 tenman
Raindrops
タイトルがない場合のフィルター

add_filter('raindrops_fallback_title_none','my_no_title'); function my_no_title(){ return 'No Title'; }

1
2
3
4

add_filter('raindrops_fallback_title_none','my_no_title');
function my_no_title(){
return 'No Title';
}

アーカイブのリンクタイトルは変更しますが、個別投稿はタイトルは表示されません。

投稿日: 2017年10月11日 tenman
Raindrops
ヘッダー画像の高さに最小の高さを指定する方法

レインドロップステーマのヘッダー画像は、ブラウザサイズに応じて自動的に拡縮します。モバイル表示の場合、ヘッダー画像内に、タイトルやスローガンを表示する設定にしている場合バランスが崩れてしまったり重なり合う可能性があります。このような場合に、ブラウザの幅が一定サイズ以下になった場合に、高さを指定したい場合は、以下のように調整が可能です。高さは、heightを使う ...

続きを読む→ 投稿 ID 3262

投稿日: 2017年6月28日 tenman
Raindrops
グリッド表示の場合の投稿の記述のコツ

グリッド表示は、ブラウザでより多くの投稿を表示できるのがメリットですが、本文でHTMLを使った記述が行われている場合は、概要文は、読みずらいものになったり、ショートコードを使っている場合などでは、何も表示されないといった事も起きます。
グリッドレイアウト表示は、本文の記述領域が制限されますので、制限されたスペースをうまく使って、ユーザーが内容を一瞬で判断で ...

続きを読む→ 投稿 ID 3212

投稿日: 2017年5月9日 tenman
Raindrops
Raindrops テーマでグリッド表示を設定する

Raindropsテーマは、デフォルトではアーカイブなどでの投稿一覧はリスト型で表示されます。
カスタマイザーで設定を行うと、グリッドで表示する事もできます。

どのように設定するのか、以下のビデオで確認していただくと理解しやすいと思います。

[video width="1408" height="688" mp4="https: ...

続きを読む→ 投稿 ID 3200

投稿日: 2017年5月9日 tenman
Raindrops
デフォルトサイドバーを追従型にカスタマイズする。

アーカイブページ等、たくさんのページが表示される場合サイドバーのナビゲーションメニューが、スクロールすると、表示されなくなります。最近、サイドバーのコンテンツをスクロールに追従して表示するWEBサイトをよく見かけます。このページでは、CSSだけを使った簡単なサイドバー追従のカスタマイズの方法をお知らせします。 IEブラウザなどサポートされていないブラウザもあ ...

続きを読む→ 投稿 ID 3195

投稿日: 2017年4月28日 tenman
Raindrops

カスタム投稿タイプのカラム数変更フィルター

Raindrops1.470で、カスタム投稿タイプのカラム数制御を行う、フィルターを追加します。特定のカテゴリーアーカイブ等のカラム数の変更も可能です。

add_filter( 'raindrops_filter_page_column_control','col_control1');

function col_control1($control){
	
		 $control['is_post_type_archive'] =  array( 'type' =>'news', 'columns' => 1 );
		 $control['is_category'] = array( 'type' => 1, 'columns' => 2 );
		 
		 return $control;
}

add_filter( 'raindrops_filter_page_column_control','col_control1');

function col_control1($control){

$control['is_post_type_archive'] = array( 'type' =>'news', 'columns' => 1 );

$control['is_category'] = array( 'type' => 1, 'columns' => 2 );

return $control;

}

$control['is_post_type_archive'] =  array( 'type' =&gt;'カスタム投稿スラッグ', 'columns' =&gt; カラム数 );
$control['is_category'] = array( 'type' =&gt; カテゴリーID, 'columns' =&gt; カラム数);

1 2	$control['is_post_type_archive'] = array( 'type' =>'カスタム投稿スラッグ', 'columns' => カラム数 ); $control['is_category'] = array( 'type' => カテゴリーID, 'columns' => カラム数);

カスタム投稿用のタクソノミ―　タームアーカイブページのレイアウト変更例 [cra ...

続きを読む→ 投稿 ID 3189

投稿日: 2017年4月24日

hookを使ったカスタマイズ Raindrops