ごくまれに、テンプレート内のそもそものHTML＆CSSの中にバグがあることがあります。

たいていは軽微なものなので影響は少ないのですが、カスタマイズを施した際に「あれれ？何か動きが変？」となって気がつくレベル。

（もちろん、大きなバグを発見してしまったときは、グーペ さんにご報告するようにしています！）

もうすでに直っているかもしれませんが、念のため共有いたしますね。

※HTMLやCSSのコードは必ず半角英数字で記述してください。このヒント集では、表示の都合上、一部をわざと全角にしておりますので、コピー＆ペーストするとうまく動かない場合があります。ご注意ください。

BusinessのCSS

1724行あたり

text-decolation: none;

正しくはこう↓（スペルミス）

text-decoration: none;

Clinic2のHTML

HTMLの681行目あたり

<!-- END minne_gallery -->
</main>
</div>

正しくはこう↓（ちょっと順番が違う）

</main>
</div>
<!-- END minne_gallery -->

Clinic2のCSS

1348行あたり

pointer: cursor;

正しくはこう↓（pointerというプロパティは存在しません）

cursor: pointer;

SceneのCSS

CSSの1595、2455、2780行目あたり

border-color: none;

none は border-color で利用できる値ではないので、この行を削除するか、 ボーダーのカラーを無し（透明）にしたい時はこう書きます↓

border-color: transparent;

SpoonのCSS

CSSの784行目あたり

background: fff;

正しくはこう↓（16進数のカラーコードには、頭に#を付けます）

background: #fff;

SliderのHTML

HTMLの593行目あたり。

Sliderの他にも、比較的古いテンプレートで同様のバグがあります。

<!-- サブナビここから // -->
<ul class="sub_navi_side">
<!-- BEGIN navi_sub_list -->
｛navi_sub_list｝
<!-- END navi_sub_list -->
</ul>
<!-- サブナビここまで // -->

正しくはこう↓（ul を div に変更する）

という独自タグはulタグを含むので、ダブるのを避けるため）

<!-- サブナビここから // -->
<div class="sub_navi_side">
<!-- BEGIN navi_sub_list -->
｛navi_sub_list｝
<!-- END navi_sub_list -->
</div>
<!-- サブナビここまで // -->

SliderのCSS

CSSの1069行目あたり

margin-bottom: 0 0 40px;

正しくはこう↓

margin-bottom: 40px

CSSの1420行目あたり

font-family: Arial #6a6a6a;

正しくはこう↓(フォントの指定にカラーコードは入れられません)

font-family: Arial;

CSSの1995行目あたり

.gnav li:hover > div {
  display: block !important;
}  -right: 0;

正しくはこう↓（閉じた後に書くことはできません）

.gnav li:hover > div {
  display: block !important;
}

• スライドショーの仕様の違いについて
• フリーページは分かりやすい名前がオススメ
• フリーページの下書き活用法
• 実はフリーページだった！グーペの機能
• メニューページだけページネーションを消すには？
• お知らせの日付表示を変えるには？
• フッターにもナビを表示させるには？
• CSS応用編：bodyタグを使いこなす
• h1の場所を変更する（重要なSEO対策）
• 更新のコツ（コピー＆ペーストの注意点）

今ご覧になっているこのサイトでも、さまざまなカスタマイズを施しています。制作事例のご案内だけでなく、いろいろなことを試す実験の場を兼ねているため、随時マイナーチェンジを実施しています。ご依頼の際の参考にしていただければ幸いです。

フォトアルバムページのカスタマイズ

• 制作実績のページとして利用
• ナビゲーションの名称とは異なる「ページ見出し」を付ける
• 冒頭にリード文を挿入（冒頭ページのみ）
• 一覧ページでは、最初のサムネイルだけ大きく表示
• サムネイルをクリック（タップ）すると詳細ページへジャンプ
• サブナビゲーションの()付き数字を削除
• スマホ表示では、サブナビゲーションの位置を後ろに

お知らせページのカスタマイズ

• Q&Aのページとして利用
• 日付とサブナビゲーションを非表示に
• 一覧ページではタイトルのみを表示し、タイトルをクリック（タップ）することで本文を開閉

メニューページのカスタマイズ

• 料金の目安のページとして利用
• ナビゲーションの名称とは異なる「ページ見出し」を付ける
• ページ番号を非表示に
• 冒頭にリード文を挿入（冒頭ページのみ）
• メニュータイトルのマウスオーバー時のカーソルをデフォルトに

お問い合わせページのカスタマイズ

• お問い合わせのページとして利用
• フォームの前後に定型の文章を挿入
• ナビゲーションの名称とは異なる「ページ見出し」を付ける
• メールアドレスの入力欄に注意事項を追記

スタッフ紹介ページのカスタマイズ

• 当工房についてのページとして利用
• ナビゲーションの名称とは異なる「ページ見出し」を付ける
• 冒頭に定型の文章を挿入

ブログ（日記）ページのカスタマイズ

• ヒント集のページとして利用
• ナビゲーションの名称とは異なる「ページ見出し」を付ける
• 冒頭にリード文を挿入（冒頭ページのみ）
• 一覧ページではタイトルのみを表示し、タイトルをクリック（タップ）することで本文を開閉
• 一覧ページでは「※ご覧になりたい記事のタイトルをクリックしてください」の文言を表示
• 個別ページでは「→ヒント集の一覧へ」の文言を表示
• サブナビゲーションにおいて、選択したカテゴリーの色変え

フリーページのカスタマイズ

• オススメの理由、キャンセル規定のページに利用
• ナビゲーションの名称とは異なる「ページ見出し」を付ける
• ページごとにデザインレイアウトを変更

minneギャラリーページのカスタマイズ

• グッズ販売のページとして利用
• ナビゲーションの名称とは異なる「ページ見出し」を付ける
• 冒頭にリード文を挿入

簡単ホームページ制作サービス「Goope（グーペ）」は、2009年5月にスタートしました。

奇しくも、シシデザインがスタートしたのも同じ年でした。グーペとの出会いは運命的なものだった気がしてなりません。

いちはやく事例にシシデザインを取り上げていただき、その後も数多くの案件に携わらせていただき、共に成長してきた大切なパートナー企業さまです。

開業当初、コーディングやプログラミングの知識が圧倒的に不足していたわたくしは、自力でお仕事が回せるのか不安でいっぱいでした。

ありがたいことに、ほどなくホームページ制作のお仕事が舞い込んできましたが、まったく自信がありませんでした。そんなとき偶然にも、できたてホヤホヤのグーペの存在を知ります。グーペのサービスを利用すればできる！と確信が持てました。

以来、グーペを使った数多くのホームページを世に送り出してきました。

当初のグーペは、飲食店向けのサービスとしてスタートしていたこともあり、使える機能も限定的でしたが、日々確実に進化しています。

おかげで、「もっとこうだったら便利なのに！」と思うことが次々と実装・実現されていきました。

グーペの中の人々に直接進言させていただく機会もあり、またグーペ公認の制作会社にも認定していただきました。

グーペの第一のファンであり、グーペの歩みを誰よりも把握しているのでは・・という自負もあります。

感謝の気持ちを込めて、少しでも何か貢献できることはないかと考え、このヒント集を作るに至りました。

繰り返しになりますが、グーペは日々進化していますので、このヒント集もこまめにアップデートしていきたいと考えています。

諦めていたことができるようになる喜びにつながれば幸いです。