2018/07/06

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

 
Twenty Sixteenカスタマイズ設定

おひとりさまブロガー和泉
ブログアクセスアップ・ネット物販を得意とするネットビジネスのプロです。
趣味はキャンプ・一人旅・映画鑑賞です。
お陰様で月間17万PV達成しました。

パワーブログ講座、やってます!

5ヶ月で月間10万PV、ブログ運営のプロが教えます

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

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

「Twenty Sixteen」は、wordpress(ワードプレス)が独自制作している無料テーマで、シンプルでとても美しいレイアウトになっています。

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

Twenty Sixteen無料テーマの特徴

「Twenty Sixteen」は、ワードプレスをインストールすると、標準で搭載されている無料テーマになります。

ウェブサイト・ブログにも使用でき、シンプルなデザインになっています。

Twenty Sixteen」カスタマイズ設定

テーマ名:Twenty Sixteen

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

デザイン・レイアウト

「Twenty Sixteen」は、ウェブサイトやブログとして活用することが出来ます。

Twenty Sixteenカスタマイズ設定

デザイン・レイアウト

  • タイトル横にメニュー
  • フロントページ設定機能あり
  • 投稿記事の表示も可能
  • フッターを2カラムに設定可能(投稿記事や固定ページ)

インストール方法

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

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

カスタマイズ・設定

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

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

Twenty Sixteenカスタマイズ設定

Twenty Sixteenカスタマイズ設定

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

サイト基本情報

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

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

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

今回は、サイトタイトル・キャッチフレーズを非表示設定にし、ロゴ画像を表示させました。

Twenty Sixteenカスタマイズ設定

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

Twenty Sixteenカスタマイズ設定

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

  • ベース配色(背景色の設定)
  • 背景色
  • ページ背景色
  • リンク色
  • メインのテキストカラー
  • サブのテキストカラー

【1】 「ベース配色」のカスタマイズ・設定

ベース配色を「黄」に設定。

Twenty Sixteenカスタマイズ設定

【2】 「背景色」のカスタマイズ・設定

ここは後々、背景画像を指定しました。

ヘッダー画像

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

  • ヘッダー画像

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

ヘッダー画像は、ロゴ・サイトタイトルの下に表示される箇所です。

Twenty Sixteenカスタマイズ設定

背景画像

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

  • 背景画像

【1】 「背景画像」のカスタマイズ・設定

ページの淵に表示されるのが、背景になります。

これを画像にしました。

Twenty Sixteenカスタマイズ設定

メニュー・ヴィジェット

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

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

別項目で解説します。

固定フロントページ

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

  • フロントページ

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

今回は、「最新の投稿」のままの設定でいきます。

もし、トップページを「固定ページ」にすると以下のようになります。

あらかじめ固定ページでページを作っておくことで、トップページに表示させることが出来ます。

Twenty Sixteenカスタマイズ設定

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

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

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

あらかじめ固定ページなどで内容を作っておくことで、メニューに追加することが出来ます。

Twenty Sixteenカスタマイズ設定

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

タイトルロゴの横に表示されます。

Twenty Sixteenカスタマイズ設定

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

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

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

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

  • サイドバー
  • コンテンツ下1
  • コンテンツ下2

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

必要に応じて、要る項目要らない項目を設定することが出来ます。

人気記事ランキングなどが欲しい場合は、「WordPress Popular Posts」プラグインを入れることで設定できます。

Twenty Sixteenカスタマイズ設定

【2】 「コンテンツ1,2」のカスタマイズ・設定

投稿記事や固定ページで表示させることができます。トップページは表示されません。

Twenty Sixteenカスタマイズ設定

レスポンシブ対応

「Twenty Sixteen」はスマホから見てもとてもシンプルで綺麗なレイアウトですよね。

メニューボタンを押すことで、メニュー一覧を確認することが出来ます。

Twenty Sixteenカスタマイズ設定

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

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

パワーブログ講座、やってます!

5ヶ月で月間10万PV、ブログ運営のプロが教えます

当ブログで使用中のサーバーは??

表示速度が断然速い

SEO効果アップ

無料お試し期間あり

エックスサーバー です。

 

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