プロデューサー歴20年のシマタケです。
僕自身、満足のいくホームページ作成に出会えなく、
現在はホームページ作成を提供し、
かつ、ご自身で運営できるようサポートしています。
ワードプレス公認テーマ「ライトニング（Lightning)」は個人ブログから本格的な企業ホームページまで作成する事ができるおすすめのテーマ。
今回はヘッダーへのロゴマーク設置、検索して貰うために重要な名称やキャッチフレーズなど、ホームページの基本部分を設定する、ライトニングの「カスタマイズ」ページの解説をいたします。
「カスタマイズ」ページには様々な機能がありますが、まずは今回の設定を行なってページの「名札」を作ってみましょう。
「カスタマイズ」機能とは？
ワードプレスの操作は大きく分けて３つのセクションに分かれています。
１、ホームページ全体のデザインを行う「カスタマイズ」機能
２、ホームページの各ページを作成する「固定ページ」
３、ブログやニュース記事を作成する「投稿」
「カスタマイズ」機能はページの外観や、フォント、カラー等の基本設定を簡単に変更できるツールです。
機能をわかりやすく3つの項目に分けて説明します。
「カスタマイズ」ページ
左に操作パネルが出て、
右はプレビュー画面になるので操作しやすい！
１、ページ全体のデザイン調整
カスタマイズ機能の項目にて、フォント、カラー、レイアウトなどを変更できます。
カラーパレットの調整
配色を変更して、ブランドや好みに合わせたデザインを実現します。
ロゴやヘッダー画像の変更
サイトのロゴやバナーをアップロードして、ブランディングを強化します。
２、ナビゲーションの設定（メニューとウィジェット）
メニュー
メニューバーに「ホーム」「サービス」「お問い合わせ」などの各サブページのリンクを追加する事ができます。
ウィジェット
サイドバーやフッターに、カレンダー、検索バー、SNSリンクなどの機能を配置する事ができます。
３、基本情報と機能の設定
サイト情報
サイトのタイトル、キャッチフレーズ、ロゴ、アイコン（favicon）などを設定します。
ホームページの表示形式
トップページをブログ一覧にするか、固定ページ（例: サービス案内ページ）にするか選択できます。
CSSの追加
さらにデザインを細かく調整したい場合は「カスタムCSS」を追加できます。
まず、ホームページの基本情報を設定
いろんな設定ができる「カスタマイズ」
まずは何から設定すれば良いでしょうか？
ホームページの「名称」「キャッチフレーズ」「アイコン」を設定いたします。
これらは、ページを開いた際のブラウザのラベルや、検索サイトに掲載されるので、検索して貰うために重要な要素（SEO的に）。初めにしっかり設定してください。
「カスタマイズ」ページへの移動
１、まずダッシュボードの左カラムの「外観」を触ると右にラベルが出てきます。
その中の「カスタマイズ」をクリック。
２、すると参照画像のように「カスタマイズ」ページへ移動します。
カスタマイズページは、左が操作パネル、右はプレビュー画面になるので操作しやすいです。
次に操作パネルの「サイト基本情報」をクリックしてください。
基本情報の設定
3、参照画像のように「サイト基本情報」のパネルへ移動します。
赤丸で囲っている「サイトのタイトル」「キャッチプレーズ」「サイトアイコン」にそれぞれ任意で名称やキャッチコピー等を追加してください。
任意で良いのですが、前述したように名称やキャッチフレーズは、検索されやすいよう配慮が必要です。
以下、それぞれ設定時の注意点になります。
| サイトのタイトル | 初期設定はワードプレスをインストールした際に設定したものになっています。英語でも日本語でも良いですが、読者が認識しやすく検索しやすい名称が良いです。 |
| キャッチフレーズ | 検索される上で重要な箇所です。検索して貰いたいワードを組み合わせてキャッチコピーを設定しましょう。25文字以内にまとめてください。 |
| アイコン（favicon） | 正方形もしくは真丸のロゴを掲載。サイズは512×512pixel推奨となっています。 |
4、参照画像のように、それぞれの項目に、タイトル、キャッチフレーズ、アイコンを設定します。
そうすると、次の画像のように、ブラウザのラベルに、タイトル、キャッチフレーズ、アイコンが表示されます。
次にロゴを設定
次に、ホームページのヘッダーにロゴを掲載します。
ヘッダーは、はじめに目にするところなので、とても大事な場所ですね。
ホームページのヘッダーとは？
「ヘッダー」とはホームページの最上部に表示される部分のことで、一般的に以下の要素が含まれます。
- ロゴ・サイト名
- ブランドや企業のロゴ、サイト名を表示し、訪問者にサイトの認識を促します。
- ナビゲーションメニュー
- 「ホーム」「サービス」「お問い合わせ」など、サイト内の主要なサブページへのリンクを設置します。
ロゴの設定
1、カスタマイズの左パネルの中の「Lightningデザイン設定」をクリック。
2、移動したパネルの中の「ヘッダーロゴ画像」にて「画像を選択」をクリックして任意のロゴ画像を選択してください。
推奨画像サイズは、500px（横） × 120px（縦） ですが、
細長いロゴばかりではないので、縦 120px で設定してください。
例）真四角のロゴなら、120px（横） × 120px（縦）
3、設定するとロゴがパネルにもプレビュー画面にも掲載されます。
ロゴの大きさは、同パネルの「ロゴの大きさ」にて、PC、モバイル（スマホ）それぞれ数値を入れると調整できます。
こちらもご覧ください。
「ライトニング（Lightning）」スライドショー設定の仕方。
こちらもご覧ください。
ワードプレス「ライトニング（Lightning）」投稿ページの作り方。
まとめポイント
いかがでしたか。
ワードプレスのテーマ「ライトニング（Lightning)」の「カスタマイズ」項目の中でも最初にしていただきたい設定をご紹介しました。
みなさんのページの意図が伝わる名称、キャッチフレーズ、ロゴを設定してください。
「カスタマイズ」ページとは？
「カスタマイズ」機能はページの外観や基本的な設定を簡単に変更できる便利なツールです。
ホームページの基本情報を設定。
ホームページの「名称」「キャッチコピー」「アイコン」を設定いたします。
これらは、ページを開いた際のブラウザのラベルや、検索サイトに掲載されるので、検索して貰うために重要な要素（SEO的に）。初めにしっかり設定してください。
ロゴを設定
ホームページの顔となる「ヘッダー」にロゴを掲載します。そうする事でブランディングに大きな効果がでます。
ワードプレスを用いて、ご自身で運営できる理想のホームページを作成する
弊社のホームページ作成サービス「MY PAGE」もご覧ください。
Follow me!
