Twenty Twenty(テーマ)のカスタマイズ

Twenty Twenty はWordPress 5.3の最新リリースに伴うWordPressの新デフォルトテーマです。Twenty Nineteenと同じく、Gutenbergに特化してデザインされました。Twenty Twenty をカスタマイズするには、大きく分けて機能とデザイン性をカスタマイズすることになります。どちらも手段が複数ありますので、事前に理解して取り組まれるとよいでしょう。特にテーマのコードを直接編集する方法はリスクも高いので、よく理解されている方以外にはおすすめできません。

Twenty Twenty の概要

Twenty Twentyの概要
Twenty Twenty の概要
WordPress.orgTwenty Twenty
バージョン1.9
最終更新日2022年1月25日
有効インストール800000+
WordPressバージョン4.7以上
PHPバージョン5.2.4以上
Twenty Twenty の概要 2022年5月20日現在

Twenty Twenty のテーマカスタマイザー

Twenty Twenty のテーマカスタマイザーでは以下の内容がカスタマイズできます。

サイト基本情報サイトのタイトル
キャッチフレーズ
サイトアイコン
背景色
ヘッダーとフッターの背景色
メインカラー(ディフォルトとカスタム)
テーマオプションヘッダーに検索を表示
作成者名を表示
アーカイブページで投稿に表示
(全文を表示か要約)
カバーテンプレート固定背景画像
オーバーレイ背景色
オーバーレイテキスト色
オーバーレイの不透明度
背景画像画像を選択
メニューディスクトップ水平メニュー
ディスクトップ展開メニュー
モバイルメニュー
ソーシャルメニュー
ウィジェットフッター1
フッター2
追加CSSサイトの外観とレイアウトのカスタマイズ
Twenty Twenty のテーマカスタマイザー

Twenty Twentyのカスタマイズはいろいろな方法があります。WordPressの管理画面からカスタマイザーを利用してフォントや色、レイアウトなどをカスタマイズする方法。CSSを追加してカスタマイズする方法。プラグインをインストールして機能をカスタマイズする方法。「テーマーの編集」から直接編集する方法などがあります。

Twenty Twenty のカスタマイズ手順

Twenty Twenty をカスタマイズするには下記の手順で行います。

  1. WEBサイトの構成を考える (※注1)
  2. 不要な機能を削除する
  3. 必要な拡張機能(プラグイン)を追加する
  4. グローバルナビゲーションやサイドメニューを作る
  5. TOPページを作る
  6. 会社案内ページを作る
  7. 事業内容ページを作る
  8. お知らせや、ブログ(製品やサービスをカテゴリーに構成する)を設置する

※ 注1)固定ページ・投稿ページのコンテンツを書き出す。そしてカテゴリーやタグを振り分ける。などの設計書・制作ガイドラインを作成しておくと作業をスムースに進めることができ、修正が発生しても最小限の工程で完結できるようになります。

Twenty Twenty をプラグインでカスタマイズ

公式テーマは審査後公認され無料で利用できるようになります。基本部のみの配信のため拡張機能を利用したい場合はプラグインで機能を拡張させることになります。