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

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

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

「Twenty Fifteen」は、2015年のwordpress(ワードプレス)のデフォルト無料テーマです。

ブログ向けでシンプルかつ読みやすいレイアウトが特徴になっています。

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

Twenty Fifteen無料テーマの特徴

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

ブログ向けのシンプルなデザインになっています。

デザイン・レイアウト

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

インストール方法

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

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

「Twenty Fifteen」は標準搭載されています。

カスタマイズ・設定

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

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

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

サイト基本情報

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

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

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

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

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

サイトアイコン画像をアップロードしました。

色

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

• ベース配色
• 背景色
• ヘッダー・テキスト色
• ヘッダー・サイドバー背景色

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

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

青に設定しましたが、あとあとの設定で背景色などすべて変えたのでほぼ意味がありませんでした・・・。

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

背景色を「#dda146」、オレンジ近い色に設定しました。

背景は、後々の設定で画像に変えることも出来ます。

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

タイトルの色や、サイドバーの文字の色を変えることが出来ます。

今回は、「#0a0a0a」色、黒に近い色にしました。

【４】　「ヘッダー・サイドバー背景色」のカスタマイズ・設定

ヘッダー・サイドバーの背景色を変えることが出来ます。

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

ヘッダー画像

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

• ヘッダー画像

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

ここでいうヘッダーは、サイドバー兼ヘッダーのことです。

画像を設定しました。

背景画像

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

• 背景画像

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

今回は設定しませんでしたが、背景画像を指定することが出来ます。

メニュー・ヴィジェット

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

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

別項目で解説します。

固定フロントページ

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

• 最新の投稿
• フロントページ

【１】　「固定フロントページ」のカスタマイズ・設定。

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

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

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

サイト活用には少しいまいちな感じはしますね・・・。

メインメニュー・ソーシャルアイコンのカスタマイズ・設定

ここからはメインメニュー・ソーシャルアイコンメニューのカスタマイズ・設定方法について解説していきます。

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

メニューでは、以下の項目をカスタマイズ・設定できます

• メインメニュー
• ソーシャルリンクメニュー

【１】　「メインメニュー」のカスタマイズ・設定

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

サイドバー兼ヘッダーにメニューが表示されます。

【２】　「ソーシャルアイコン」のカスタマイズ・設定

「新規メニュー作成」で「メニュー名」をつけます。

その後、必要なSNSリンクをメニューに追加。

メニューの位置を、「ソーシャルリンクメニュー」にチェックをいれます。

アイコンもきちんと表示されます。

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

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

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

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

• ウィジェットエリア(サイドバー)

【１】　「ウィジェットエリア(サイドバー)」のカスタマイズ・設定

必要に応じて、要る項目・要らない項目をカスタマイズすることが出来ます。

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

スマホ・レスポンシブ対応

「Twenty Fifteen」はレスポンシブ対応で、スマホから見てもとてもシンプルなレイアウトです。

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

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

wordpress(ワードプレス)で人気の無料テーマ

「Twenty Fifteen」のカスタマイズ設定の様子を動画で録画しましたので、参考にしてください。