SEARCH

ヘッダ画像を変更する

すでに設定されている、ヘッダ画像をお好きなデザインの画像に変更したり、スライド画像を追加することができます。
このチュートリアルでは以下の手順等をご説明します。

ヘッダ画像(トップメインビジュアル)の変更する場合「【最新版】汎用基本パッケージ」
ヘッダ画像(トップメインビジュアル)を追加する場合「【最新版】汎用基本パッケージ」
ヘッダ画像を変更するときの手順「汎用基本パッケージ」
ヘッダ画像を変更するときの手順「基本パッケージ(旧)」
ヘッダ画像を変更するときの手順「基本パッケージ(旧)(レスポンシブデザイン)」

ヘッダ画像(トップメインビジュアル)の変更する場合

※旧デザインテンプレートをご利用の場合は、ヘッダ画像を変更するときの手順「汎用基本パッケージ」以下の手順をご確認ください。

1.記事グループ一覧 > トップメインビジュアル一覧 を表示。
2.「トップメインビジュアル1」の記事編集画面を表示。
3.画像を差替えて記事を更新。


ヘッダ画像(トップメインビジュアル)を追加する場合

1.記事グループ一覧 > トップメインビジュアル一覧 を表示。
2.「トップビジュアルメイン 追加」ボタンをクリック。

3.新規記事を作成。

 

ヘッダ画像を変更するときの手順「汎用基本パッケージ」

1.記事モジュールをクリックして、記事グループ一覧を開く
2.記事グループ「ヘッダイメージ」をクリック
  ⇒記事の編集画面が開きます。
3.「トップページ用」の『画像を差し替える』をクリックして、画像を選択する
4.更新する

参考)「トップページ用」の『画像を差し替える』の場所

ヘッダ画像を変更するときの手順「基本パッケージ(旧)」

1.[header]フォルダ内に変更したいヘッダー画像をアップロードします。
※アップロードしたファイルを右クリックしてファイルパスをコピーして下さい。


2.[サイト基本設定]→[サイト管理]を開きます。



3.ファイルパスを変更して[更新する]をクリックします。

4.ヘッダー画像が変更された事を確認して下さい。

ポイント

ヘッダフッタでファイルパスを指定することも可能です。
1.[デザイン>ヘッダフッタ]を開く
2.「PC用(Contents)」の『ヘッダ(サイト上部)』を開く
3.imgタグにファイルマネージャにアップロードしておいたヘッダ画像のファイルパスを記述する
4.更新する

参考)imgタグの箇所

ヘッダ画像を変更するときの手順「基本パッケージ(旧)(レスポンシブデザイン)」

・事前に、「ファイルマネージャ」へ、使用する画像をアップロードしておきます。
1.[コンテンツ更新]>[自由HTML]を開く
2.『サイトのスローガン』を開く
3.imgタグにファイルマネージャにアップロードしておいたヘッダ画像のファイルパスを記述する
4.更新する

参考)imgタグの箇所

SEARCH