ブロックエディターの各ブロックをクラス+CSSで見た目を変える方法
はじめにこの記事ではブロックエディターの各ブロックの見た目を変える方法について紹介します。カスタマイズしたいブロックがあるのに方法がわからない方に向けた内容です。ブロックエディターでは見出しブロックや画像ブロックなど各ブロックのスタイルをカスタマイズすることができます。これにより、自分で考えたデ...
a-blog cms と View Transitions API で作るページ遷移のアニメーションの実装について
View Transitions API の利用することで、一覧ページの Entry_Summary から詳細ページの Entry_Body にページを遷移する際に、画像が拡大するようなアニメーションをつけることができます。実際の動きは、以下の YouTube の動画をご覧ください。 ## View Transitions API の Style を設定する 以下の3つのファイルを作っ...
View Transitions API を利用したテーマのカスタマイズ
View Transitions API を利用して、一覧で表示されているメイン画像（アイキャッチ画像）をクリックすると、その写真が拡大表示されるアニメーションと共にページが切り替わるような動きをつけることができます。 なお、すべてのブラウザが対応しているものではありません。 今回の実装は PC の Chrome と Edge で動き、...