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 ) { ...
-
-
テンプレート毎にベースフォントサイズを変更
//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_f ...
-
アーカイブ、カテゴリーウィジェットの件数表示をカッコつきに戻す
Raindrops1.492でアーカイブウィジェットの件数の表示が変更になります。デフォルトのカッコつきの表示に戻す場合、以下のフィルターを使うことが出来ます。
add_action( 'after_setup_theme', 'my_raindrops_theme_setup', 11 ); if ( !function_exists( 'my_rai ...
-
gallery gap filter
...add_filter('raindrops_gap_gallery_item','return_number'); function return_number($num){ return 6; }
-
タイトルがない場合のフィルター
add_filter('raindrops_fallback_title_none','my_no_title'); function my_no_title(){ return 'No Title'; }アーカイブのリンクタイトルは変更しますが、個別投稿はタイトルは表示されません。
-
ヘッダー画像の高さに最小の高さを指定する方法
レインドロップステーマのヘッダー画像は、ブラウザサイズに応じて自動的に拡縮します。 モバイル表示の場合、ヘッダー画像内に、タイトルやスローガンを表示する設定にしている場合バランスが崩れてしまったり重なり合う可能性があります。 このような場合に、ブラウザの幅が一定サイズ以下になった場合に、高さを指定したい場合は、以下のように調整が可能です。 高さは、heightを使う ...
-
メインコンテンツとサイドバーに適当な空白(ガター）を作る
3カラム表示などで、サイドバーと投稿ブロックにもう少し空白を付けたいとか、一行あたりの文字列が多すぎると読みずらいという事があると思います。 サイドバーとメインコンテンツに適当な空白を付けると、見やすさが大きく異なります。 そのような場合は、以下のようにCSSで調整することが出来ます。 カスタマイザーの追加CSSに、以下のように記述する事で一行文字数を40文字に制限 ...
-
グリッド表示の場合の投稿の記述のコツ
グリッド表示は、ブラウザでより多くの投稿を表示できるのがメリットですが、本文でHTMLを使った記述が行われている場合は、概要文は、読みずらいものになったり、ショートコードを使っている場合などでは、何も表示されないといった事も起きます。
グリッドレイアウト表示は、本文の記述領域が制限されますので、制限されたスペースをうまく使って、ユーザーが内容を一瞬で判断で ...
-
Raindrops テーマでグリッド表示を設定する
Raindropsテーマは、デフォルトではアーカイブなどでの投稿一覧はリスト型で表示されます。
カスタマイザーで設定を行うと、グリッドで表示する事もできます。どのように設定するのか、以下のビデオで確認していただくと理解しやすいと思います。
[video width="1408" height="688" mp4="https: ...
-
デフォルトサイドバーを追従型にカスタマイズする。
アーカイブページ等、たくさんのページが表示される場合サイドバーのナビゲーションメニューが、スクロールすると、表示されなくなります。 最近、サイドバーのコンテンツをスクロールに追従して表示するWEBサイトをよく見かけます。 このページでは、CSSだけを使った簡単なサイドバー追従のカスタマイズの方法をお知らせします。 IEブラウザなどサポートされていないブラウザもあ ...
