かわいい作品フォトギャラリーできました

ハンドメイド作家さん向けにシンプルでかわいいフォトギャラリーを作りました。無料ですので作品紹介ページとして使っていただければと思います。

2019/10/29追記：

最初にちらっと画像が見えちゃう不具合とスマホ表示で画像が荒くなるのを修正。

2019/3/16追記：

何年ぶりかですが、新しいbloggerテンプレート「QooQ」を作りました。より軽快で洗練されたデザインになっています。

QooQ（クーク）紹介記事へ

1. かわいい作品フォトギャラリーできました
2. フォトギャラリー「ToyPoodle」のサンプルページ
3. フォトギャラリー「ToyPoodle」の動作環境
4. フォトギャラリー「ToyPoodle」のおすすめポイント！
5. フォトギャラリー「ToyPoodle」はスマホ対応！
6. フォトギャラリー「ToyPoodle」はかわいいアニメーション付き！
7. 記事を書くだけ！自動でギャラリーに追加！
8. SEO対策済み！
9. 公告ナシ！
10. 文字の色、変えられます！
11. フォトギャラリー「ToyPoodle」の初期設定
1. まずはbloggerへ登録！
2. 「ToyPoodle」のダウンロード
3. 「ToyPoodle」を有効にする
4. レイアウトからNavbarをOFFに
5. ブログアーカイブ、Attributionを消そう！
6. モバイル設定をOFFに
7. フォトギャラリーに表示される作品数を増やす
12. フォトギャラリーの初期設定完了！
13. かわいく作品がアピールできるギャラリー

フォトギャラリー「ToyPoodle」のサンプルページ

フォトギャラリー「ToyPoodle」はこんな見た目です。かわいい作品の写真がより映えるように、ギャラリー自体はシンプルな見た目を目指しました。またそれだけだと味気ないのでいろいろなトコロにかわいいアニメーションを入れてあります。

フォトギャラリー「ToyPoodle」の動作環境

bloggerというアメブロみたいなブログサービス上で動きます。bloggerは無料でカンタンに始められます。もしアメブロがメインのブログなのでしたら、アメブロからbloggerにリンクを張って使っていただければと思います。

bloggerって？

無料で使えるブログサービスです。グーグルが提供しています。アメブロとは違ってブログ内に公告が一切載らないのがいいところです。

フォトギャラリー「ToyPoodle」のおすすめポイント！

ココからは無料ブログサービスblogger上で動く、シンプルでかわいいフォトギャラリー「ToyPoodle」のおすすめポイントについて紹介していきますね。

1. スマホ対応！
2. かわいいアニメーション付き！
3. 記事を書くだけ！自動でギャラリーに追加！
4. SEO対策済み！
5. 公告ナシ！
6. 文字の色、変えられます！

フォトギャラリー「ToyPoodle」はスマホ対応！

フォトギャラリー「ToyPoodle」はスマホ対応してありますので、パソコンでもスマホでも、またipadのようなタブレットでも作品の写真をきれいにそしてかわいくギャラリー表示することが出来ます。

フォトギャラリー「ToyPoodle」はかわいいアニメーション付き！

フォトギャラリー「ToyPoodle」はランダムに写真が浮き上がってくるようなかわいいアニメーションで作品一つずつを表示していきます。このアニメーションはスマホでも有効です。

記事を書くだけ！自動でギャラリーに追加！

フォトギャラリー「ToyPoodle」はbloggerというブログ上で動くフォトギャラリーです。ギャラリーへの作品追加はカンタンで、ブログに作品紹介の記事を書くだけです。たったこれだけで自動でフォトギャラリーに写真が追加されていきます。

SEO対策済み！

ただ作品紹介の記事を書くだけでいろいろな人に作品を見てもらえるようになります。

公告ナシ！

bloggerは無料のブログサービスだけど、アメブロのように公告が入りません。公告に邪魔されないのでよりおしゃれにかわいくギャラリーを表示することが出来ます。

文字の色、変えられます！

