◆ Twenty Twenty-Two のカスタマイズ

 このテストサイトは、ワードプレスの新しいデフォルトテーマとなる予定の Twenty Twenty-Two(お試し版)を使って操作感を試しているものです。

 Twenty Twenty-Two のカスタマイズは、それ以前のテーマのカスタマイズ方法とは大きく異なります。

 このため、以前のカスタマイズ方法を用いてサイトを作成する場合には、「フルサイト編集」非対応のテーマに切り替えることが必要です。

 このサイトのように、試しに使ってみることが出来る状況であれば、テーマを切り替えながら試してみましょう。


◆ 段落ブロックの幅について

 Twenty Twenty-Two の段落ブロックの幅は、こんな感じで固定です。幅の調整は、テーマ編集画面のメニューにも見当たりません。

 この幅は、Twenty Twenty の時と同じだと思います。段落の幅を簡単には変更できないようになっているのは、WordPress がレスポンシブ(スマホやタブレット向けには、自動的にレイアウトを変更してくれる)になっていることと関係しているのかも知れません。

 サイトを閲覧しに来る方々の画面サイズは、デスクトップのパソコンからスマホまでさまざまですで、段落の幅や画像の幅などについて、規定値が定まっている場合にはそのまま使うのが筆者の方針です。

 そうはいいつつ、この段落はカラムブロックを使うことで1行の長さを変更しました。1行の長さを変えようと思えば、3カラムのブロックを選択して、真ん中のカラムの幅を広げてやればOKです。ただし、パソコンなど画面の幅が広い場合にしか差が出ないはずです。

◆ Twenty Twenty-Two のブロックパターン

 Twenty Twenty-Two には、便利なブロックパターンが豊富に用意されていますので、ぜひぜひ色々と試してみて下さい。以下に、目に付いたものをいくつか紹介します。

〇 投稿をグリッド表示するブロックパターン

 投稿の編集画面で、ドラッグ&ドロップするだけで使えるブロックパターンのひとつです。


〇 画像を重ねて表示するブロックパターン

 背景画像、前面の画像ともに変更可能です。

Painting of ducks in the water.
Illustration of a flying bird.

〇 区切り線のブロックパターン

〇 価格表のブロックパターン


1

Pigeon

Help support our growing community by joining at the Pigeon level. Your support will help pay our writers, and you’ll get access to our exclusive newsletter.


2

Sparrow

Join at the Sparrow level and become a member of our flock! You’ll receive our newsletter, plus a bird pin that you can wear with pride when you’re out in nature.


3

Falcon

Play a leading role for our community by joining at the Falcon level. This level earns you a seat on our board, where you can help plan future birdwatching expeditions.

◆ ウィジェットのブロック化が進んでいる

 以前は、サイドバーなどにこじんまり(笑)と、配置させておくことが多かったウィジェットですが、ブロックになったおかげで、本文中に表示することができるようになっています。

 以下に、『新しい投稿』ブロックと、『ギャラリー』ブロックとを配置しておきます。『新しい投稿』ブロックは、配置や画像表示の有無などを選択できるようになっています。

◇ 『最近の投稿』ブロック

  • カバーブロックについて
    ◆ カバーブロックの画像は、「投稿ページ」や「最新の投稿」ブロックには、表示されない! 『アイキャッチ画像』との大きな違いは、この点です。この状況を変えようとする場合には、対応するプラグインがあればそれをつかうか、自分で […]
  • 新たに導入されたブロックパターンは?
    抜粋に入力した文字はここに表示されます。 改行も効きます♫
  • 編集画面が、ブロックエディターになっていない場合には?
     ブロックを組み合わせる『ブロックエディター』が、ワードプレスの標準編集画面になったのは、2018年12月のことです。  それまでの編集画面は、多くのみなさんにとっては、突然の変身に驚かれたはずですし、怒りすら覚えた方も […]
  • アイキャッチ画像について
    編集メニューの抜粋欄に、記事概要を記入しておくと、このようにここに表示されます。

◇ 『ギャラリー』ブロック

 トップページに何を表示するかって、迷いますよね?

 『ギャラリー』ブロックは、選択肢のひとつになるかもしれません。投稿中に差し込む画像を工夫して作成しているなら、なおさらです。

 画像のひとつひとつには、キャプションが入りますし、リンクを入れてその画像を使っている投稿へ誘導することもできます。もちろん、カラムの数や画像の大きさを指定する選択肢も用意されていますので、このブロックもトップページに使えそうです。