WordPressテーマ

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

更新日:

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

sheep-3264732_1920-1024x419 Twenty Seventeenのカスタマイズとウィジェット

Twenty Seventeenの概要

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

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

Twenty Seventeenのカスタマイズ

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

tw 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」、「フッター1」となっています。固定ページにはサイドバーエリアがないので、固定ページを利用するにはフッター1とフッター2に共通させたいものを配置することが必要になります。

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

※関連の記事

adult-3408111_1920-150x150 Twenty Seventeenのカスタマイズとウィジェット

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

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

man-791049_1920-150x150 Twenty Seventeenのカスタマイズとウィジェット

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

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

791049_1920-150x150 Twenty Seventeenのカスタマイズとウィジェット

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

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

Funny-Cat-l-150x150 Twenty Seventeenのカスタマイズとウィジェット

BizVektorのコピーライトを非表示にする

BizVektorのコピーライトを非表示にする方法を書いています。企業サイトにも無償で利用できるWordPressの無料テーマですが、フッターにBizVektorのコピーライトが表示されます。企業サイトに利用したいときは非表示にしたいこともあると思います。…

wordpress-923188_1920-150x150 Twenty Seventeenのカスタマイズとウィジェット

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

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

o-FASTEST-SLOWEST-INTERNET-SPEEDS-WORLD-CANADA-facebook-150x150 Twenty Seventeenのカスタマイズとウィジェット

WordPressテーマの選び方(公式テーマディレクトリ)

WordPressテーマの選び方としては公式テーマディレクトリを利用するとある程度安全と言えます。半面、公式ゆえに拡張機能が組み込まれていないなどの物足りなさもあります。

wordpress-2173519_1920-150x150 Twenty Seventeenのカスタマイズとウィジェット

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

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

791049_1920-150x150 Twenty Seventeenのカスタマイズとウィジェット

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

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

laptop-2557571_1920-1-150x150 Twenty Seventeenのカスタマイズとウィジェット

BizVektorは企業サイト向き

BizVektorは企業サイトにも無償で利用できるWordPressの無料テーマです。BizVektorは「お知らせ」がカスタム投稿として最初から用意されているので、会社案内や製品やサービス案内ページに画像を張りつけて説明を入力すれば、デザインをしなくても…

-WordPressテーマ
-

Copyright© WordPress テーマとプラグイン , 2019 All Rights Reserved Powered by STINGER.