フォトギャラリー「ToyPoodle」の初期設定

最後にフォトギャラリー「ToyPoodle」の初期設定について紹介していきますね。

1. bloggerへ登録
2. 「ToyPoodle」のダウンロード
3. 「ToyPoodle」を有効にする
4. レイアウトからNavbarをOFFに
5. ブログアーカイブ、Attributionを消そう！
6. モバイル設定をOFFに
7. フォトギャラリーに表示される作品数を増やす

まずはbloggerへ登録！

まずbloggerを始めちゃいましょう。gmailのアドレスさえあればスグに始められます。またブログのタイトルやアドレス、それにテンプレートは後からいつでも変更できるので、最初はどんなものでも大丈夫です。

「ToyPoodle」のダウンロード

下記ダウンロードページよりフォトギャラリー「ToyPoodle」のダウンロードを行ってください。

「toypoodle.xml」こんな名前のファイルがダウンロードできたら成功！

「ToyPoodle」を有効にする

bloggerのページよりフォトギャラリー「ToyPoodle」を有効にします。

レイアウトからNavbarをOFFに

これでフォトギャラリーは出来上がったのですが、少し見た目を整えましょう。

フォトギャラリー「ToyPoodle」を入れた直後は、右下にヘンなバーが表示されていると思います。野暮ったいので消しちゃいましょう。「レイアウト」→「Navbar」の右下の「編集」をクリック。その後表示されるウィンドウで「OFF」を選んでください。

ブログアーカイブ、Attributionを消そう！

同じように「レイアウト」の画面で上の方にある「ブログアーカイブ」と下の方にある「Attribution」を消しちゃいましょう。

「ブログアーカイブ」の右下にある「編集」をクリック。その後表示されるウィンドウで「削除」をクリックして削除完了です！

同じように「Attribution」も消しちゃいましょう。

モバイル設定をOFFに

フォトギャラリー「ToyPoodle」は内部でスマホ対応を行っているので、bloggerが勝手にスマホ用にデザインを変更してしまう「モバイル設定」は無効にしておきます。

左側のメニューより「テンプレート」をクリック。右の方に「モバイル」という見出しがあるのでその下の歯車マークをクリック。「いいえ。モバイル端末で PC テンプレートを表示する。」のチェックを入れて「保存」。

フォトギャラリーに表示される作品数を増やす

初期設定の最後にフォトギャラリーに表示する写真数を増やしておきましょう。デフォルトでは7枚しか表示されないのでお好みの数まで増やします。

左のメニューから「設定」をクリックしさらに「投稿、コメント、共有」をクリック。一番上の「最大件数で表示」に書いてある数字をフォトギャラリーに表示したい写真の数まで増やしてください。増やせたら右上の「設定を保存」で終了！

フォトギャラリーの初期設定完了！

これで初期設定は完了です！お疲れ様でした。後は投稿からどんどん作品の写真と作品の説明をブログのように書き込んでいくだけで自動でギャラリーに写真が追加されていきます。

記事内にはいくつでも写真を入れて大丈夫ですが、記事にある写真の中で一番最初の写真をギャラリーに表示します。アピールしたい写真を記事の一番最初に入れるコトをおすすめします。

かわいく作品がアピールできるギャラリー

今回はハンドメイド作家さん向けに、かわいいアニメーション付きのシンプルなフォトギャラリー「ToyPoodle」を紹介しました。

bloggerというグーグルが提供する無料のブログサービス上で動くフォトギャラリーなので、まだbloggerを始められていない方は始めちゃいましょう！公告が載らないのでアメブロよりおしゃれにブログを始めることができます。

写真を邪魔しないようにシンプルに作ったので、かわいくてシンプルなフォトギャラリーが欲しいな、という方は使ってみてくださいね。

不具合等ありましたら以下「Message」よりおしらせください。

bloggerをこれから始めようかなという方のためにblogger初心者講座の記事を書きましたのであわせて参考にしてくださいね。（blogger初心者講座はこちら！）

Message 書き込む