Raindropsテーマでは、htmlのグーグルフォントクラスを適用すると、投稿で指定するだけでいろいろなフォントを利用することが出来ます。 クラス名は、のとさんずジャパニーズのボールドなら、google-font-noto-sans-japanese800 と書けばいいわけですが、しょっちゅうテキストエディタでクラスを記述するのも、面倒といえば面倒ですね。 今回は、ビ ...
- カテゴリー別アーカイブ Raindrops
-
-
raindrops_tile() をトップページに表示する。
add_action( 'raindrops_prepend_loop', 'extend_home_contents' ); function extend_home_contents(){ global $paged; if (empty( $paged ) ) { $paged= 1;} if( is_home() && $paged ...
-
Raindrops raindrops_tile()関数で表示されるグリッドにマージンを付ける
...
上記のように、グリッドにマージンを付ける場合は、スタイルシートの末尾に、以下のようにスタイルを指定します。
#portfolio ul.index > li{ width:32.3%; margin:.5%; }
-
Raindrops 1.309 幅調整クラスの追加
Raindrops には、raindrops_tile() という投稿をページングして表示する関数があります。
上記の画像は、header.phpに関数を追加して表示していますが、ページタイプ フルサイズ等では、ブラウザ幅いっぱいに、表示されるため
Raindrops 1.309から、幅を自動調整するクラスを追加します。
<d ...
-
ウィジェットタイトルを複数行で表示する
ウィジェットタイトルは、デフォルトで1行の範囲でしか表示できません。
長いタイトルを表示したい場合は、以下のように、スタイルルールを style.cssの末尾に追加する事で
長いタイトルの場合でも表示できるようになります。.rsidebar .widgettitle, .lsidebar .widgettitle{ overflow:vis ...
-
header画像のリンクURLを変更する
設定にもよりますが、デフォルトでは、header画像をクリックすると、トップページに移動するリンクが付いています。
このリンクを、ほかのURLに変更したい場合、以下のようにフィルタを使って、変更することが出来ます。
functions.php
add_filter( 'raindrops_header_image_home_url', 'chan ...
-
デフォルトサイドバーの 幅設定クラス
'yui-t1' : left 160px' 'yui-t2' : left 180px' 'yui-t3' : left 300px' 'yui-t4' : right 180px' 'yui-t5' : right 240px' 'yui-t6' : right 300px' <body> <div id="doc3" class="[Widt ...
-
エキストラサイドバーの幅設定クラス
Width control CSS class of Extra Sidebar 25% : yui-ge 75% : yui-gf 33% : yui-gc'; 66% : yui-gd; 50% : yui-g <div class="Width control CSS class of Extra Sidebar" id="container" ...
-
投稿日 投稿者 デフォルトカテゴリを非表示にする
投稿日、投稿者名にフィルタをかけて非表示にする
add_filter( 'raindrops_post_author', '__return_empty_string' ); add_filter( 'raindrops_post_date', '__return_empty_string' );
同じことをCSSで行う 投稿日、投稿者、デフォルト ...
-
概要表示設定で、特定の投稿だけ全文表示にする方法
トップページ等で、投稿本文をHTML in excerpt 概要表示に設定している場合。特定の投稿だけ全文表示で表示することが出来ます。
投稿本文に、以下を記述します。
