毎度の自分用メモですよ。
http://photozou.jp/photo/list/1179514/3121520
基本的に、画像ファイルはフォト蔵へアップしています。
Contents
フォト蔵を使う理由
アクセスした人のディスプレイサイズが小さい場合、最適化して画像を表示してくれる
このため、ガラケー時代からずっと使用しています。
アップすると複数のサイズを自動的に作成してくれる上に、元サイズのデータも保存してくれています。
このへん利用して、PCでもガラケーでもどうぞって感じで壁紙配布してたりしました。
CCライセンスを表示できる
権利表示をできないサービス結構多いんですよね…
二次創作してますし、お金頂いてデザインのお仕事受けたりもしてますんで、これ結構大事です。
無断転載できるサービスは使用したくありません。
表示方法の選択肢が多い
アルバムを作成して、アルバムから最新の10枚を表示するとか。
特定のタグを付けた写真だけ表示するとか。
そういうことができます。
写真をアップしてから「ブログに貼り付ける」をクリックすると、ブログ用ソースコードが出てきます。
大・普通・縮小サイズの三種類から選ぶことができ、このソースコードをWordpressに貼った場合、1枚目の画像をアイキャッチ画像として自動的にWordpressで設定＆メディアに保存されます。
一枚目以外の画像はWordpressのメディアには保存されません。
また「アルバムのスライドショーをブログに貼る」をクリックすると、6種類のスライドショーから好きな形式を選んで、ソースコードをコピペできます。
フォト蔵APIが公開されているため、1リクエスト/秒程度の負荷であれば自由にプログラムを作成することも可能です。
つまり、先のソースコードもサンプルコードで、負荷・表示件数さえ気をつければ改変できるのです。
フォト蔵写真サムネイル取得用APIも用意されており、450px、120pxのサムネイルは
http://photozou.jp/p/img/*** （長辺450pxのサムネイル画像）
http://photozou.jp/p/thumb/*** （一辺120pxの正方形サムネイル画像）
で***に画像IDを入力すれば正方形のサムネイルを取得できます。
実際にWordpressでどう使用しているか
AddQuicktagプラグインを導入し、以下の二種類のボタンを設定しました。
フォト蔵120px <a href="http://photozou.jp/photo/show/1179514/***"><img src="http://photozou.jp/p/thumb/***" width="120" height="120" /></a> フォト蔵450px <a href="http://photozou.jp/photo/show/1179514/***"><img src="http://photozou.jp/p/img/***" width="450" height="450" /></a>
アイキャッチをWordpressに自動的に設定するために
ページ内に1箇所、フォト蔵の「ブログに貼り付ける」から取得したコードを記述する必要があります。
「メディアを追加」するのとどっちが便利か微妙なところですね…
ただ、iPhoneの画像をそのままメディアに追加すると数MBのファイルがアップされてしまうので、ページ遷移が手間でも個人的には フォト蔵のコードをコピペ→投稿後に削除 のほうがいいかなあ…
細かいこと。
<a href="http://photozou.jp/photo/show/1179514/87080006"><img src="http://photozou.jp/p/thumb/87080006" width="120" height="120" /></a>
APIを利用したコードをWordpressに記述しても、アイキャッチ画像は保存されませんでした。
<img src="http://art38.photozou.jp/pub/514/1179514/photo/87080006.v1481955034.jpg">
「ブログに貼り付ける」からコピペできるソースからimgタグだけ抽出してWordpressに記述すると、アイキャッチ画像が保存されました。
いくつかの写真のソースを確認してみたところ
<img src="http://art***.photozou.jp/pub/514/1179514/photo/***.v***.jpg">
の***部分がファイルによって異なります。
art*** はサーバー増えたら数字が変わるんでしょう。
photo/*** は写真のIDです。
v*** がどういうルールなのかさっぱり分かりません…。
3箇所の数字を確認&書き換えることを考えたら、下手にAddQuicktagでボタンを作成するより、大人しくコピペしてくるほうがミスも手間も少ないかなあ。