グーペには、独自タグと呼ばれる、特殊なタグがあります。

→独自タグの一覧はこちら

独自タグは、グーペのデザインテンプレートを編集する時に利用する文字コードで、グーペのカスタマイズには欠かせない大切な要素です。

具体的には{●●●●●}のように波カッコで囲まれた部分になります。

例えば｛tel｝は電話番号に、｛site_address｝は住所に、それぞれ対応しています。

もちろん、電話番号や住所をHTMLに直接記述してもよいのですが、独自タグで入れておけば入力ミスが防げますし、電話番号や住所が変更になった場合でも、グーペの管理メニュー側で変更するだけでOK！これは便利！

ちなみに、電話番号や住所は、グーペの管理メニューから、コンテンツ＞店舗情報で変更できます。

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

独自タグは少しずつ増えています

グーペの独自タグはとても便利なのですが、一方で、すべての要素について独自タグが用意されているわけではありません。

独自タグが無い要素は、変更しずらい箇所と言えます。

でも、独自タグは少しずつ増えています。あきらめず、時々一覧をチェックしてみましょう！

独自タグを消すときは慎重に！

独自タグの中には、グーペのホームページレイアウトを構築する上で、非常に重要なタグもあります。うっかり消してしまうと、レイアウトが崩れてしまうことも・・！！

要素が不要な場合は、まずはCSSで｛display: none;｝などと記述して、非表示にしてみましょう。

.info_date {display:none;}

独自タグが無いこともある！！

ごくまれに独自タグが存在しない要素があります。詳しくはまた改めてご紹介しますが、例えば比較的新しい機能である「日記」などがそれに当たります。

このような場合にもCSSの記述は有効です。例えば次のように記述すると、日記の日付は非表示になりますよ。

.p-diary__date {display:none;}

ちなみに、このヒント集は「日記」機能を使って更新していますが、日付は必要無いという判断からやはり非表示にしています。

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