テーマ

Twenty Seventeen(WordPressテーマ)のカスタマイズとウィジェット

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

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

Twenty Seventeen(WordPressテーマ)のカスタマイズとウィジェット

「Twenty Seventeen」 トップページは2カラム、固定ページをトップページに指定しない場合ページ先頭から more タグまでが抜粋表示されます。moreタグを記述しないとページ全体が抜粋されるので、記事公開時には注意が必要です。

記事ページは1カラムで構成することもサイドメニューを配置することもできます。

Twenty Seventeen(WordPressテーマ)のカスタマイズとウィジェット

Twenty Seventeenの概要

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

Twenty Seventeenのカスタマイズ

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

Twenty Seventeen(WordPressテーマ)のカスタマイズとウィジェット

カスタマイズ項目 内容
サイト基本情報 サイト基本情報では、「サイトのタイトル」と「キャッチフレーズ」を編集できます。「サイトのタイトル」と「キャッチフレーズ」を非表示にすることもできるようになっています。また、「サイトアイコン」もここで指定します。サイズは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(WordPressテーマ)のカスタマイズとウィジェット

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

Twenty Seventeenのインストール

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

Twenty Seventeen(WordPressテーマ)のカスタマイズとウィジェット


Twenty Seventeen(WordPressテーマ)のカスタマイズとウィジェット

Llorix One Lite(WordPressテーマ)はビジネスやスタートアップのショップ、企業サイト向き

以下はLlorix One Lite公式サイトよりテーマの詳細を引用 シンプルで無駄がなく、モダンな見た目であらゆる個人ビジネスやモバイルアプリの立ち上げにご利用いただけます。ランディングページは全画面表示の目立つ画像とブルー & オレンジの外観…

Twenty Seventeen(WordPressテーマ)のカスタマイズとウィジェット

Simple Store(WordPressテーマ)はストア向きテーマ

Simple Storeの概要 【テーマ名】Simple Store 【URL】Simple Store 【インストール数】600+ 【WordPressバージョン】4.4以上 【配布】公式ディレクトリ Simple Storeのカスタマイズ Simple…

Twenty Seventeen(WordPressテーマ)のカスタマイズとウィジェット

Coffeeisle(WordPressテーマ)は喫茶店等のブログ向き

Coffeeisleはオンラインショップやブログのための上品なWordPressテーマです。斜めのポスト形状、およびスライドアウトメニューを提供する美しく、ユニークなインターフェースを持っています。店舗セクションは同じデザインライン、各商品は見栄えの良い斜…

Twenty Seventeen(WordPressテーマ)のカスタマイズとウィジェット

BizVektor(WordPressテーマ)の使い方

公式テーマ

Twenty Seventeen(WordPressテーマ)のカスタマイズとウィジェット

公式テーマのカスタマイズとウィジェットを解説

公式テーマ

Twenty Seventeen(WordPressテーマ)のカスタマイズとウィジェット

Stinger・スティンガー(WordPressテーマ)の解説一覧

Stinger

Twenty Seventeen(WordPressテーマ)のカスタマイズとウィジェット

WordPressテーマのカスタマイズとウィジェット解説のリスト

カスタマイズ

Twenty Seventeen(WordPressテーマ)のカスタマイズとウィジェット

無料で使えるWordPressテーマのリスト

無料テーマ

Twenty Seventeen(WordPressテーマ)のカスタマイズとウィジェット

Godios.(WordPressテーマ)のカスタマイズとウィジェット

Ascendant は、高速表示を重視したWordPressテーマです。「非同期画面遷移で体感ページ遷移速度を限りなく0秒に近づける」とコメントされています。 2019年4月29日より有料化されています。個の記事は有料化される前のバージョン1.2.0をもと…

Twenty Seventeen(WordPressテーマ)のカスタマイズとウィジェット

Stinger 8 (WordPressテーマ)の編集ボタン(テキストモード)を解説

Stinger 8 テキストモードのデフォルトでは数多くのボタンが装備されています。一般的な記事を書くには十分な装飾ができると思います。もっとボタンを追加したい場合は、プラグインAdd Quick Tagを利用されるとよいでしょう。 ボタン 表示例 太字 …

-テーマ
-

執筆者:

関連記事

Godios.(WordPressテーマ)のカスタマイズとウィジェット

Ascendant は、高速表示を重視したWordPressテーマです。「非同期画面遷移で体感ページ遷移速度を限りなく0秒に近づける」とコメントされています。 2019年4月29日より有料化されていま …

Cocoon(WordPressテーマ)のカスタマイズとウィジェット

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

Lightning(WordPressテーマ)のカスタマイズとウィジェット

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

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

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

BizVektor Global Edition(WordPressテーマ)のカスタマイズとウィジェット

BizVektor Global Editionは無料テーマとして配布されているBizVektorの公式バージョンです。公式テーマ登録のためにダウンロード版の機能がカットされていますが、通常のサイトな …