WORDPRESS(twenty seventeen)をカスタマイズ
ブログの記事の内容と共にこだわりたくなるのはブログデザイン。
この記事ではWORDPRESS(twenty seventeen)をカスタマイズするためのスマホでのやり方を説明していきます。
まずWORDPRESS管理画面のダッシュボードから外観を選択しカスタマイズへ行くと、この画面が表示されます。
![WORDPRESS管理画面 カスタマイズ](https://hirobrother.com/wp-content/uploads/2019/03/Screenshot_20190306-182617-e1551864953166-229x300.png)
①サイト基本情報
サイト基本情報では表示するロゴデザイン、タイトル、サイトのキャッチフレーズ、サイトアイコンが設定できます。
![WORDPRESS管理画面 サイト基本情報](https://hirobrother.com/wp-content/uploads/2019/03/Screenshot_20190306-182637-e1551864985524-277x300.png)
ロゴ
![WORDPRESS管理画面 ロゴの選択](https://hirobrother.com/wp-content/uploads/2019/03/20190309_070513-300x276.jpg)
ロゴを変更をタップするとロゴを選択画面へ移動します。
メディアライブラリでロゴにしたい画像を選んで下さい。
ファイルをアップロードからお気に入りの写真や画像を選択しメディアライブラリへアップロードすると使用できます。
サイトアイコン
![WORDPRESS管理画面 サイトアイコン](https://hirobrother.com/wp-content/uploads/2019/03/Screenshot_20190306-182648-e1551865022964-300x247.png)
サイトアイコンとはパソコン画面でサイトを表示した際に画面上部に表れるアイコン(ファビコン)の事です。
サイトの目印になるのでユーザビリティーの面を考えても設定しておいた方がよいと思います。
②色
背景色や文字色、サイトタイトルの色を変更することができます。
![WORDPRESS管理画面 色](https://hirobrother.com/wp-content/uploads/2019/03/Screenshot_20190306-182708-e1551865044359-267x300.png)
配色
色をタップすると、この画面へ移動します。配色は表示するページの背景色を変更できます。
ライトは通常の白い背景色、ダークは背景色が黒くなります。
カスタムは記事の文字色を変更できます。
ヘッダーテキスト色
サイトタイトルの文字色を変更できます。
③ヘッダーメディア
twenty seventeenでデフォルトとなっている植木のヘッダー画像を動画や他の画像へと変更できます。
ヘッダー動画
![WORDPRESS管理画面 ヘッダーメディア](https://hirobrother.com/wp-content/uploads/2019/03/Screenshot_20190306-182739-e1551865077777-271x300.png)
「動画を選択」をタップしてヘッダーにしたい動画を「ファイルをアップロード」から選択し、「メディアライブラリ」内で決定すると表示されます。
ヘッダー画像
![WORDPRESS管理画面 ヘッダー画像](https://hirobrother.com/wp-content/uploads/2019/03/Screenshot_20190306-182753-e1551865103600-273x300.png)
「新規画像を追加」をタップしてヘッダーにしたい画像を「ファイルをアップロード」から選択し、「メディアライブラリ」内で決定すると表示されます。
④メニュー
トップページに表示されるメニューを設定できます。
![WORDPRESS管理画面 メニュー](https://hirobrother.com/wp-content/uploads/2019/03/Screenshot_20190306-182834-e1551865128857-262x300.png)
メニュー
メニューには固定ページや投稿ページ、カテゴリーなどを設定できます。
![WORDPRESS管理画面 メニュー](https://hirobrother.com/wp-content/uploads/2019/03/Screenshot_20190306-182849-e1551865154720-239x300.png)
メニューはヴィジェットパネルに設定して表示する事もできます。
ヴィジェットで設定する場合はメニューの設定はヴィジェットの方で行えますので、ここではメニューを使用する前提で進めていきます。
![WORDPRESS管理画面 メニュー](https://hirobrother.com/wp-content/uploads/2019/03/20190309_212659-263x300.jpg)
メニュー名を入力し、トップメニューにチェックしたら次へをタップします。
![WORDPRESS管理画面 メニュー](https://hirobrother.com/wp-content/uploads/2019/03/20190309_212857-281x300.jpg)
そして「+項目を追加」をタップするとこのページになりますので
![WORDPRESS管理画面 メニュー](https://hirobrother.com/wp-content/uploads/2019/03/20190309_213225-271x300.jpg)
この中からメニューに入れたい項目を選択して追加して下さい。
⑤ヴィジェット
ヴィジェットはサイドバーやフッターに表示したい項目を選択し、追加したり外したりする事ができます。
![WORDPRESS管理画面 ウィジェット](https://hirobrother.com/wp-content/uploads/2019/03/Screenshot_20190306-182936-e1551864888654-238x300.png)
⑥ホームページ設定
ホームページ設定ではトップページに表示するページを最新の投稿か固定ページにするかを選択できます。
![WORDPRESS管理画面 ホームページ設定](https://hirobrother.com/wp-content/uploads/2019/03/Screenshot_20190306-183000-e1551864928229-262x300.png)
最後に
WORDPRESSのデフォルトテーマtwenty seventeenは有料テーマに比べ不便なところが多いですが、デザインをカスタマイズしたりプラグインの力を借りて楽しんでみて下さい。
有料テーマでは学べないサイト構築等の知識やテクニックを知る事ができますよ。