WordPress 5.3の新デフォルトテーマ【Twenty Twenty(2020年)】
WordPress 5.3の最新リリースに伴うWordPressの新デフォルトテーマです。この前身であるTwenty Nineteenと同じく、Twenty TwentyもGutenbergに特化してデザインされました。この二つには大きな違いがあります。それは、Twenty Twentyはイチから造られたものではなくWordPressコミュニティの既存のテーマを土台としていることです。
Twenty Nineteenと同じく、Twenty TwentyもGutenbergに特化してデザインされました。この二つには大きな違いがあります。それは、Twenty Twentyはイチから造られたものではなくWordPressコミュニティの既存のテーマを土台としていることです。
WordPress.org | Twenty Twenty |
有効インストール | 400,000+ |
WordPressバージョン | 4.7以上 |
PHPバージョン | 5.2.4以上 |
※公式テーマでサイトを運用する場合は、フォントの大きさなどをカスタマイズしたくなります。カスタマイズをするにはスタイルシート・cssの知識などが必要になってくるので、初心者の方には少しハードルが高いかもしれません。また、機能も最低限でプラグインの導入が必要になります。その点、日本語で開発された 有料テーマ を利用すると最初から設計されているので、スムーズにサイトを作り上げ、運用することができるのではないでしょうか。
テーマカスタマイザー
Twenty Twenty のテーマカスタマイザーでは以下の内容がカスタマイズできます。
サイト基本情報 | サイトのタイトル キャッチフレーズ サイトアイコン |
色 | 背景色 ヘッダーとフッターの背景色 メインカラー(ディフォルトとカスタム) |
テーマオプション | ヘッダーに検索を表示 作成者名を表示 アーカイブページで投稿に表示 (全文を表示か要約) |
カバーテンプレート | 固定背景画像 オーバーレイ背景色 オーバーレイテキスト色 オーバーレイの不透明度 |
背景画像 | 画像を選択 |
メニュー | ディスクトップ水平メニュー ディスクトップ展開メニュー モバイルメニュー ソーシャルメニュー |
ウィジェット | フッター1 フッター2 |
追加CSS | サイトの外観とレイアウトのカスタマイズ |
※ デザインやカスタマイズはちょっと苦手な方には作業を代行してくれるサービスがあります。サイトの制作依頼ではなく部分的に苦手だったり、時間が取れない作業を依頼することもできるので一度サーチしてみてはどうでしょう。
ウイジェット
ウイジェットエリアはフッターに2つのシンプルなもの、物足りない場合はウイジェットを扱うプラグインの投入が必要です。
WordPress には現在、3つのテーマが同梱されています (Version 5.7)。 デフォルトの Twenty Twenty-One テーマ (デモ)、および以前のデフォルトの Twenty Twenty テーマ (デモ) と Twenty Nineteen テーマ (デモ) です。
テーマを変更する手順
テーマを変更するには、管理画面からダウンロードし有効化するという流れになるのですが、いきなり有効化するのは少しリスクがあります。ウイジェットなどはテーマによって取り扱いが異なります、そこで以下の手順で変更されることを推奨します。
- 変更前にバックアップする
- ダッシュボード・外観 よりテーマディレクトリにアクセスする
- ライブプレビューを確認し表示の調整を行う
- 有効化して公開
- 公開後の確認作業を行う
※ライブプレビューで確認して表示の調整をするには、ダッシュボードの 外観 画面でインストールしたテーマの有効化ボタンの右側 ライブプレビューボタンをクリックします。
テーマカスタマイザーによる調整ができるので、修正が終わったら左上部の「有効化して公開」ボタンをクリックします。公開後にはスタイルシートを修正、確認、設定します。以下の点については公開後早期にチェックするようにしましょう。
- 外部のツールと連携している場合は正しく動作しているか
- スタイルシートが正しく設定されているか
- 不要なプラグインは削除する。
テーマの選び方
テーマを選ぶ際にはにはレスポンシブデザインかどうかは着目しましょう。レスポンシブデザインとは、スマートフォンやタブレット・PC別に1つのデザインで表示できるようにしたものです。サイトの内容によってはスマホユーザーが少ないこともあるでしょうが、Googleはモバイル端末での表示を標準と考えていますので、この点からも対応すべきポイトです。
- レスポンシブデザインなのか
- デザインをカスタマイズしやすいか
- ダウンロード数(利用されている数)が多いのか
- ブロックエディタに対応しているのか
- 日本語に対応しているのか
- テーマは安全なのか
有料テーマ | 無料テーマ | 公式テーマ |
---|---|---|
WordPress有料テーマはおしゃれでカスタマイズしやすいのが大きなメリットです。 WEBサイト運用するための機能も標準として装備されているので、プラグインの追加をしなくても十分使用することが可能です。 無料テーマはシンプルなものが多く、他のサイトとデザインが同じようになってしまうこともあります。 しかし、有料テーマであればカスタマイズしやすくなっているため、好みのサイトを作成しやすいのが特徴です。 | WEB制作会社から配布される無料テーマもあります。無料とは思えないほど機能やデザインが充実しているテーマもあります。ただし、無料がゆえに途中で更新がストップしたり、開発が終了されることもあります。無料テーマは開発者の宣伝や有料版へのステップとして提供されていることもあると認識しておきましょう。 無料テーマのデメリットとしては、製品版のお試し(機能が制限されたり)として配布されたり、個人的に配布されたりしていて、サポートや更新が終了してしまうことがあります。 | 公式テーマは、日本語に対応しているのか確認しましょう、開発が海外の場合、日本語表示等に考慮されていない場合もあります。また、テーマ内の説明も日本語でないことも多いようです。 ディレクトリ登録時に事前に審査が行われるので、製作者サイトからの直ダウンロードに比較すれば安全といえるでしょう。 デザインや機能は育て上げる面もあり初心者にはハードルが高いかもしれません。サポートはありませんのでwordpress.orgやネットから情報か自力で解決しなければなりません。 |
テーマを安全に運用する
WordPressのテーマとは、サイト全体のテンプレートのことです。テーマは複数のファイルの集合体で、デザインなどの内容が一式セットになっています。そのため、テーマを変更すれば複雑な処理を行うことなく、デザインや構成、機能などを変えることができます。テーマは、インターネット上で無料ダウンロードできるものから、有料で販売されているものもあります。また、自分で作成したテーマをアップロードして使用することも可能です。
テーマの更新には、機能の追加・変更などのほかに、セキュリティ向上や不具合の修正なども含まれるため、常に最新の状態にアップデートしておくことです。また、テーマを更新すると、カスタマイズは初期化してしまいます。更新する度にカスタマイズし直すのは手間がかかるので、「子テーマ」の利用が推奨されています。子テーマを作る理由はテーマを直接カスタマイズしてしまうと、テーマのバージョンアップによって変更した内容が上書きされてしまうからです。子テーマは、親テーマの機能やスタイルを引き継いでいます。子テーマにカスタマイズしたい部分だけを付け加えておけば、テーマを更新した後もカスタマイズした状態をそのまま引き継げます。
※この記事はプロモーションが含まれています。
◆有料テーマは最初からデザインやレイアウトが完成されています。カスタマイズせずほぼそのままの状態で使えるので、サイト運営で最も重要な仕事であるコンテンツ作成に集中できます。トップページのレイアウトやコンテンツを自由自在に調整できたり、サイト全体のデザインやSEOを一括設定できたりと、高度なサイト作成機能が搭載されているのも有料テーマのメリットの一つです。
THE THOR
ザ・トールは、圧倒的に美しくおしゃれなテーマです。ランキングサイト・口コミサイトやおしゃれで美しいデザイナーズサイトが簡単に作れます。アクセスUP、収益UPを強力に後押しする「集客・収益化支援システム」が搭載されていて、コーポレートサイトやビジネス用メディアブログ、ブロガー・アフィリエイターなどの利用に適しています。
賢威
賢威はSEO実績が多く、SEOマニュアルや購入者専用の会員サイトでSEOの学習ができるのは大きなメリットなるでしょう。
Emanon
Emanonは、個人事業主・中小企業のビジネスサイト、オウンドメディアに必要なWeb集客機能と自由度の高いレイアウト機能を搭載した有料WordPressテーマです。見込み客を増やすためにメルマガ登録や資料請求、セミナーに誘導する仕組みがあり、WebサイトをWordPressで作りたい個人事業主・中小企業におすすめです。
LIQUID PRESS
WordPress公式有料サポートテーマに登録されているテーマです。 公式レビューやテーマチェックをクリア済のため、安心して利用できます。レスポンシブWebデザインにプラス、ユーザーがPC/スマホ表示を切り替えできる、 アクセシビリティと一貫性を確保することができるオリジナル機能を持っています。また、ウィジェット等の直感的な編集で、初心者でも簡単にカスタマイズ可能。
STORK19
ブロガー専用のWordPressテーマ「OPENCAGE」 モバイルファースト思想でつくられたブロガー専用のWordPressテーマです。 ウィジェットやカスタマイザーを利用して簡単にオリジナルデザインのブログを 構築することができます。