メニューを飛ばして本文へ
Contact now!

ヒント集Cancellation Policy

ヒント集Do Goope, as you like!

ヒント集About ShiShiDesign

ヒント集How to Customize

Goope(グーペ)では、HTMLとCSSを編集することができるので、ある程度の知識があれば、デザインのアレンジ(カスタマイズ)も可能です。
このページでは、「かんたん編集だけでは物足りない!」「自力でカスタマイズしてみたい!」と思う方に向けて、HTML&CSS編集のヒントをご紹介します。 興味がある方はぜひチャレンジを!
ただし、あくまでご自身の責任のもとで行ってくださいね。自信の無い方は、お気軽にご相談・ご依頼ください

このサイトは、『シシデザイン』がグーペを使って制作しています。

シシデザインは、東京の下町(東京都墨田区)を拠点にする
個人事業/SOHOスタイルの小さなデザイン工房です。
※2023年11月に苫小牧市へ移転いたしました。

 

グーペでの制作実績は50社以上!(リニューアル含む)→制作実績はこちら

当工房独自のノウハウを駆使し、グーペの良さを最大限に引き出した、
オリジナリティのあるホームページを制作させていただきます。

 

その他、ロゴ制作や印刷物のデザイン実績も豊富です。→詳しくはこちら

 

コブリなデザイナーと、キマグレなアシスタントだけの小さな工房ですが、
「獅子」のようにプライドを持ってお仕事させていただきます。

どうぞお気軽にお問い合わせください。

※シシデザインでは、収益金の一部を動物保護に尽力されている団体へ寄付しています。

※ご覧になりたい記事のタイトルをクリックしてください
2023-01-09 17:00:00

HTML内のページの区切りについて

グーペにおけるHTMLの編集エリアは、保有しているデザインテンプレートにつき1箇所となります。

この1箇所の中に、すべてのページの元となる要素を記述するようになっています。

このとき、重要な目印となるのが <!-- BEGIN xxxxx --> <!-- END xxxxx --> という部分です。これはグーペ独自の記述ルールで、各ページを示すブロックとなっています。

HTML
<!-- BEGIN top -->
この部分がトップページに相当する記述となります
<!-- END top -->

<!-- BEGIN info -->
この部分がお知らせページに相当する記述となります
<!-- END info -->

独自タグは、ページブロック以外で使用できる共通タグと、特定のページブロック内でしか使えないものがあるので注意してください。

また、各ページを示すブロック以外に、特定の要素を表示するためのブロックがあります。例えば、ナビゲーションを表示する部分には次のようなブロックが使われています。

HTML
<!-- BEGIN navi_list -->
この部分はナビゲーションを表示するためのエリアになります
<!-- END navi_list -->

メモ書きに使われるコメントアウトと同じ表記なので、うっかり消してしまわないように注意してくださいね!

ブロックが無いページもある!!

いくつかのページは、HTML内にブロックが存在しません。詳しくはまた改めてご紹介しますが、例えば比較的新しい機能である「日記」などは、HTML内のどこを見ても見つからないと思います。

このような場合でもある程度のカスタマイズは可能です。ただ、ここでご紹介するには少々複雑(裏技すぎる)ので、ご希望の方はお気軽にシシデザインまでご相談ください


このページのトップへ
sample