KAZU
ヘッダー 横メニューにWEBアイコンを表示させる方法
ここでは、ヘッダー 横メニュー「ヘッダーメニュー（横列）」にWEBアイコンを表示させる方法を解説します。 WEBアイコンを表示させためた例 ヘッダー横メニューにWEBアイコンを表示させるには、「Font Awesome」のWEBアイコンを使用します。 そのための準備として、 「FontAwesome」のアカウント登録使用するためのコードをheadに貼り付ける この2つを終えていないと「Font Awesome」を使用することができません。 ※WEBアイコンを使えるようにする手順は、以下の記事を参考にしてく ...
ヘッダー横メニューに「サブタイトル」を表示させる方法
ここでは、ヘッダー横メニュー「正式名称は、ヘッダーメニュー（横列）」にサブタイトルを表示させる方法について解説していきます。 「サブタイトル」＝ AFFINGERでは「タイトル属性」と呼びます。 イメージはこんな感じ。 サブタイトルなし ▼ サブタイトルあり 必要なのは、 タイトル属性の項目を表示させるタイトル属性にサブタイトルを入力する この2つだけ。 それでは手順を解説していきます。 タイトル属性の項目を表示させる メニューの右にある▼をクリックし「追加設定オプション」を表示させたときに「タイトル属性 ...
ヘッダーエリア全体に画像を設定する方法
ここでは、ヘッダーエリア全体を画像にする方法を解説していきます。 ヘッダーエリア全体に画像を反映させると、トップページのヘッダーはこんな感じになります。 完成イメージ ヘッダーエリア各メニュー ヘッダー全体を画像にするためには、「カスタマイズ」にて以下メニューの設定が必要です。 ロゴ画像 / サイトのタイトルヘッダー画像基本エリア設定 PCヘッダーメニュー それでは一つひとつ手順を解説していきます。 ロゴ画像/サイトのタイトル メニュー ここでは、ロゴ（サイトタイトル）とキャッチフレーズの色を変更します。 ...
