WordPressテーマ

Twenty Seventeenのカスタマイズとウィジェット

投稿日:2018年2月19日 更新日:

「Twenty Seventeen」はWordPress公式テーマディレクトリから利用できるテーマです。カスタマイズできるのは、「サイト基本情報」、「色」、「ヘッダーメディア」、「メニュー」、「ウィジェット」、「追加CSS」となっています。ウイジェットエリアは「ブログサイドバー」「フッター1」、「フッター2」となっています。

Twenty Seventeenのカスタマイズとウィジェット

Twenty Seventeenの概要

Twenty Seventeen は、没入感のあるアイキャッチ画像と繊細なアニメーションを用いて、サイトに命を吹き込みます。ビジネスサイトにフォーカスをあて、ウィジェット、ナビゲーション、ソーシャルメニュー、ロゴ等はもちろんフロントページの複数のセクションを目立たせます。カスタム配色で非対称のグリッドの個性を出し、投稿フォーマットでマルチメディアコンテンツを際立たせます。2017年のデフォルトテーマは、多くの言語において、どんな才能に対しても、どのようなデバイスでも、うまく動作します。
Twenty Seventeen公式ページより引用

  • Twenty Seventeen
  • https://ja.wordpress.org/themes/twentyseventeen/
  • 固定ページ・ブログともに2カラム

Twenty Seventeenのカスタマイズ

ダッシュボードからできるTwenty Seventeenのカスタマイズは、「サイト基本情報」、「色」、「ヘッダーメディア」、「メニュー」、「ウィジェット」、「追加CSS」となっています。カスタマイズの編集はダッシュボードより、「外観」→ 「カスタマイズ」と進みます。

Twenty Seventeenのカスタマイズとウィジェット

▶ サイト基本情報

サイト基本情報では、「サイトのタイトル」と「キャッチフレーズ」を編集できます。「サイトのタイトル」と「キャッチフレーズ」を非表示にすることもできるようになっています。また、「サイトアイコン」もここで指定します。サイズは512 x 512 です。

▶ 色

色は「ライト」、「ダーク」、「カスタム」からセレクトできます。また、ヘッダーテキストの色もここで指定するようになっています。

▶ ヘッダーメディア

「ヘッダーメディア」には動画か画像を表示させることができます。動画を表示させるには.mp4型式のファイルを指定します、画像はアップロード後切り抜きフィットさせることが可能です。

▶ メニュー

ページ先頭部の「Heder Navigation」とソーシャルリンクメニューがカスタマイズできます。

▶ テンプレートファイル一覧
デフォルトのカスタマイズで足りない部分は以下のテンプレートファイルをカスタマイズすることになります。

  • index.php
  • 404.php
  • archive.php
  • comments.php
  • functions.php
  • header.php
  • page.php
  • serch.php
  • serchform.php
  • sidebar.php
  • single.php

Twenty Seventeen のウィジェット

ウィジェットエリアは「ブログサイドバー」、「フッター1」、「フッター2」となっています。固定ページにはサイドバーエリアがないので、固定ページを利用するにはフッター1とフッター2に共通させたいものを配置することが必要になります。

  • ブログサイドバー
  • フッター1
  • フッター2

Twenty Seventeenのカスタマイズとウィジェット

Twenty Seventeen はアイキャッチの使い方が非常に特徴的で非表示にされているサイトも多いようです。好き嫌いはわかれるかもしれませんがインパクトのあるページを作りたい方にはお勧めかもしれません。

Twenty Seventeenのインストール

Twenty Seventeenをインストールするにはダッシュボードから外観 → テーマ → 新規追加 → Twenty Seventeenで検索しインストールを開始します。

Twenty Seventeenのカスタマイズとウィジェット

※関連記事

Twenty Seventeenのカスタマイズとウィジェット

Stinger PLUS(WordPressテーマ)とStinger8の編集ボタンの違いを比較

ブロガーやアフィリエイター達に愛用されているStinger(WordPressテーマ)ですが、編集ボタンは配布されているVer.によって相違があります。ここではStinger PLUSとStinger8の編集ボタンの違いを比較しています。機能が 豊富なのは…

Twenty Seventeenのカスタマイズとウィジェット

Stinger 8のカスタマイズとウィジェット

「Stinger(スティンガー)」はブロガーやアフィリエイターから幅広く支持されているWordPressの無料テーマです。シンプルなデザインはブログとして利用でき、編集画面も便利なボタンが数多く実装されています。情報コンテンツ(文章)主力でいくなら、日本生…

