WordPress 5.8 で WebP 形式の画像をふつうに使えるようになりました
WebP は Google が開発した画像形式で、JPEG をほぼ同じ画質のままファイルサイズを減らすことができて、PNG のように透過もできます。
ヘッダー上部のお問い合わせボタンの横に SNS ボタンを追加するには
Lightning Pro でヘッダー上部のお問い合わせボタンに並べて、Facebook・Twitter・LINE のボタンを追加するやり方を紹介します。
画面幅が広いときに Outer ブロックの背景画像の上下が欠ける問題の対策例
対策例として、画面幅が 1800px 以上になったときに Outer ブロックがコンテナの幅になるように、CSS で調整してみます。
object-fit のテスト
元の画像 (600x200px) 画像ブロックに width:400px; height: 300px; の指定をしたときの結果は以下の通り。 CSS 指定なし object-fit: contain; object-f […]
detail / summary のテスト
Q. 夕方以降や土日・祝日に受講することはできますか？ A. はい。受講できる時間は 8:30～22:00 で、土日・祝日も受講が可能です。 Q. 決められた曜日・時間に毎週通わなくてもよいのですか？ A. はい。受講さ […]
VK Blocks Pro 1.7.0 のレスポンシブスペーサーで余白の設定が楽になった
ブロックどうしの上下の間隔を空けたいときに便利に使える レスポンシブスペーサー が「もうちょっと空けたい」というときに設定が楽にできるようになりました。 VK Blocks Pro 1.7.0 にアップデートすると、以下 […]
Outer ブロックを入れ子にして skewX を設定した画像スタイルの例
上記の画像のスタイルの作り方 外側の Outer ブロックにはクラス outer-skew を、内側の Outer ブロックにはクラス outer-skew-inner を指定して、以下の CSS により上記のような画像 […]
VK ボタンのサイズをカスタマイズ – VK Blocks
2022.10.13 追記 VK Blocks Pro の最新バージョン 1.43.0.0 ではボタンのサイズ・位置・スタイルの指定ができたり、サブテキストを追加できたり、アイコンのサイズを変更することまでできるようにな […]