Cancellation Policy
Do Goope, as you like!
About ShiShiDesign
How to Customize
Goope（グーペ）では、HTMLとCSSを編集することができるので、ある程度の知識があれば、デザインのアレンジ（カスタマイズ）も可能です。
このページでは、「かんたん編集だけでは物足りない！」「自力でカスタマイズしてみたい！」と思う方に向けて、HTML&CSS編集のヒントをご紹介します。 興味がある方はぜひチャレンジを！
ただし、あくまでご自身の責任のもとで行ってくださいね。自信の無い方は、お気軽にご相談・ご依頼ください。
このサイトは、『シシデザイン』がグーペを使って制作しています。
シシデザインは、東京の下町（東京都墨田区）を拠点にする、
個人事業/SOHOスタイルの小さなデザイン工房です。
※2023年11月に苫小牧市へ移転いたしました。
グーペでの制作実績は50社以上！（リニューアル含む）→制作実績はこちら
当工房独自のノウハウを駆使し、グーペの良さを最大限に引き出した、
オリジナリティのあるホームページを制作させていただきます。
その他、ロゴ制作や印刷物のデザイン実績も豊富です。→詳しくはこちら
コブリなデザイナーと、キマグレなアシスタントだけの小さな工房ですが、
「獅子」のようにプライドを持ってお仕事させていただきます。
どうぞお気軽にお問い合わせください。
※シシデザインでは、収益金の一部を動物保護に尽力されている団体へ寄付しています。
HTMLとCSS編集でできること
グーペでは、HTMLとCSSを編集することができます（もちろんグーペ独自ルールなどの制約はありますが、かなりの部分を自由に編集できます）。
各種設定＞デザイン＞デザイン一覧を開き、編集ボタンをクリックすると、HTMLとCSSとを編集できる画面が現れます。（最初だけ、HTML・CSS編集ボタンをクリック）
難しそうな文字列がズラ〜ッと現れるので、初めて見るとびっくりするかもしれませんね。HTMLもCSSもホームページを作るための基本となる言語ですが、それぞれに大切な役割があります。
HTMLを編集すると・・
HTMLを編集するとホームページに表示している要素（構成要素）を操作することができます。
具体的には、表示の順序を変えたり、文言を追加したり・・ということができます。
このとき、重要な目印となるのが <xxxxx>●●●●●</xxxxx> という部分です。●●●●●を要素、<xxxxx>をタグと言います。
要素をタグで囲んであげることで、「ここは文章ですよ」「ここは見出しですよ」と明示的に意味を持たせることができるのです。
<h1>この部分が見出しとなります</h1><p>この部分が段落となります</p>
タグの種類はたくさんありますが、検索すればすぐ出てきますよ！
h1のhは「heading（見出し）」のh、pは「paragraph（段落）」のp、というように、覚えやすいようになっています。
CSSを編集すると・・
一方、CSS編集では、主にホームページの見た目（見栄えや装飾）を操作することができます。
具体的には、背景色を変えたり、文字の大きさを変えたり、レイアウトを変更したり・・ということができます。
例えば見出しh1の文字色を赤にしたい場合にはこのように記述します。
h1｛color: red;｝
こちらも、書き方などは検索すればすぐわかると思います！
HTMLのタグもCSSのコードも、必ず半角英数字で記述してください。このヒント集では、表示の都合上、一部をわざと全角にしておりますので、コピー＆ペーストするとうまく動かない場合があります。ご注意ください。
あくまで自己責任でお願いします
HTMLやCSSの編集は、グーペのサポートの対象外となりますので、何かトラブルがあった場合にグーペのサポートを受けることができません。カスタマイズを行われる際は、自己責任にてお願いいたします。
ご自身での編集に自身の無い方は、お気軽にシシデザインまでご相談ください。
