WordPress:特定の親ページを持っているかどうか判定する

特定の親ページを持っているかどうかを判定したい時には、以下のコードで分岐できます。 <?php if ($post->post_parent) { $post_data = get_post($post-&g … “WordPress:特定の親ページを持っているかどうか判定する” の続きを読む

特定の親ページを持っているかどうかを判定したい時には、以下のコードで分岐できます。

<?php if ($post->post_parent) {

	$post_data = get_post($post->post_parent);
	$parent_slug = $post_data->post_name;

	if ($parent_slug === '判定したい親ページのスラッグ') { ?>
		<!-- ここにtrueの場合の処理 -->
	<?php } else { ?>
		<!-- ここにfalseの場合の処理 -->
	<?php }
} ?>

CSS:background-positionの%(パーセンテージ)指定

CSSでbckground-imageのポジションを%(パーセンテージ)で指定に関して、僕は、指定したbackground-imageの中心が、要素の横幅全体に対して指定した%が適用されると思っていましたが、そうではあり … “CSS:background-positionの%(パーセンテージ)指定” の続きを読む

CSSでbckground-imageのポジションを%(パーセンテージ)で指定に関して、僕は、指定したbackground-imageの中心が、要素の横幅全体に対して指定した%が適用されると思っていましたが、そうではありませんでした。

図を使って説明

例えば、幅1600pxの要素にbackground-imageを以下のように指定したとします。

.sample {
	background-image: url(images/square.jpg);
	background-size: 600px 600px;
	background-position: left 70% top 0;
}

誤った認識

以下のように背景全体に対してbackground-positiionで指定した%が適用されると思っていたのですが、これは誤りです。

7対3のイメージ その1

正しい認識

実際は以下のように、指定された背景画像の余白に対してbackground-positiionで指定した70%が適用されます。

7対3のイメージ その2

まとめ

background-positionで%指定をするときは、指定したbackground-imageの余白に対して、%が適用される。

WordPress:子テーマのディレクトリーURIを取得する

親テーマのディレクトリーURI get_template_directory_uri() 子テーマのディレクトリーのURI get_stylesheet_directory_uri()

親テーマのディレクトリーURI

get_template_directory_uri()

子テーマのディレクトリーのURI

get_stylesheet_directory_uri()