Twenty Twenty-Threeは多様なスタイルバリエーションのデフォルトテーマ

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

Twenty Twenty-ThreeはWordPress 6.1 で導入された新しいデザインツールを活用するために設計された2023年版のデフォルトテーマです。クリーンでまっさらなベースを出発点として、WordPress コミュニティのメンバーによって作成された10種類の多様なスタイルバリエーションが含まれています。複雑なサイトでも驚くほどシンプルなサイトでも、同梱のスタイルから素早く直感的に作成したり、自分で作成して完全にカスタマイズしたりできます。

Twenty Twenty-Three

Twenty Twenty-Three は、WordPress 6.1 で導入された新しいデザインツールを活用するために設計されています。Twenty Twenty-Twoの流れからみても今後はこの方式(ブロックエディタ方式)が標準になるのかもしれません。

「Twenty Twenty-Three」は WordPress 5.9 からの 新しい機能「フルサイト編集(FSE)」で動作します。1カラムになっています。サイドバーはありません。ヘッダー/フッター幅は1000pxになってます。ウィジェットエリアはありません。すべてブロックでまかなうようになっています。

Twenty Twenty-Threeのカスタマイズは従来のテーマと異なりまったく新しいデザインになっています。従来型になれた方は少し戸惑うかもしれません。ブロックエディターを使用して、webサイトの外観をカスタマイズします。

操作は、 外観 → エディター → デザイン とすすみます。

テンプレート の内容

テンプレートを使用してサイトのレイアウトを表現します。

404デッドリンクやURLの入力間違いなど存在しないページを閲覧した場合に表示されます
アーカイブ個別の投稿者、カテゴリー、タグ、タクソノミー、カスタム投稿タイプ、日付などを含む任意のアーカイブを表示します。より特化したテンプレート 例:カテゴリーまたはタグ が見つからない場合、このテンプレートがフォールバックとして機能します。
空白任意の投稿やページに手動で適用できるカスタムテンプレートです。
ブログ(代替え)任意の投稿やページに手動で適用できるカスタムテンプレートです。
ホームホームページ上に、または静的ホームページが設定されている場合には投稿ページ上に投稿を表示します。
インデックスより特化されたテンプレートが定義されていない場合に、全てのページのフォールバックテンプレートとして使用します。
固定ページカスタムテンプレートが適用されていないか専用テンプレートが存在しない限り、全ての静的ページを表示します。
検索訪問者がウエブサイトで行った際に表示されます。
個別投稿その投稿にカスタムテンプレートが適用されていないか、専用テンプレートが存在しない限り、ウエブサイトに単一の投稿を表示します。

テンプレートパーツ

テンプレートパーツはレイアウトの小さなパーツであり複数のテンプレートで再利用でき常に同じ外観になります。一般的なテンプレートパーツには、サイトのヘッダー、フッターがあります。

  • コメント
  • フッター
  • ヘッダー
  • 投稿メタ

「Twenty Twenty-Three」 は、WordPress 6.1 で導入された新しいデザインツールを活用するために設計されたテーマです。これまでのテーマはある程度枠決めされたデザインをカスタマイズして作り上げるものでしたが、0から作り上げるといってもいいくらい自由度の高いテーマになっています。

集客・収益の向上に貢献するWordPress

中小企業や個人事業でWEBサイトを運用する理由は、自社の商品やサービスの認知を広げたり、サイトがあることで信頼感の増加により新規取引への期待になることでしょう。

あるアンケートによると経営者の多くが発注する際に「取引先のサイトを参考にする」と回答しています。そこでおすすめなのがWordPressによるコーポレートサイトやビジネスサイトの運用です。なかでもおすすめなのは、有料テーマを利用した運用です。

コーポレートサイトは企業の顔とも言えるため、企業のイメージに沿ったデザインが求められます。有料テーマは多くのデザインが用意されていて、自社のイメージに沿ったデザインを選びやすくなっています。

デザイン着せ替え機能付きビジネス向けテーマ「ザ・トール」、検索エンジンからの集客マニュアルがついている「賢威」、CTAやランディング・資料請求ページなどWEB集客機能が充実したテーマ「エマノン」、多言語が可能な企業サイト用テーマ「LIQUID PRESS」がおすすめになります。

WordPressのテーマを変更する手順

テーマを変更するには、管理画面からダウンロードし有効化するという流れになるのですが、いきなり有効化するのは少しリスクがあります。ウイジェットなどはテーマによって取り扱いが異なります、そこで以下の手順で変更されることを推奨します。

  1. 変更前にバックアップする
  2. ダッシュボード・外観 よりテーマディレクトリにアクセスする
  3. ライブプレビューを確認し表示の調整を行う
  4. 有効化して公開
  5. 公開後の確認作業を行う

※ライブプレビューで確認して表示の調整をするには、ダッシュボードの 外観 画面でインストールしたテーマの有効化ボタンの右側 ライブプレビューボタンをクリックします。

テーマカスタマイザーによる調整ができるので、修正が終わったら左上部の「有効化して公開」ボタンをクリックします。公開後にはスタイルシートを修正、確認、設定します。以下の点については公開後早期にチェックするようにしましょう。

  • 外部のツールと連携している場合は正しく動作しているか
  • スタイルシートが正しく設定されているか
  • 不要なプラグインは削除する。

テーマの選び方

テーマを選ぶ際にはにはレスポンシブデザインかどうかは着目しましょう。レスポンシブデザインとは、スマートフォンやタブレット・PC別に1つのデザインで表示できるようにしたものです。サイトの内容によってはスマホユーザーが少ないこともあるでしょうが、Googleはモバイル端末での表示を標準と考えていますので、この点からも対応すべきポイトです。

  • レスポンシブデザインなのか
  • デザインをカスタマイズしやすいか
  • ダウンロード数(利用されている数)が多いのか
  • ブロックエディタに対応しているのか
  • 日本語に対応しているのか
  • テーマは安全なのか

ザ・トール(有料テーマ)

ザ・トールは、圧倒的に美しくおしゃれなテーマです。ランキングサイト・口コミサイトやおしゃれで美しいデザイナーズサイトが簡単に作れます。アクセスUP、収益UPを強力に後押しする「集客・収益化支援システム」が搭載されていて、コーポレートサイトやビジネス用メディアブログ、ブロガー・アフィリエイターなどの利用に適しています。

【THE THOR(ザ・トール)】

Emanon(有料テーマ)

企業サイトやビジネスサイト、オウンドメディアに必要なWeb集客機能と自由度の高いレイアウト機能を搭載しています。見込み客を増やすためにメルマガ登録や資料請求、セミナーに誘導する仕組みがあるWebサイトをWordPressで作りたい企業におすすめです。

個人事業主・中小企業向けWordPress 有料テーマ Emanon

有料テーマ

WordPress有料テーマはおしゃれでカスタマイズしやすいのが大きなメリットです。 WEBサイト運用するための機能も標準として装備されているので、プラグインの追加をしなくても十分使用することが可能です。

無料テーマはシンプルなものが多く、他のサイトとデザインが同じようになってしまうこともあります。 しかし、有料テーマであればカスタマイズしやすくなっているため、好みのサイトを作成しやすいのが特徴です。

有料WordPressテーマを比較

無料テーマ

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

wordpress.org のテーマはディレクトリ登録時に事前に審査が行われるので、製作者サイトからの直ダウンロードに比較すれば安全といえるでしょう。ただし、サポートはありませんのでwordpress.orgやネットの情報で自力で解決しなければなりません。

テーマを安全に運用する

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

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