サイトやブログで作品を公開する

クリエイタブルズ上の作品は、ギャラリーにして外部のウェブサイトやブログなどに簡単に埋め込んで公開することができます。
一度ギャラリーを埋め込むと、そのギャラリーに新しい作品が投稿された場合もその新たな作品が自動的に更新して表示されます。

ここでは、ギャラリーの埋め込み方法や、埋め込んだ際の表示カスタマイズ方法をご紹介します。
※この操作はパソコンなどのブラウザ上でのみ行えます。

ギャラリーについて詳しくは、「ギャラリーを作成する」をご参照ください。

ギャラリーを外部サイトやブログに埋め込む

1. creatubbles.com 上の埋め込みたいギャラリーのページにアクセスして 、 共有アイコンをクリック

2. 共有オプション内の「コードを埋め込む」下に表示されるコードを選択してコピー

3. 必要に応じてコードを調整する

埋め込んだ時にどのように表示させるか、ある程度カスタマイズすることができます。
コードの調整オプションについては、このページの下にある「埋め込みコードをカスタマイズする」をご参照ください。

4. 埋め込みたい外部サイトやブログにコードを貼り付けて、完了!

これで、このギャラリーに投稿される最新の作品が自動で読み込まれます。

動画でもご覧いただけます。

ギャラリーをウェブサイトなどに埋め込む方法 画面説明動画(約40秒)

埋め込みコードをカスタマイズする

埋め込んだ時にどのように表示させるか、ある程度カスタマイズすることができます。

まず、コードをそのまま、何も変えずに埋め込むと、以下のように表示されます。

  • 表示する作品の数は、[ data -creation-count="9"] の数字でコントロールします 
  • 一行にいくつの作品を表示するか 、 [data-number-of-columns="3"] の数字でコントロールすることができます 
  • 作品の表示行数は  、  [data-number-of-rows=""] に表示したい行数の数字を入れ込んでコントロールします 
  • 世界地図は  、  [data-show-map="1"] の数字でコントロールします(デフォルトでは「1」ですが「0」にすると地図が非表示になります)
  • 他の言語でウィジェットを表示するには、[data-language="ja"] の "ja" 部分を変更します(英語にしたい場合は "en" に、イタリア語にしたい場合は "it"に変更してください)

ご質問はお気軽に support@creatubbles.com までメールをお送りください。