school – WordPress Theme Raindrops

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

ページ毎に特別なヘッダー画像を使う方法

固定ページの、ヘッダー画像を、カスタマイズして、そのページ特有の画像を使う方法です。 functions.phpの先頭に（<?phpの前に、以下のコードを貼り付けてください。 your settingsの部分は、それぞれの環境に応じて、書き換えてください。

&lt;?php
add_filter( 'raindrops_header_image_css','my_custom_header');

function my_custom_header( $style ){
/* your settings */
	$apply_pages = array( 2152 ); // page id or slug or title  ex array( 42, 'about-me', 'About Me And Joe' )
/* your settings end */
	if( is_page( $apply_pages ) ){
	/* your settings */
		$img = 'http://www.example.com/images/example.jpg';
		$height = ''; //example value 300px ,if you need height, please add !important
		$style = 'border:3px solid red;	box-sizing: border-box;'; //ifyou need own style
	/* your settings */

		$css = '#%1$s{background-image:url(%2$s )!important;height:%3$s;%4$s}';
		$css = sprintf( $css,
					'header-image',
					esc_url( $img ),
					esc_html( $height ),
					esc_html( $style )
					);
		return $css;
	}

	return $style;
}
?&gt;

<?php

add_filter( 'raindrops_header_image_css','my_custom_header');

function my_custom_header( $style ){

/* your settings */

$apply_pages = array( 2152 ); // page id or slug or title ex array( 42, 'about-me', 'About Me And Joe' )

/* your settings end */

if( is_page( $apply_pages ) ){

/* your settings */

$img = 'http://www.example.com/images/example.jpg';

$height = ''; //example value 300px ,if you need height, please add !important

$style = 'border:3px solid red; box-sizing: border-box;'; //ifyou need own style

/* your settings */

$css = '#%1$s{background-image:url(%2$s )!important;height:%3$s;%4$s}';

$css = sprintf( $css,

'header-image',

esc_url( $img ),

esc_html( $height ),

esc_html( $style )

);

return $css;

}

return $style;

}

for English user

school Tips カスタマイズ　Tips

Change from header image to featured image in Raindrops

投稿日平成 25 年 2 月 18 日

Change from header image to featured image Please open header-html5.php and find below code.

echo raindrops_header_image( 'elements' );

1	echo raindrops_header_image( 'elements' );

Change below.

//echo raindrops_header_image( 'elements' );
echo '&lt;div style=&quot;text-align:center;&quot;&gt;';
if( is_front_page() ){

	//image for front page
}
if( is_singular() ){

 if( have_posts() ){
     while( have_posts() ){
        the_post();
		the_post_thumbnail( 'full','style=max-width:100%;height:auto;');
     }
    }
	rewind_posts();
}

//echo raindrops_header_image( 'elements' );

echo '<div style="text-align:center;">';

if( is_front_page() ){

//image for front page

}

if( is_singular() ){

if( have_posts() ){

while( have_posts() ){

the_post();

the_post_thumbnail( 'full','style=max-width:100%;height:auto;');

}

rewind_posts();

}

next. Raindrops shows featu…

codes school Tips

縦書きも出来るよ

投稿日平成 24 年 11 月 12 日 tenman

Raindrops1.482縦書きをサポートするようになりました – WordPress Theme Raindrops test test test test test test test test test test test test test test test test test test test test test test test test レインドロップスは、このようなトリッキ…

school Tips
カテゴリやタグパーマリンクのブロックを非表示にする

投稿日平成 24 年 11 月 10 日 tenman

投稿のニュアンスにより方ごりやタグなどの、投稿の最後に記述されるブロックのの表示が不要な場合、それぞれの投稿ごとに非表示にする方法を紹介しますこの機能は、ver 0.994 以降の機能です。カスタムフィールドで、css (半角英数小文字）を作成します。値の欄に、以下のようにスタイルを指定します。

CSS

/* * 投稿日や投稿者を非表示にする */ .entry-meta{display:none;}

1
2
3
4

/*
* 投稿日や投稿者を非表示にする
*/
.entry-meta{display:none;}

以上です

school Tips

投稿日や投稿者名を非表示にする

投稿日平成 24 年 11 月 10 日

投稿のニュアンスにより投稿日や投稿者の表示が不要な場合、それぞれの投稿ごとに非表示にする方法を紹介しますこの機能は、ver 0.994 以降の機能です。カスタムフィールドで、css (半角英数小文字）を作成します。値の欄に、以下のようにスタイルを指定します。

/*
 * 投稿日や投稿者を非表示にする
 */
.posted-on,          /*top pageで非表示*/
.entry-meta-default{ /*シングルページで非表示*/
  display:none;
}

* 投稿日や投稿者を非表示にする

.posted-on, /*top pageで非表示*/

.entry-meta-default{ /*シングルページで非表示*/

display:none;

}

以上です

school Tips 未分類

投稿のタイトルの色を変更する

投稿日平成 24 年 11 月 10 日 tenman

投稿のタイトルを、強調するために、それぞれの投稿ごとにタイトルの色を変更する方法を紹介しますこの機能は、ver 0.994 以降の機能です。カスタムフィールドで、css (半角英数小文字）を作成します。値の欄に、以下のようにスタイルを指定します。

CSS

/* * 投稿タイトルを赤色に変更 */ .entry-title span{color:red;}

1
2
3
4

/*
* 投稿タイトルを赤色に変更
*/
.entry-title span{color:red;}

以上です

school Tips

トップページだけ、メインサイドバーの幅を変更する方法

投稿日平成 24 年 9 月 21 日

トップページだけメインサイドバーの幅を変更したいという質問がありました。強制的に、トップページのサイドバー幅を変更する手順の一例を、メモに残します。 950ｐx固定レイアウトで、デフォルトサイドバーの幅を、トップページだけ左300pxに強制的に変更する方法。 Step 1 header.phpの改造

<body <?php body_class(); ?>>
<div id="<?php echo raindrops_warehouse('raindrops_page_width'); ?>" class="<?php echo 'yui-'.raindrops_warehouse('raindrops_col_width'); ?> hfeed">
<?php raindrops_prepend_doc();?>
<div id="top">

<div id="<?php echo raindrops_warehouse('raindrops_page_width'); ?>" class="<?php echo 'yui-'.raindrops_warehouse('raindrops_col_width'); ?> hfeed">

<?php raindrops_prepend_doc();?>

ハイライトされている行を見つけ…

school Tips カスタマイズ　Tips

ダイアログボックスをショートコードで作る

投稿日平成 23 年 10 月 16 日 tenman

Raindrops 0.930以降であれば、ショートコードという記法を利用できます。強調表示などで使えるダイアログボックスを作ることができます。ダイアログボックスは、投稿画面で以下のように記述します [dialog title=”重要なお知らせ”] ここに内容を記述します。 [/dialog]

school カスタマイズ　Tips