2022-02

ウェブ制作

レスポンシブなページネーションのCSSデザインサンプルとWordPressへの実装方法【スマホも見やすく】

スマホやPC等、異なるサイズのディスプレイに対応したページネーションのデザインサンプルです。ベースとなるページネーションは「レスポンシブなページ送りの設置」で紹介したfunctions.phpに追加するタイプを使います。ここで紹介するデザイ...
ウェブ制作

ブロックエディターによるボタンブロックの配置指定が自動的に反映されるようになっていた【WordPress】

ブロックエディターによるスタイルやレイアウトの指定がフロントエンドでは反映されないものがいくつかあります。ボタンブロックの「配置を変更」もその1つでしたが、いつの間にかフロントでも反映されるようになっていました。ボタン以外の要素も条件付きで...
ウェブ制作

クラシックテーマにtheme.jsonを取り入れてみる【WordPress】

WordPress5.9がリリースされました。このバージョンアップではこれまでのテーマとは異なるブロックテーマが実装され、FSE(フルサイトエディター)によるサイト全体の編集が可能になっているようです。しかしこれまでのテーマ(クラシックテー...
ウェブ制作

Gutenberg ブロック名やクラス名一覧【WordPress】

ブロックエディターやtheme.jsonを利用しているとブロック名やクラス名が必要になることが多々あります。そんな場合の確認用にカテゴリー別一覧にしました。カテゴリーはブロック挿入ツールの分類に合わせています。使用したバージョンWordPr...
スポンサーリンク