概要
- トップページ(index.html)のデザインが差し替えできます。カラム(段落)、”アイキャッチ”部分(トップページ上部の、画像・スライダー・吹き出しコメント)の表示方法の違いによる9種類のデザインから選択可能です。
- ホームページアップ時に、9種類のデザインの「差し替え用トップページ」が同時にアップされています。これらのHTMLをトップページ(index.html)のHTMLに転記することで、差し替えができます。
- 差し替え用トップページについては、robots.txt設定により、検索エンジンのインデックスから除外しているため、サイトの評価に影響を与えることはありません。
※トップページの上部に表示されるアイキャッチ部分(画像・スライダー・吹き出しコメント)は、モニターサイズの小さいスマートフォン等では表示されません。
9種類のデザインを見る(クリックで表示します)
解説
|
解説 |
画像ファイル名 (my_img/) |
カラム |
|
|
パララックス |
- スクロールなどの動作に応じて、複数のレイヤー(層)にある要素を異なるスピードで動かす演出効果です。
- パララックス効果はスマホとの相性が良くないため、スマホでの閲覧時にはパララックス効果を停止します。
|
top_940_400_0.jpg top_940_400_1.jpg
top_940_400_2.jpg top_940_400_3.jpg |
画像(大)切替 |
- 画像(幅940×高さ400ピクセル)をフェードで切り替えます。
|
top_940_400_0.jpg top_940_400_1.jpg
top_940_400_2.jpg top_940_400_3.jpg |
画像(大)切替+吹き出しコメント |
- 画像(幅940×高さ400ピクセル)をフェードで切り替えます。
- タイプで打つようにコメントを表示します。
- コメントは、管理メニューで設定します。
|
top_940_400_0.jpg top_940_400_1.jpg
top_940_400_2.jpg top_940_400_3.jpg |
画像(小)切替+吹き出しコメント |
- 画像(幅690×高さ293ピクセル)をフェードで切り替えます。
- タイプで打つようにコメントを表示します。
- コメントは、管理メニューで設定します。
|
top_690_293_0.jpg top_690_293_1.jpg
top_690_293_2.jpg top_690_293_3.jpg |
画像スライダー |
- 画像をスライドで切り替え表示します。
- 画像サイズは、2カラム=画像(大)を兼用して縮小表示します。3カラム=幅485×高さ272ピクセルです。
- それぞれにリンクが設定できます。
- リンクの変更は「HTMLの直接編集」を使用して、トップページのHTMLで設定します。
|
top_485_272_0.jpg top_485_272_1.jpg top_485_272_2.jpg
top_485_272_3.jpg ※3カラムの場合 |
編集の方法
- 管理メニューの「トップページ差し替え」にログインしてください。
- 差し替えるページを選択して、「【1】開く」ボタンを押してください。
- 「【2】差し替え用ページを表示」ボタンを押すと選択したページが表示されます。
- 「【3】編集エリアに転記する」ボタンを押してください。
- 編集エリア(赤枠)に差し替えファイルのHTMLが転記されます。必要に応じて修正・再設定してください。
- コマンドの「【4】トップページを保存する」ボタンを押してください。
差し替えにあたってのご注意
- 差し替えにより、それ以前のトップページは上書きされてしまいますので、元には戻せません。
- タイトルタグ・メタタグ・SEO用テキストの設定や、Search Consoleのmetaタグを追加された場合などは、差し替えにより再設定が必要になります。
- 差し替え後に引き継ぐ必要のあるタグ等は、差し替え前にあらかじめコピーを取っておくようにしてください。