エレファント2バナー

      2017/06/10

人気の無料テーマ「Twenty Seventeen」カスタマイズ設定方法-wordpressワードプレス

 
Twenty Seventeenカスタマイズ設定

おひとりさまブロガー和泉
ブログアクセスアップ術を教える仕事をしています。
趣味はグルメ・映画鑑賞・ミニチュア製作です。
お陰様で月間17万PV達成しました。

パワーブログ講座やっています。

こんにちは、おひとりさまブロガー和泉です^^

今回は、wordpress(ワードプレス)で一番人気の無料テーマ「Twenty Seventeen」のカスタマイズ・設定方法を解説していきたいと思います。

「Twenty Seventeen」は、wordpress(ワードプレス)をインストールするとデフォルトで設定されている無料のテーマです。

では、早速、詳しく解説しますね!


スポンサーリンク


Twenty Seventeen無料テーマの特徴

「Twenty Seventeen」は、ワードプレスをインストールすると最初に設定されている無料テーマになります。

2016年に大幅にリニューアルされ、ビジネス使用にとてもお勧めのデザインになっています。

Twenty Seventeenカスタマイズ設定

テーマ名:Twenty Seventeen

  • カスタマイズ性:比較的簡単
  • カラム数:1、2カラム対応
  • サイドバー位置:右サイドバー
  • レスポンシブ:対応
  • 言語:日本語対応
  • SEO対策:プラグインなどを入れて対策しましょう
  • スライド機能:なし(プラグインなどを使って対応させよう)
  • アドセンス埋込機能:なし(プラグインなどを使って対応させよう)
  • 関連記事表示:なし(プラグインなどを使って対応させよう)
  • 記事内にSNSアイコン:なし(プラグインなどを使って対応させよう)
  • 用途:ビジネス・ブログ
  • 配布元:wordpress

デザイン・レイアウト

「Twenty Seventeen」は、ビジネス用途におすすめのホームページのようなデザインにすることが出来ます。

Twenty Seventeenカスタマイズ設定

デザイン・レイアウト

  • ヘッダー下にトップメニュー
  • 1~2カラムに設定可能
  • フロントページ設定機能あり
  • フッターにソーシャルアイコン表示
  • 投稿記事の表示も可能

インストール方法

あなた自身のwordpress(ワードプレス)からテーマをインストールします。

ダッシュボード⇒外観 ⇒テーマ ⇒ 新規追加⇒「Twenty Seventeen」を検索してインストール⇒有効化

カスタマイズ・設定

ここからは、wordpress(ワードプレス)で一番人気の無料テーマ「Twenty Seventeen」のカスタマイズ・設定をやっていきます。

「外観⇒カスタマイズ」からテーマの編集

Twenty Seventeenカスタマイズ設定

Twenty Seventeenカスタマイズ設定

上から順番にカスタマイズをしていきます。

サイト基本情報

カスタマイズ・設定できる項目

  • ロゴ
  • サイトタイトル
  • キャッチフレーズ
  • サイトアイコン(ファビコン)

【1】 ロゴ、サイトタイトル、キャッチフレーズのカスタマイズ・設定

ロゴ画像を挿入、サイトタイトル、キャッチフレーズの指定・変更をすることができます。

Twenty Seventeenカスタマイズ設定

【2】 サイトアイコン(ファビコン)のカスタマイズ・設定

Twenty Seventeenカスタマイズ設定

カスタマイズ・設定できる項目

  • 配色(背景色の設定)
  • ヘッダーテキスト色

【1】 配色・ヘッダーテキスト色のカスタマイズ・設定

配色はデフォルトのままの「ライト」に。

ヘッダーテキストは、色を変更しました。

Twenty Seventeenカスタマイズ設定

ヘッダーメディア

カスタマイズ・設定できる項目

  • ヘッダー動画(MP4、YouTubeURLを入力できます)
  • ヘッダー画像

【1】 ヘッダー画像のカスタマイズ・設定

