Lognote整体院経営8確定申告3ブログ運営12SNSの活用4Web制作8WordPress25STINGER8ライフログ10整体師がWordPressテーマ作りましたHealerは、スマホ&タブレット対応・SEO対策済みの整体院・サロン専用テーマです。お客様の声やWeb予約カレンダー表示機能など便利機能が搭載されています。Instagram写真投稿型SNSとして、老若男女問わず絶大な人気を誇るインスタグラム。フィルターをかけることで、誰でもプロのような綺麗な写真が投稿できることも人気の一つです。私も最近インスタ始めたよ!さやか先生も始めたんだね。色々だけど、飼ってるワンちゃんの写真が多いかな🐶さやか先生もブログしてるんだよね。作りたい!ブログにインスタグラムの写真ギャラリーを作ろうこの記事では、ブログにインスタグラムの写真を使ったギャラリーページを作る方法を紹介します。方法はいくつかありますので、環境に合わせて使いやすいものをチョイスしてみてください。写真埋め込み機能はあるが使い勝手が悪いインスタグラムにも写真埋め込み機能がありますが、一枚ずつしかコードを出してくれないためギャラリー作成には向きません。コードも非常に長いため記事編集画面が重くなったり、自動で更新もされないので利便性が悪いです。フィード」があります。Apiの設定があるのでちょっと面倒ですが、WordPressで運営されている方は管理画面内で編集ができて大変便利です。シンプルなデザインが好きな人にもおすすめです。一方で「あまりプラグインは増やしたくない」という方もいるでしょう。ギャラリーページは基本1ページしか作らないでしょうし、そのためにプラグインを入れるのも馬鹿らしいです。登録不要で無料のギャラリー生成ツール「SnapWidget」WordPressを使っていない方もいるでしょう。そんな方には無料で使えるギャラリー生成ツール「SnapWidget」がおすすめです。「SnapWidget」のいいところは、会員登録をする必要がなく、無料で使えるという点です。Webブラウザ上でグリッドをカスタマイズし、生成されたコードを記事に貼り付けるだけで綺麗なギャラリーを作ることができます。「SnapWidget」の使い方それでは、「SnapWidget」を使ってインスタグラムの写真ギャラリーページを作る方法を説明します。下記サイトにアクセスしてください。参考SnapWidgetTOPページを少し下にスクロールすると、6つ並んだグリッドが現れます。赤い部分が表示されているのがインスタグラム関連のウィジェットです。WIDGETを選択してください。WIDGET」をクリックギャラリーの設定をおこないます。Usernameをクリックすると、Instagramとの連携画面が出ますのでIDとパスワードを入力して連携させます。Layoutを好みに合わせて設定し、Responsiveは必ずYesに変更します。デバイスの幅に応じて写真を自動的に拡大縮小してくれるようになるので、デザイン崩れを防ぐことができます。WIDGETをクリックします。コードが生成されるので、ブログページに貼り付けてください。インスタグラムギャラリーイメージ表示枚数を少なくして、フッターやサイドバーに貼ってもいい感じです。表示枚数を多くしすぎると、スマホ閲覧時に縦に長くなってしまいます。ウザくなりすぎないよう、確認をしながら作成をしてみてください。「SnapWidget」をしばらく使っていないと、下のようなメッセージが出てアップデートを要求されることがあります。アップデートを要求されるそのときは、連携のし直しをすることで直ることがあります。Settingをクリックします。「Settings」をクリックインスタグラムのアイコンがミステリーマンになってしまっています。連携がうまくいっていない証拠です。Servicesをクリックします。Services」をクリック一度連携を解除し、再度連携します。一度連携を外すインスタグラムアイコンが表示されました。これで「SnapWidget」がまた使えるようになります。コメントをキャンセル入力エリアすべてが必須項目です。メールアドレスが公開されることはありません。Gravatarに登録すると、お好きな画像をアバターに設定できます。現役整体師・Webデザイン技能士WordPressテーマ「Healer」の制作Lognoteは、整院経営やWordPressテーマ開発に役立つ知識や情報を集め紹介するブログです。migaku(無料)カスタマイズ不要!SEO対策済み!便利なオリジナルウィジェットが豊富なWordPress初心者に優しいテーマです。Healer(有料)整体院やサロン、治療院サイトに特化したWordPressテーマです。