wp_add_inline_style – WordPress Snippet

ワードプレスをカスタマイズしよう

labo
WordPress Snippet
blog
wp_add_inline_style

タグ別アーカイブ: wp_add_inline_style

管理パネルのプチカスタマイズ　カテゴリスクロールバーをはずす

管理画面のカテゴリスクロールバーは、カテゴリの数が増えると、スクロールが面倒になる事があります。

テーマのfunctions.phpに以下のステートメントを追加します。

wp_add_inline_style('wp-admin','.categorydiv div.tabs-panel {max-height:100%;}');

1	wp_add_inline_style('wp-admin','.categorydiv div.tabs-panel {max-height:100%;}');

wp_add_inline_style は　WordPress3.3　から使えます

❗
WordPress3.5　バグで、この関数が正常に機能しないことがわかりました。

http://ja.forums.wordpress.org/topic/13650?replies=9

3.6を待ちましょう

❗ 3.6-beta2で、試してみたところ、動作していました

  global $wp_styles;
   $wp_styles->add('style', '/themes/raindrops/style.css');
   $wp_styles->add_inline_style('style', '* {margin: 0}');
   $wp_styles->enqueue(array('style'));

global $wp_styles;

$wp_styles->add('style', '/themes/raindrops/style.css');

$wp_styles->add_inline_style('style', '* {margin: 0}');

$wp_styles->enqueue(array('style'));

style.cssの下に、インラインスタイルの埋め込み例（functions.php)

WP_Styles

ヘッダー埋め込みスタイルを追加する新しい方法

wp_encueue_styleのhandleを使って、ヘッダー埋め込みスタイルを追加する方法。
@since 3.3.0

(　wp_encueue_styleでスタイルを登録していない場合は、使えません　）

おおむね以下のようなソースになります。

<link rel='stylesheet' id='style-css'  href='http://example.com/wp/wp-content/themes/theme/style.css?ver=0.993' type='text/css' media='all' />
<style type='text/css'>
.mycolor{ 
	background: #ff0000 
	}
</style>

.mycolor{

background: #ff0000

}

</style>

Code

カスタムフィールドtitle_colorの色指定を、ヘッダーのスタイルで埋め込むsnippet

<?php
function my_styles_method() {
global $post;
	$color = get_post_meta($post->ID, 'title_color', true);
	//$color = sanitize_hex_color($color); //ver 3.5
	$custom_css = ".mycolor{ 
	background: {$color} 
	}";
	if( ! empty($color) ){
		wp_add_inline_style('style',$custom_css);
	}
}
add_action('wp_print_styles', 'my_styles_method',11);
?>

<?php

function my_styles_method() {

global $post;

$color = get_post_meta($post->ID, 'title_color', true);

//$color = sanitize_hex_color($color); //ver 3.5

$custom_css = ".mycolor{

background: {$color}

}";

if( ! empty($color) ){

wp_add_inline_style('style',$custom_css);

}

add_action('wp_print_styles', 'my_styles_method',11);

add_action　hookは、wp_enqueue_style　と　同じ hookを利用するのがポイント
wp_add_inline_styleの　style　が　handle　になります。

wp_head hookは、さよならかも

wp_add_inline_style does not work with concatenated stylesheets

📂 CSS 📎 wp_add_inline_style

管理パネルのプチカスタマイズ カテゴリスクロールバーをはずす

ヘッダー埋め込みスタイルを追加する新しい方法

Code

管理パネルのプチカスタマイズ　カテゴリスクロールバーをはずす