Twenty Seventeenのカスタマイズとウィジェット
Twenty Seventeen は公式ディレクトリから利用できる2017年のデフォルトテーマです。カスタマイズできるのは、「サイト基本情報」、「色」、「ヘッダーメディア」、「メニュー」、「ウィジェット」、「追加CSS」となっています。ウイジェットエリアは「ブログサイドバー」「フッター1」、「フッター2」となっています。Twenty Seventeen のトップページは2カラム、固定ページをトップページに指定しない場合ページ先頭から more タグまでが抜粋表示されます。
目次
Twenty Seventeen のカスタマイズ
Twenty Seventeen のトップページは2カラム、固定ページをトップページに指定しない場合ページ先頭から more タグまでが抜粋表示されます。moreタグを記述しないとページ全体が抜粋されるので、記事公開時には注意が必要です。記事ページは1カラムで構成することもサイドメニューを配置することもできます。
※Twenty Seventeen の概要(WordPress.orgより)
WordPress.org | Twenty Seventeen |
バージョン | 2.8 |
最終更新 | 2021年7月22日 |
有効インストール | 900000+ |
WordPressバージョン | 4.7 |
PHPバージョン | 5.2.4 |
Twenty Seventeen は、固定ページ・ブログともに2カラムでシンプル(1カラムにもできる)
ダッシュボードからできるTwenty Seventeen のカスタマイズは、「サイト基本情報」、「色」、「ヘッダーメディア」、「メニュー」、「ウィジェット」、「追加CSS」となっています。カスタマイズの編集はダッシュボードより、「外観」→ 「カスタマイズ」と進みます。
サイト基本情報 | サイト基本情報では、「サイトのタイトル」と「キャッチフレーズ」を編集できます。「サイトのタイトル」と「キャッチフレーズ」を非表示にすることもできるようになっています。また、「サイトアイコン」もここで指定します。サイズは512 x 512 です。 |
---|---|
色 | 色は「ライト」、「ダーク」、「カスタム」からセレクトできます。また、ヘッダーテキストの色もここで指定するようになっています。 |
ヘッダーメディア | 「ヘッダーメディア」には動画か画像を表示させることができます。動画を表示させるには.mp4型式のファイルを指定します、画像はアップロード後切り抜きフィットさせることが可能です。 |
メニュー | ページ先頭部の「Heder Navigation」とソーシャルリンクメニューがカスタマイズできます。 |
テンプレートファイル一覧 | デフォルトのカスタマイズで足りない部分は以下のテンプレートファイルをカスタマイズすることになります。
|
Twenty Seventeen のウィジェット
Twenty Seventeen のウィジェットエリアは「ブログサイドバー」、「フッター1」、「フッター2」となっています。固定ページにはサイドバーエリアがないので、固定ページを利用するにはフッター1とフッター2に共通させたいものを配置することが必要になります。
- ブログサイドバー
- フッター1
- フッター2
Twenty Seventeen はアイキャッチの使い方が非常に特徴的で、非表示にされているサイトも多いようです。好き嫌いはわかれるかもしれませんがインパクトのあるページを作りたい方にはお勧めかもしれません。
Twenty Seventeen は公式ディレクトリから利用できる2017年のデフォルトテーマです。カスタマイズできるのは、「サイト基本情報」、「色」、「ヘッダーメディア」、「メニュー」、「ウィジェット」、「追加CSS」となっています。ウイジェットエリアは「ブログサイドバー」「フッター1」、「フッター2」となっています。
WordPressテーマとは
Webサイト全体のテンプレートのことです。テーマは複数のファイルの集合体で、デザインなどの内容が一式セットになっています。そのため、テーマを変更すれば複雑な処理を行うことなく、Webサイトのデザインや構成、機能などを変えることができます。
テーマに含まれる複数のファイルは「テンプレートファイル」と呼ばれ、ページごとにファイルが分かれていて、表示内容を決めることができます。基本的なメインコンテンツは、「index.php(トップページ)」、「single.php(個別記事)」、「page.php(固定ページ)」、「search.php(検索結果)」、「archive.php(過去記事一覧)」などのテンプレートファイルを結合させることで構成されています。
テーマは、インターネット上で無料ダウンロードできるものから、有料で販売されているものもあります。よりサイトの構成にこだわりたい場合は、自分で作成したテーマをアップロードして適用することも可能です。
◆テーマの着せ替え
比較的簡単に着せ替えることが可能で、新しいテーマをインストール&アップロード後有効化すればとりあえずWEBサイトにはなっています。注意したいのは、検索エンジンからの流入を重視している場合、着せ替え後一定期間で流入がダウンすることがあります。着せ替え後のコンテンツの修正が多岐にわたっている場合などはこの現象が顕著に表れることもあります。変更後はアクセス状況に注目し、どんなページ変化が生じているかを分析した方がいいかもしれません。
◆無料にはない有料テーマのメリット
テーマは、インターネット上で無料ダウンロードできるものから、有料で販売されているものもあります。よりサイトの構成にこだわりたい場合は、自分で作成したテーマをアップロードして適用することも可能です。
中でも有料テーマは無料テーマにはないデザイン性の高さや機能の充実があげられます。
- デザイン性が高くなる
- 業種・目的に合ったテーマを選びやすい
- カスタマイズをしなくても使える
- プラグイン・ウィジェットが充実している
- 記事の装飾機能が充実している
- 記事の作成に集中できる
- 無料テーマよりもSEOが強い
Twenty Seventeen で使いたいプラグイン
公式テーマは審査後公認され無料で利用できるようになります。基本部のみの配信のため拡張機能を利用したい場合はプラグインで機能を拡張させることになります。
- Table of Contents Plus・・ページ内のコンテンツの目次を作成
- All in One SEO Pack・・SEOを一括して設定
- WP Multibyte Patch・・マルチバイト文字の修正(コンタクトフォームを利用するなら必須)
- Duplicator・・サイトを丸ごとコピーしてバックアップ
- WP Maintenance Mode・・メンテナンス中であることを表示
- Pz-LinkCard・・外部リンクをカード形式で表示
- WP-Optimize・・データベースをクリーンアップ
Twenty Seventeen と関連する記事

◆関連サイト
関連のサイトでは、WordPressを使ってアドセンスやアフィリエイトで収益化をする方法、また、集客に重要なSEOのやり方や手法等もご案内しています。