Twenty Seventeenのカスタマイズとウィジェット

管理画面のタグ(紐付け)操作を楽にするWordPressのカスタマイズ

WordPressの管理画面をカスタマイズしてタグの操作を楽にする方法です。タグを過度に使用するとキーワードの詰め込みとされることから使用されていないサイトも多いようですが、わかり易い構造にすることで利便性の向上が望めます。しかし、WordPressのダグ…

Twenty Seventeenのカスタマイズとウィジェット

Stinger PLUS2の管理から「サイト全体の設定」を解説

Stinger PLUS2の管理を利用するには、ダッシュボード → STEINGER+2 管理 と進みます。設定できるのは以下のような内容になっています。 ■サイト全体の設定 カスタマイザー(基本色)設定 サイト全体のレイアウト一括設定 ヘッダー設定 サム…

Twenty Seventeenのカスタマイズとウィジェット

Stinger PLUS2の管理機能を解説

Stinger PLUS2の管理機能を解説しています。デフォルトでは、ダッシュボード → 外観 → カスタマイズ で設定する以外にもSTEINGER+2 管理があります。設定できるのは、サイト全体の設定、トップページの設定、投稿・固定記事設定、ヘッダー画像…

Twenty Seventeenのカスタマイズとウィジェット

Simplicity2のカスタマイズとウィジェット

Simplicity2はその名のとおりシンプルなデザインになっているテーマです。文字情報でユーザーを引き付けることができることができます。シンプルなデザインは文字数が多くなる傾向がありSEOにも効果的なことが挙げられますが、シンプルなだけにセンスが必要だと…

Twenty Seventeenのカスタマイズとウィジェット

Food Expressのカスタマイズとウィジェット

Food Expressフードプレスは無料の飲食店向きWordPressテーマ(テンプレート)です。Food Express無料版と有料版のPROバージョンが配布されています。海外のテーマなのでダッシュボードは英語になっています。 Food Express…

Twenty Seventeenのカスタマイズとウィジェット

Lightningのカスタマイズとウィジェット

Lightningの特徴はテーマと同時開発されている無料の多機能プラグイン「VK All in One Expansion Unit(通称:ExUnit)」、今時のビジネスサイトやブログを作る上で必要な機能を網羅、併せて利用する事によって、コーポレートサイ…

Twenty Seventeenのカスタマイズとウィジェット

Stinger PLUS2のカスタマイズとウィジェット

Stinger PLUS2は幅広く支持されているWordPressの無料テーマです。Stinger PLUS2はシンプルなデザインはビジネスブログとして利用でき、編集画面も便利なボタンが数多く実装されています。

Twenty Seventeenのカスタマイズとウィジェット

Cocoonのカスタマイズとウィジェット

Cocoon(コクーン)はシンプルな100%GPLのWordPressテーマです。SEO、高速化、モバイルフレンドリーに最適化されています。Cocoon(コクーン)はアフェリエイトに適したテーマといえ、広告を貼ることに注力されているWordPress無料テ…

-WordPressテーマ
-

執筆者:

関連記事

Food Expressのカスタマイズとウィジェット

Food Expressフードプレスは無料の飲食店向きWordPressテーマ(テンプレート)です。Food Express無料版と有料版のPROバージョンが配布されています。海外のテーマなのでダッシ …

Stinger 8のカスタマイズとウィジェット

「Stinger(スティンガー)」はブロガーやアフィリエイターから幅広く支持されているWordPressの無料テーマです。シンプルなデザインはブログとして利用でき、編集画面も便利なボタンが数多く実装さ …

BizVektorのテーマオプションを解説

BizVektorのテーマオプションを利用すればデザイン変更をすることができます。その他にもテーマカスタマイザーを使って変更できますが、ここではテーマオプションを使った方法をを解説しています。BizV …

Stinger PLUS2のカスタマイズとウィジェット

Stinger PLUS2は幅広く支持されているWordPressの無料テーマです。Stinger PLUS2はシンプルなデザインはビジネスブログとして利用でき、編集画面も便利なボタンが数多く実装されています。

Stinger のカスタマイズとウィジェット

「Stinger(スティンガー)」はブロガーからアフィリエイターまで幅広く支持されているWordPressの無料テーマです。作者のコメントからもSEOに力をいれていることが伺えるものが感じられます。「 …