2019.07.04ブログを置いているサーバに画像データを入れると、画像データだけで容量を取ってしまいます。大きな容量でサーバを借りられたらいいのですが、個人ブログで大容量を借りると、それなりに費用がかかりますよね。できれば費用をかけたくないということで、画像データを外部へおいてブログへ挿入する方法を取ることにしました。そこで利用したのがGoogleフォトです。目次Googleフォトに画像をアップして共有するGoogleフォトからwordpressへ画像を張り付ける手順アルバムの画像をブログに張り付けるにはURLを取得するGoogleフォトで挿入した画像のサイズは拡大できない?スポンサーリンクGoogleフォトに画像をアップして共有するwordpressに画像をアップロードすると、サムネイルなども含めて自動的に画像ファイルを複数作ってくれます。その機能は便利なこともありますが、反対に画像データが複数できあがりますので、その分サーバの容量を取ってしまいます。個人ブログの場合、あまり大きな容量を借りてないこともありますよね。私が利用しているブログも、エコノミープランで比較的安い料金で使っているのですが、画像データが増えるとサーバの容量が使われるので、いずれサーバがいっぱいになってしまわないかと思うようになりました。そこで、外部に画像データを置いてブログに挿入できないかと考えて候補に挙がったのが、インスタグラム、ピンタレスト、Googleフォトでした。どれも外部に画像データを置いて、ブログに挿入することができます。結局ここで最終的に候補になったのが、Googleフォトでした。インスタグラムとピンタレストをやめた理由ですが、埋め込み元(参照元)のキャプションも入ってしまうので、画像のみを純粋に埋め込めないからです。自サーバに画像を置いて、そのまま入れたかのように画像だけを張り付けられるのはGoogleフォトだけです。Googleフォトからwordpressへ画像を張り付ける手順Googleフォトのメニューからアルバムを選択するとアルバム作成ができます。アルバムメニューからアルバムを作成を選んで、タイトルを追加してください。オプションメニューでアルバムを共有することと、共同編集とコメントの許可はオフにしておきます。アルバムが作成できたら、ファイルをアルバムにアップロードしてください。アルバム画面から、ドラッグアンドドロップでもファイルをアップロードできます。アルバムの画像をブログに張り付けるにはURLを取得するアルバムから、ブログに張り付けたい画像をクリックし、対象の画像のみを表示させます。画像上で右クリックしてメニューを出したら、画像のURLをコピーをクリックします。実際にブログに画像を張り付けるときは、メディアの追加から「URLから挿入」を選んでコピーしたURLを張り付けます。Googleフォトで挿入した画像のサイズは拡大できない?おかげでサーバの容量を圧迫することがなくなったのですが、今度はGoogleフォトから引っ張った画像データのサイズ(ここでは見た目の大きさ)を変更しようとしたら、なぜか思ったようになりませんでした。試行錯誤した結果、作成した画像サイズより縮小できるのですが、反対に拡大ができませんでした。サイズの拡大縮小はURLからの挿入で記述されたタグ内でサイズに関するタグを変更すれば、見た目の大きさを変えることができます。wordpressのビジュアルエディタ上でドラッグアンドドロップでサイズを変えることはできますが、これはwordpressの編集画面のみ有効で、実際のページには反映されません。height="314"タグ最後にwとh、widthとheightと記述されている数値のどちらも同じ数値に変更してください。ビジュアルエディタ上でドラッグアンドドロップするとwidthとheightは数値が変わりますが、URLの後ろのwとhに変化がありません。実際に画像を引っ張っているのは、URLのところなので、URL側の幅と高さを変えておく必要があります。前述したようにアップロードした際の最大の大きさからはURLの挿入では変更できません。Googleフォト上で画面サイズを変えて画像を大きくしても、実際にwordpressに表示される画像のサイズは変わりません。パソコンで画像を加工したときにGoogleフォトにアップロードしたものをwordpressに埋め込むと、元の画像サイズよりも表示される画像が小さいようです。Googleフォト上ではフォト上に保存されている実際のサイズとパソコンで作成した画像の大きさが同じようですが、wordpressへURL挿入すると、なぜか画像が小さく表示されてしまうようです。このあたりの挙動に関しては、スマホで撮影したものとパソコンで作成した画像とで違いがあるかが判明しませんでした。GoogleフォトからURL挿入した場合に、必ず毎回画像が見やすいかどうかのチェックが必要になりそうです。life関連記事IT初心者ブロガーは注意。ConsoleとGoogleアナリティクスに登録して、アクセス数のチェックやページの順位、検索でどういうアクセスがされているかを知るために毎日見ていたのですが、気が付いたら高順位だったページがじわじわと落ちていきました。時々twitterでもツイートしているんですが、検索しても自分の思ったものがなかなか出てこなくて四苦八苦しました。2017.11.09ITフリーランス、ブロガー最高、会社員=奴隷にはなりたくないでは、世界が成り立たない私も、このブログを立ち上げるにあたって、みんなに読んでもらえるものを目指そうと思っていたのですが、半ば自分にはこの手法は合いません。2017.10.13ITカエレバでAmazonが使えなくなったので代わりにもしもアフィリエイト簡単リンクに乗り換え2019年1月にカエレバ・ヨメレバの仕様が変更されました。使えなくなった理由は、AmazonのPA-APIの規約変更によるためです。2019.10.09ITwordpress上でspanタグが消える!絵本ナビのアフィリエイトコードの修正方法ブログで商品を紹介したときに重宝するのが、カエレバやヨメレバなど。本の紹介にはヨメレバを使うこともありますが、紹介しているものによって、利用するASPを変えています。world!を再利用したページ見本帳インストールすると用はないから消しましょうとよく見かける最初のページですが、せっかくなので記事の見本帳として再利用しました。試しにアイキャッチもつけています。コメントをキャンセルメールアドレスが公開されることはありません。