画像処理のテスト
丸い画像の作成方法
- 正方形の画像をアップロードする
- 画像のブロックのスタイル＞角丸を選択
- 「px」を「％」に変更
- 数値に「50」を入力する
Nature
What a beautiful sunrise
カバーのテキスト
テキスト
最近の記事
-
ブロックエディタで要素全体にリンクする方法を探すとリンクタグのみを入れて要素全体に適用する感じのものが多いです。 ブロックエディタの標準的な使い方では、こういう処理が出来ないので少し工夫します。 カス…
-
画像の上にマウスが行くと画像がズームされるという処理をCSSのみで行います。wordpressのブロックエディタで使える様にしています。 サンプル 画像ブロックの高度な設定＞追加CSSクラスに img…
-
サイトに使用する画像のロード時間短縮の為にWebP形式に変換するプラグインを紹介します。 AIに聞いてみた WebPは、ウェブページの表示速度を向上させるための有効な手段の一つです。ファイルサイズを削…
-
表現したい何かを探す為にHTMLやCSSなどのコードを探している時に良く検索に引っかかるサイトが、CodePenです。 HTMLとCSS・JSを紹介して出力画面も表示しているアレです。コードを書き換え…