トップページ差し替え

  • トップページの差し替えができます。

概要

  1. トップページ(index.html)のデザインが差し替えできます。カラム(段落)、”アイキャッチ”部分(トップページ上部の、画像・スライダー・吹き出しコメント)の表示方法の違いによる9種類のデザインから選択可能です。
  2. ホームページアップ時に、9種類のデザインの「差し替え用トップページ」が同時にアップされています。これらのHTMLをトップページ(index.html)のHTMLに転記することで、差し替えができます。
  3. 差し替え用トップページについては、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. 差し替えるページを選択して、「【1】開く」ボタンを押してください。
  3. 【2】差し替え用ページを表示」ボタンを押すと選択したページが表示されます。
  4. 【3】編集エリアに転記する」ボタンを押してください。
  5. 編集エリア(赤枠)に差し替えファイルのHTMLが転記されます。必要に応じて修正・再設定してください。
  6. コマンドの「【4】トップページを保存する」ボタンを押してください。

差し替えにあたってのご注意

  1. 差し替えにより、それ以前のトップページは上書きされてしまいますので、元には戻せません。
  2. タイトルタグ・メタタグ・SEO用テキストの設定や、Search Consoleのmetaタグを追加された場合などは、差し替えにより再設定が必要になります。
  3. 差し替え後に引き継ぐ必要のあるタグ等は、差し替え前にあらかじめコピーを取っておくようにしてください。