Raindropsテーマには、ページ内の特定の位置にコンテンツを表示するアクションフックがあります。このアクションフックと、page-featured.phpテンプレートで使われているraindrops_poster()関数を使って、トップページに任意の投稿やページ、ウィジェットを表示する方法を紹介します。
add_action( 'raind ...
-
-
Raindrops Status Bar
Raindrops1.211から、ブラウザ画面をスクロールすると、ステータスバーが表示されるようになりました。 月次アーカイブでは、次月 前月 へのリンクや、ページナビゲーションリンクが表示されます。 各投稿のページでは、次の投稿や、前の投稿へのリンク、ページの表示では、子ページへのリンクの表示ができます。 ステータスバーを使って、よりスピーディにページの移動が可能 ...
-
table要素の記述例
Raindropsテーマのテーブル要素記述の要点
デフォルトはtable-layout:fixed;です
table 要素に class autoを記述していただくとセル幅の指定ができます
デフォルトの文字列の位置はtext-allign:rightです
table 要素に class leftまたは、centerを記述していただくとセルは、それぞれの ...
-
raindrops_pre_part_,raindrops_after_part_ hooks
Raindrops のテンプレートファイルの多くには、raindrops_pre_part_... とか、raindrops_after_part_...という名前のアクションフックが定義されています このフックは、 raindrops_pre_part_[拡張子と除いたテンプレートファイル名]_[適用されるテンプレート名] になります このフックを使ってみましょう ...
-
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個だけ ...
