ホームページ作成サービス「グーペ」でどんなページが作れるのか

ここ数年、簡単を売りにした、WixやJimdoなどのホームページ作成サービスが盛り上がっています。
今回紹介するグーペ(Goope)もそのなかのひとつです。
クライアント様から制作のご依頼を受けましたので、どのくらいカスタマイズできるか調査しました。

グーペトップ

グーペの機能・特徴について

プランは二つ、無料プランはなく、利用料金は月額1,000円~3,500円+税。グーペのプラン・料金

使い方はレンタルブログを設定するような感じで、項目を入れていけば完成です。
直感的に理解できる方もいるでしょうし、マニュアルを読めば何とかなると思います。
簡単に作れるという点が一番の特徴になります。

既存のテンプレートは52種類、うち無料37、有料15(2017年7月現在)。グーペのテンプレート
種類は多くないと思いますが、気に入ったのが一つあれば問題ありません。

グーペテンプレート

用意されている機能は、メニュー(料理とかの)、求人、スタッフ紹介、カレンダー、お問い合わせ、クーポン、メルマガなど、パッと思いつくところは揃っています。
これらに加えて、日々更新できる、お知らせとフォトアルバム、使い途自由なフリーページがあります。

上位プランには、ディスク容量アップ、アクセス解析、pdfアップロードなどが付いてきます。
有料オプションながら、独自ドメインと常時SSLもあり、営業用サイトとして利用する際には、とても助かります。

ブログは、GMOペパボ系列サービスのJugemブログが利用可能です。
別ドメインでブログを持つことはSEOの効果も減りますので、グーペの機能にある、お知らせでブログ記事も書くほうがよいと思います。

ショッピングカートは、GMOペパボ系列サービスのカラーミーショップが利用可能です。
グーペユーザー限定で初年度に限りカラーミーショップのスモールプランが月額100円で利用できます。
カラーミーショップの機能「どこでもカラーミー」を使うことで、グーペで作成したページにショッピングカートを設置することも可能です。こういう連携ができるところはグーペの利点です。

グーペのカスタマイズについて

管理画面>デザイン設定「編集」でHTML・CSS編集が可能です。HTML・CSSでデザインできることは、すべてカスタマイズ可能です。
また、JavaScriptで一部機能を書いているところもあります。グーペにはJavaScriptファイルをアップする場所はありませんので、head部に書くことになります(レンタルサーバーがあればそこに)。

グーペ管理画面

 

グーペのカスタマイズのキモは、独自タグとブロックの考え方です。
ブロックにはトップページ用のブロックと、各ページ用のブロックがあり、トップページ用ブロックはブロック内を繰り返しループして(しないのもありますが)、HTMLや独自タグの中身を書いてページを構築します。

下例は<!– BEGIN navi_list –> <!– END navi_list –>ブロック内をループして、独自タグ{~}を処理して、HTMLを書いている部分です(ただの注釈行ではないということ)。
下部には各ページブロックがあり、そこにHTMLを追加するとデザイン変更が可能です。

このあたりはグーペのサーバー側が勝手に処理する部分なので、深く考える必要はありません。
他のレンタルブログも、HTMLでカスタマイズできる場合は似たような作りなので、いじったことがある方はイメージが湧くと思います。

Goope HTML

<body id="{body_id}">

(中略)

<!-- BEGIN navi_list -->
<li class="menu_list">
  <a href="{navi_url}" {navi_target} class="menu_list_link {navi_class}">
    {navi_title}
  </a>
  <div class="menu_sub_wrap">
    {navi_sub}
  </div>
</li>
<!-- END navi_list -->

 

もう一点。HTML上部のbody要素に

<body id=”{body_id}”>

と書いてあります。id属性名は各ページごとに、top、info、photoと付きます。
各ページブロック外(たとえばheader、footer部分)でしたら、id属性名を見てCSSを変更したり、HTMLを差し込んだりすれば、柔軟にカスタマイズできると思います。この点は実際やってみると分かると思います。

グーペを実際使ってみたまとめ

他サービスに比べ、簡単でとっつきやすいホームページ作成サービスです。
ご自身で更新したいけど、PCが苦手という方におススメだと思います(初心者向け)。
機能的にもユニークで、サービス提供するターゲットを絞っている印象です(ショップ向け)。

カスタマイズ関連では、決められた注釈行の間でブロックになっていて、グーペのサーバー側で処理することになります(ループだったりコンテンツ部分に差し込んだり)。
もう一点、init.jsで処理している部分も多いので、カスタマイズ前には一度目を通した方がいいです。

HTML・CSSが理解できるようなら、カスタマイズ性はかなり高いです(なんでもできるような気がします)。
ただし、カスタマイズしすぎると簡単に更新できなくなりますので、そういう意味での制約はあります。固定でHTML埋め込みか、自分で更新できるように機能を残すかは、十分な話し合いと割り切りが必要。

既存機能以外で何かを追加しようとすると、かなり難しいです。ここまでくると、グーペでやる意味はほとんどなくなります。
 

naeco.jpでは

  • 「ネットに不慣れで、ちょっと無理」とお考えの方や、自分で設定やカスタマイズしたいけど、困ったときの相談相手がみつからない方も積極的にサポートしています。
  • ご契約前で当店取次でグーペをお申込みいただいた場合は、2時間程度を目安に無料でサポートいたします。下記リンクからお申し込みください。
  • 《取次代理店 naeco.jp 専用》お申込みフォームはこちら

よく読まれている記事