Raindrops のテンプレートファイルの多くには、raindrops_pre_part_... とか、raindrops_after_part_...という名前のアクションフックが定義されています このフックは、 raindrops_pre_part_[拡張子と除いたテンプレートファイル名]_[適用されるテンプレート名] になります このフックを使ってみましょう ...
- カテゴリー別アーカイブ Raindrops
-
-
wp_nav_menu()に、フィルタでメニューを追加
Raindrops のグローバルメニュー（wp_nav_menu() )に、リンクを追加する
functions.phpadd_filter( 'raindrops_nav_menu_primary_html', 'hello_world' ); function hello_world( $html ) { return preg_replace( '! ...
-
メニューバー ページトップに固定
functions.php
<?php /** * Menu fixed * * * */ define('NOBITA_QUERY', 'nobita_fixed_menu' ); define('NOBITA_VALUE_TYPE', 'js'); //または、css $nobita_external_link_value=<<<S ...
-
ヘッダー画像をスライドショーに置き換える方法
2015/2月
現在この機能は、カスタマイザーから、おすすめプラグイン メタスライダープラグイン にスライダーIDを入力していただくだけで、自動的にトップページにスライダーが表示されるようになりました。
チャイルドテーマの作成 まず、カスタマイズが、Raindropsのアップデートで失われないようにするため、チャイルドテーマを作成しま ...
-
トップページを段組レイアウトにする
ブロックは、全て同じ高さなので、ブロックにhoverした時に、コンテンツ本文にスクロールバーを表示します。
チャイルドテーマなどの、style.cssに以下のスタイルルールを追加します
.home .index li{ border:1px solid rgba(222,222,222,.5); width:49%; mar ...
-
Raindrops1.147の新しい機能
ヘッダー画像内に、リンクなどのコンテンツを埋め込めるようになりました
以下のコードで再現できます
functions.phpの先頭
の前に以下のコードを貼り付けてみてください。♠';
デフォルトでは、ヘッダー画像は、トップページにリンクするようになっています。 トップページへのリンクが必要ない場合は、header.phpの ...}
?
-
メインメニューのカスタマイズ
Raindropsのnav_menu（メインメニュー）は、左寄せで、たくさんのメニューを表示できるような汎用的な設定になっています。
WEBサイトの多くは、メインメニューの項目数は少なく、均等揃えしたいという要望もあります。
このページでは、そのような場合のヒントになりそうな、サンプルを提供します。
上記の画像の場合は、メインメニューが6個だけ ...
-
Raindrops1.136でコメント番号表示をサポートしました
Raindrops 1.136では、ユーザーのリクエストにより、コメント番号表示をサポートしました。
デフォルトでは、番号は表示されませんが、以下のスタイルルールを、style.cssに追加すると番号表示ができるようになります。/* for comments */ ol.commentlist li { list-style: decim ...
-
ナビメニューと背景の明るさの調整
functions.php に以下のコードを追加する事で、ナビメニューや背景のグラデーションの明るさを調整する事ができます
add_filter( 'raindrops_dark_dark_bg', 'my_dark_dark_bg' ); function my_dark_dark_bg($val){ // -1 から -5 または 1-5の値の ...
-
Page Featured テンプレートの使い方
Raindrops1.129で、新しい固定ページテンプレートを追加しました。 このテンプレートは、1-5カラムのレスポンシブレイアウトが可能で、カラムの異なる複数のブロックを配置する事が出来ます。 コンテンツは、ページや投稿のIDを指定して、特定のページの内容を表示したり、任意のテンプレートをインクルードしたり、ウィジェットを指定して、好きな場所にウィジェットを表示 ...
