細部まで上品でモバイルファーストなWordPressデフォルトテーマ【Twenty Sixteen(2016年)】

この記事はプロモーションが含まれています。
細部まで上品でモバイルファーストなWordPressデフォルトテーマ【Twenty Sixteen(2016年)】

デフォルトテーマ

Twenty Sixteen は2016年のデフォルトテーマ

Twenty Sixteenは人気の WordPress レイアウト — ブログとウェブサイト用に完全に動作する、オプションの右サイドバーのある水平の題字 — に対するモダンなWordPressテーマです。美しいデフォルトカラースキームのカラーオプション、モバイルファーストのアプローチによる調和した柔軟なグリッド、細部にまで非の打ち所がない上品さを備えています。

細部まで上品でモバイルファーストなWordPressデフォルトテーマ【Twenty Sixteen(2016年)】

Twenty Sixteen

Twenty Sixteen は ずっと人気の WordPress レイアウト — ブログとウェブサイト用に完全に動作する、オプションの右サイドバーのある水平の題字 — に対するモダンな試みです。美しいデフォルトカラースキームのカラーオプション、モバイルファーストのアプローチによる調和した柔軟なグリッド、細部にまで非の打ち所がない上品さを備えています。Twenty Sixteen は WordPress の外観をどこであろうとも美しく見せるでしょう。

WordPress.orgTwenty Sixteen
バージョン3.1
最終更新2023年11月7日
有効インストール100,000+
WordPressバージョン4.4以上
PHPバージョン5.2.4
Twenty Sixteen

※デフォルトテーマでサイトを運用する場合は、日本語フォントの大きさや、種類をカスタマイズしたくなります。このカスタマイズをするにはスタイルシート・cssの知識などが必要になってきます。初心者の方には少しハードルが高いかもしれません。日本語で開発された有料テーマなどを利用されるとスムーズにサイトを作り上げることができるのではないでしょうか。

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

「Twenty Sixteen」のカスタマイズ内容は以下の表のようになっています。

サイト基本情報
  1. サイトのタイトル
  2. キャッチフレーズ
ヘッダー画像画像を指定できる(1200 x 280推奨)
背景画像背景画像を指定できる
メニュー2ケ所の表示位置がある
ウィジェット3ケ所
  • サイドバー
  • コンテンツ下1
  • コンテンツ下2
ホームページ設定トップページを最新の投稿か固定ページにする
Twenty Sixteenのカスタマイザー

WordPressのテーマを使えばサイト全体のデザインを瞬時に変更でき、HTML/CSSを使わなくても調整できるようになっていますが、公式テーマには必要最低限の機能しかなくプラグインの導入やカスタマイズの必要があります。カスタマイズには一定の知識も求められ時間も必要になってきます。こんな時、有料テーマを利用すると、あらかじめカスタム機能が装備されていることが多く、初心者の方にも短時間でサイトを作り上げることができるようになります。

用途テーマ
コーポレートサイト・メディアEmanon LIQUID PRESS STORK19
SEOを強化したいザ・トール 賢威

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

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

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

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

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

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

WordPressテーマの選び方

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

  • レスポンシブデザインなのか
  • デザインをカスタマイズしやすいか
  • ダウンロード数(利用されている数)が多いのか
  • ブロックエディタに対応しているのか
  • 日本語に対応しているのか
  • テーマは安全なのか
有料テーマ無料テーマ公式テーマ
WordPress有料テーマはおしゃれでカスタマイズしやすいのが大きなメリットです。 WEBサイト運用するための機能も標準として装備されているので、プラグインの追加をしなくても十分使用することが可能です。

無料テーマはシンプルなものが多く、他のサイトとデザインが同じようになってしまうこともあります。 しかし、有料テーマであればカスタマイズしやすくなっているため、好みのサイトを作成しやすいのが特徴です。
WEB制作会社から配布される無料テーマもあります。無料とは思えないほど機能やデザインが充実しているテーマもあります。ただし、無料がゆえに途中で更新がストップしたり、開発が終了されることもあります。無料テーマは開発者の宣伝や有料版へのステップとして提供されていることもあると認識しておきましょう。

無料テーマのデメリットとしては、製品版のお試し(機能が制限されたり)として配布されたり、個人的に配布されたりしていて、サポートや更新が終了してしまうことがあります。
公式テーマは、日本語に対応しているのか確認しましょう、開発が海外の場合、日本語表示等に考慮されていない場合もあります。また、テーマ内の説明も日本語でないことも多いようです。

ディレクトリ登録時に事前に審査が行われるので、製作者サイトからの直ダウンロードに比較すれば安全といえるでしょう。

デザインや機能は育て上げる面もあり初心者にはハードルが高いかもしれません。サポートはありませんのでwordpress.orgやネットから情報か自力で解決しなければなりません。

WordPressテーマを安全に運用する

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

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

【プラグインを安全に運用する】
プラグインは多くの拡張機能を簡単にサイト内に取り込むことができ大変便利なものですが、多用すると表示速度に影響を与えたりして過度の利用は推奨されていません。また、プラグインどうしの干渉でエラーが発生してしまったりすることやプラグインによっては悪意のあるプログラムが含まれていたりセキュリティ面で不安のあるものもあります。表示系のプラグインではデザイン的にマッチしない場合もあります。このような不安を解消するには、総合的に設計された有料テーマや高速かつ万全のセキュリティ対策が取られたレンタルサーバーを利用することです。

用途レンタルサーバー
ローコストロリポップ リトルサーバー さくら
高速・安定ConoHa かごや WordPress最適化サーバー

テーマ | カスタマイズ | デフォルト | アフィリエイト | SEO

WordPressサイトの運用の注意点
WordPressは、プラグインの利用によって多くの拡張機能を簡単にサイト内に取り込むことができ、大変便利なものです。しかしながら全ての処理をサーバー上で行うため、突然のトラブルや表示速度に影響が出てしまうことがあります。レンタルサーバーのバックアップ機能や表示速度にも注目しておきましょう。

★レンタルサーバーを比較★