[WordPress] pre_get_postsでカスタムフィールドの値を利用した表示の制御

pre_get_posts() を使うと表示の制御ができる。
基本的な使い方はググれば色々でてくるんでそちら見てもらうとして、この記事はカスタムフィールドの値を利用するケースについてまとめたものです。
続きを読む [WordPress] pre_get_postsでカスタムフィールドの値を利用した表示の制御

[JS] YouTubeのインラインプレイヤーとモーダルダイアログの連動

以下要件:

  1. YouTubeの動画をインラインで再生させる
  2. 1をクリックするとモーダルでその動画を拡大表示させる
  3. モーダルウィンドウが開いている時はインライン動画は停止、閉じたら再生

続きを読む [JS] YouTubeのインラインプレイヤーとモーダルダイアログの連動

[CSS] 背景画像の特定の位置を常に画面中央に配置する

backgroundプロパティだけでやるより融通がきくやつ。

See the Pen centering background image by Tenderfeel (@Tenderfeel) on CodePen.

サンプルの猫画像は縦長(1600×2400)のものを使って、猫の顔が常に画面に入るように指定している。

positionとtrasnform操作すれば画面に映す場所の指定ができる。
たとえば上固定して下を伸ばすなら top:0; bottom: auto; transform: translate(-50%, 0); となる。