今回は、ヘッダー動画ではなく、ヘッダー画像を変更しました。

※ヘッダーに動画を入れたい場合は、「ヘッダー動画」にMP4ファイルか、YouTubeのURLを入力

Twenty Seventeenカスタマイズ設定

メニュー・ヴィジェット

カスタマイズ・設定できる項目

  • メニュー
  • サイドバー、フッター

別項目で解説します。

固定フロントページ

カスタマイズ・設定できる項目

  • フロントページの表示

【1】 「フロントページの表示」のカスタマイズ・設定

今回は、デフォルトの「固定ページ」のままにしました。

もし、ブログとして活用したい場合は、「最新の投稿」を選択

■ブログとして活用した場合

Twenty Seventeenカスタマイズ設定

テーマオプション

カスタマイズ・設定できる項目

  • 固定ページレイアウト(カラムの設定)
  • フロントページ第1セクション
  • フロントページ第2セクション
  • フロントページ第3セクション
  • フロントページ第4セクション

【1】 「固定ページレイアウト(カラム)」のカスタマイズ・設定

■1カラムの場合

Twenty Seventeenカスタマイズ設定

■2カラムの場合

Twenty Seventeenカスタマイズ設定

今回は2カラムの設定のままでいきます。

【2】 フロントページ第○セクションのカスタマイズ・設定

セクションとは、「TWENTY SEVENTEEN」のテーマでいうと、下記画像の一エリアを指します。

下記画像は、第1セクションのエリアです。

ここに表示される文字は、あらかじめ作っておいた固定ページから選択することが出来ます。

Twenty Seventeenカスタマイズ設定

メニューのカスタマイズ・設定

ここからはメニューのカスタマイズ方法について解説していきます。

「ダッシュボード⇒外観⇒メニュー」から編集

「TWENTY SEVENTEEN」のテーマの場合、

メニューの編集は、「トップメニュー」と「ソーシャルリンクメニュー」の編集が可能です。

Twenty Seventeenカスタマイズ設定

あらかじめ固定ページで内容を作っておくことで、メニューに表示させるか選択出来ます。

【1】 「トップメニュー」のカスタマイズ・設定

ヘッダー下のメニューです。

Twenty Seventeenカスタマイズ設定

【2】 「ソーシャルリンクメニュー」のカスタマイズ・設定

フッターに表示されるSNSリンクボタンの編集です。

必要な項目で残しておきましょう。

Twenty Seventeenカスタマイズ設定

ヴィジェット(サイドバー・フッター)のカスタマイズ・設定

ここからはヴィジェットのカスタマイズ方法について解説していきます。

「ダッシュボード⇒外観⇒ヴィジェット」から編集

「TWENTY SEVENTEEN」のテーマの場合、は3つの項目の編集が可能。

  • サイドバー
  • フッター1
  • フッター2

【1】 「サイドバー」のカスタマイズ・設定

トップページをフロントページの設定にしている場合は、サイドバーは投稿記事にしか表示されません。

Twenty Seventeenカスタマイズ設定

【2】 「フッター」のカスタマイズ・設定

フッター1、2で分かれています。

Twenty Seventeenカスタマイズ設定


スポンサーリンク

動画でワードプレス無料テーマカスタマイズ解説

wordpress(ワードプレス)で一番人気の無料テーマ「Twenty Seventeen」のカスタマイズの様子を動画で録画しましたので、参考にしてください。

こちらの記事もおすすめ

▼初心者でもわかる、SEOに強いブログ記事の書き方
関連記事:まるで教科書!ブログの書き方12のコツ

▼アクセスアップを目指している方、読んでみてください
関連記事:55記事で月間10万PV達成した8つのコツ!

▼ブログ×SNS集客をこれから実際される方、読んでみてください
関連記事:絶対成功するSNS集客方法!新規客をどんどん呼び込む!

 

Copyright© おひとりさまですブログ。 , 2017 All Rights Reserved.