テーマのカスタマイズ「Twenty Twenty」

この記事はプロモーションが含まれています。

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

Twenty Twenty

Screenshot of ja.wordpress.org

Twenty Twenty【wordpress.org】

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

WordPress.orgTwenty Twenty
バージョン2.2
最終更新日2023年6月13日
有効インストール50,000+
WordPressバージョン4.7以上
PHPバージョン5.2.4以上
Twenty Twenty の概要 2023年6月 現在

※ 複雑なカスタマイズをしたい場合、専門スキルを持ったプロに依頼するのも一つの手段になります。

おすすめ有料テーマ

※公式テーマでサイトを運用する場合は、フォントの大きさなどをカスタマイズしたくなります。カスタマイズをするにはスタイルシート・cssの知識などが必要になってくるので、初心者の方には少しハードルが高いかもしれません。また、機能も最低限でプラグインの導入が必要になります。その点、日本語で開発された 有料テーマ を利用すると最初から設計されているので、スムーズにサイトを作り上げ、運用することができるのではないでしょうか。

カスタマイズ

Twenty Twenty をカスタマイズする方法は大きく分けて、テーマカスタマイザーを使う、cssの追加をする、直接テンプレート(PHP)ファイルを書き換えるになります。プラグインを利用すると素早く安全にカスタマイズすることも可能です。

プラグインを利用するにしても、直接テンプレート(ひな型、定型書式)ファイル(PHP)を書き換えるにしてもリスクが発生するので、バックアップ環境は整えておかれることを推奨します。

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

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

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

テーマカスタマイザー

Twenty Twenty のテーマカスタマイザーでは、色や背景画像、メニューやウィジェットに設置する内容などをカスタマイズできます。

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

css(スタイルシート)

Twenty Twenty に css(スタイルシート)を追加
Twenty Twenty に css(スタイルシート)を追加

部分的に色を変更したり、文字の大きさを変更したりしたいのであればcss(スタイルシート)を追加することになります。cssの(スタイルシート)を追加する場合は、テーマカスタマイザーの「css追加」を利用するか、テンプレートファイルの「style.css」に追加することになります。

テーマカスタマイザーの「css追加」は複雑なコード編集は苦手ですが、テーマの更新時に上書きされることはありません。逆にテンプレートファイルの「style.css」は上書きされるので、子テーマで対応するか、バックアップをとり対応するかになります。

テンプレートファイル(PHP)

テンプレートファイル(テーマファイル)のカスタマイズは、外観 → テーマファイルエディタで編集することになります。テンプレートファイルの構成は各テーマによって異なっていますが概ね以下のようなファイルで構成されています。

  • スタイル(style.css)
  • テーマの関数
  • 404テンプレート
  • コメント
  • テーマフッター
  • テーマヘッダー
  • 検索フォーム
  • 単一テンプレート

テンプレートファイルを直接編集してカスタマイズすることもできます。ただ、この方法は高度な知識を必要とされますので、十分な知識をお持ちの方におすすめなります。記述ミスによって画面が表示されなくなったり、管理画面にログインすらできなくなったりすることもあります。

WordPressテーマ

WordPressのテーマとは、サイト全体のテンプレートのことです。テーマは複数のファイルの集合体で、デザインなどの内容が一式セットになっています。そのため、テーマを変更すれば複雑な処理を行うことなく、デザインや構成、機能などを変えることができます。テーマは、インターネット上で無料ダウンロードできるものから、有料で販売されているものもあります。また、自分で作成したテーマをアップロードして使用することも可能です。

無料テーマ

wordpress.orgのテーマディレクトリには約10,000に及ぶテーマがあり自由に選ぶことができます。公認テーマはwordpressによって審査され、安心して利用することができるといえます。半面、デザインや機能は育て上げる面もあり初心者にはハードルが高いかもしれません。サポートはありませんのでwordpress.orgやネットから情報か自力で解決しなければなりません。

WEB制作会社から配布される無料テーマもあります。無料とは思えないほど機能やデザインが充実しているテーマもあります。ただ、無料がゆえに途中で更新がストップしたり、開発が終了されることもあります。無料テーマは開発者の宣伝目的や有料版へのステップとして提供されていることもあると認識しておきましょう。

WordPress無料テーマは文字通り無料なので、最初のうちは気軽に試すことが可能です。合うテーマを見つけるまでテーマを無料で変えられるのは大きなメリットです。使いたいテーマが見つかった後は、同じテーマで運用するようにしましょう。WordPressはテーマごとに仕様が異なるので、運用途中の変更はデザインレイアウトが崩れる可能性があるのであまりおすすめはできません。

無料テーマのデメリットとしては、製品版のお試し(機能が制限されたり)として配布されたり、個人的に配布されたりしていて、サポートや更新が終了してしまうことがあります。そのまま使えることもありますが、数年後には他のテーマに変更することになることが多いようです。

テーマの注意点

テーマの更新には、機能の追加・変更などのほかに、セキュリティ向上や不具合の修正なども含まれるため、常に最新の状態にアップデートしておくことです。また、テーマを更新すると、カスタマイズは初期化してしまいます。更新する度にカスタマイズし直すのは手間がかかるので、「子テーマ」の利用が推奨されています。子テーマを作る理由はテーマを直接カスタマイズしてしまうと、テーマのバージョンアップによって変更した内容が上書きされてしまうからです。子テーマは、親テーマの機能やスタイルを引き継いでいます。子テーマにカスタマイズを加えておけば、テーマを更新した後もカスタマイズした状態をそのまま引き継げます。

表示速度やセキュリティにも注意

テーマを利用する場合、レンタルサーバー の表示速度やバックアップ機能についても注意しましょう。テーマによっては、複雑なデザインや機能が豊富で、少し表示が遅いものもあります。ページが表示されないとユーザーが立ち去ってしまうことになりかねません。また、無料だからというわけではないのですが、悪意のあるプログラム(ソース)があるもや最新のセキュリティに対応できていないものも存在します。表示速度やセキュリティについてはサーバーに依存する側面も強くあります。この点を踏まえたレンタルサーバー選びも検討しておきましょう。

まとめ

Twenty TwentyはWordPress 5.3の最新リリースに伴うWordPressデフォルトテーマです。Twenty Nineteenと同じく、Gutenbergに特化してデザインされています。WordPressのテーマディレクトリには数多くのテーマが登録されて魅力的ですが、登録後数年で更新がストップしてしまうこともあります。この場合、一定期間は使用することが可能ですが、PHPやセキュリティに関するものがアップデートについていけなくなったりし、テーマの変更が必要になるケースが発生します。その点デフォルトテーマは経年後も更新が続けられるのでおすすめといえるでしょう。