フォトエンベッドメーカー:Google フォトのWordPress埋込用コード生成

フォトエンベッドメーカーは、Googleフォトの共有URLリンクを使い WordPress の投稿へ埋め込むためのコードを生成するWebサービスです (^^)/

フォトエンベッドメーカーの利用方法

  1. Google フォトサイト を開きます
  2. WordPress の記事に埋め込みたいGoogle フォトのアルバムや画像を共有設定して、共有したリンクを取得します
  3. 取得した共有リンクをこのページの共有URL入力欄にコピーして、コード生成 をクリックします
  4. 作成されたコードを クリップボードへコピー ボタンでコピーして WordPress の記事編集をテキストモードにして張り付ければ表示出来ます
    ※WordPress のブロックエディター(Gutenberg)をお使いの場合には、カスタムHTMLブロックを使い貼り付けて下さい

※Googleフォトを使用するには Googleのアカウントが必要となっていますので、アカウントがない場合は事前に作成してからご利用ください

コード生成

共有URL

表示サイズ(最大1600px)
カラム数(アルバム用)
タイプ(アルバム用)
タイトル(Caption)

プレビューと生成コード

アルバムの場合は、ギャラリー用のHTMLコードとスタイル定義を生成しますが、生成するアルバム内の画像は最大18枚までに制限しています

生成するコードは、Photo Swipe に対応したマークアップを行っていまが、PhotoSwipeを使うにはテーマで PhotoSwipe を読み込み有効化する必要があります。 WordPressでPhotoSwipe対応のGoogleフォトを表示する方法 を参考に設定してください

使い方、ビジュアルエディターで表示させる方法、表示サンプル等を下記記事でも紹介しています (^^)

Googleフォトのアルバムを WordPressに埋め込む為のコード生成サービス公開
Googleフォトで共有した画像やアルバムをWordPressの記事へ埋め込むためのコードを生成するWebアプリを作成したので使い方を紹介します。アルバムをタイルギャラリーやスライダー形式にしてあなたのブログで表示させることが簡単に出来ます (^^) 
Googleフォトのアルバムを WordPressに埋め込む為のコード生成サービス公開
WordPressでPhotoSwipe対応のGoogleフォトを表示する方法
WordPressでGoogleフォトで共有した画像やアルバムをタイルギャラリー等の形式で埋め込んで PhotoSwipe に対応する手順を紹介します (^^)
WordPressでPhotoSwipe対応のGoogleフォトを表示する方法
go-to-top