The post 45 first appeared on haikararou.
WP スラッグの取得 メモ
固定ページのスラッグ名
<?php echo esc_attr($post->post_name);?>
ループの中でスラッグを取得
<?php
global $post;
$slug = $post->post_name;
?>
<?php if(have_posts()) : ?>
<?php while(have_posts()) : the_post(); ?>
<?php $slug = $post->post_name; ?>
…
ギャラリーショートコードのテスト
ギャラリーショートコードの使い方 プラグイン：Easy FancyBoxでモーダル化
The post ギャラリーショートコードのテスト first appeared on haikararou.
固定ページ用カスタムフィールドの値をトップページに表示する
<?php echo get_field (‘フィールド名’,固定ページID));?>
The post 固定ページ用カスタムフィールドの値をトップページに表示する first appeared on haikararou.
ACFデイトピッカーで曜日を表示
<?php $week = array(“日”, “月”, “火”, “水”, “木”, “金”, “土”); ?>
<?php $date = date_create(”.get_field(‘カスタムフィールド名’).”); echo date_format($date,’Y/m/d’) . “(” . $week[(int)date_format($date,’w’)] . “)” ; ?>
The post ACFデイトピッカーで曜日を表示 first appear…
リストの最後の行だけ、CSSを適用する
メモ
最後の要素 + 最後から2つ目のliが奇数の場合
li:last-child,li:nth-last-child(2):nth-child(odd)
4列リストの一番左下にある要素
li:nth-child(4n+1):nth-last-child(-n+4),
4列リストの一番左下にある要素以降にあるliすべて
li:nth-child(4n+1):nth-last-child(-n+4) ~ li {
}
The post リストの最後の行だけ、CSSを適用する first appe…
2カラムで最後の要素が1つだけだった場合にCSSを適用させる
CSS
li:nth-child(2n+1):last-child {
width: 100%;
background: tomato;
}
The post 2カラムで最後の要素が1つだけだった場合にCSSを適用させる first appeared on haikararou.
子要素の数でスタイルを変えるcss
メモ
HTML
<ul>
<li class=”item”></li>
</ul>
<ul>
<li class=”item”></li>
<li class=”item”></li>
</ul>
<ul>
<li class=”item”></li>
<li class=”item”></li>
<li class=”item”></li>
</ul>
CSS
/…
css 要素が奇数のとき、最初の要素(最後の要素)
最初の要素
:nth-child(2n+1):first-child
最後の要素
:nth-child(2n+1):last-child
The post css 要素が奇数のとき、最初の要素(最後の要素) first appeared on haikararou.
【CSS】object-fit テスト実装
参考： 【CSS】object-fitはCSSだけで画像をコンテナーにフィットさせてトリミングもできるとっても素晴らしいプロパティー 1行追加でOK！CSSだけで画像をトリミングできる「object-…
The post 【CSS】object-fit テスト実装 first appeared on haikararou.