Flickr の画像を wordpress で利用するプラグイン

Flickr の画像を wordpress で利用するプラグイン

ImageInject
というプラグインを使うことで
Flicr の画像を検索し利用することができます

プラグインで
image inject
で検索します

flicr

インストールして有効化すると
設定項目に
Image Inject の項目が増えます

商用利用可能で
著作者のクレジット表示が必要なものを
さがすと比較的でてくるので、
この条件で検索するように
License のところを
Commercial Use Allowed, Attribution Required
になっているのを確認します

flickr2

次に記事の投稿で
画像を入れたいところをクリックし
Imageinject Find Free images のところの欄で
検索したい画像を入力し
Search をクリックします

flickr4

今回は朝日で検索してみました
すると下に対応する画像が表示されます

flickr5

画像とサイズを選ぶと記事に挿入されます

なおクレジット表示は
Flickr の画像は表示されますが
Pixabay の画像の場合、
クレジット表示はされません

flickr6

wordpress で Youtube 動画をレスポンシブ対応させるプラグイン

wordpress で Youtube 動画をレスポンシブ対応させるプラグイン

決定版! YouTubeやVimeo動画のレスポンシブ対応化プラグイン

を参考に
wordpress に Youtube 動画をレスポンシブ対応させるプラグインを導入

これをいれようと思ったのは
ブログをみるのは
スマホとかタブレットでみることが多いから

そして、そのときに画面からはみ出る可能性があるため

導入はダッシュボードから行う

プラグイン検索で
Advanced Responsive Video Embedder を入力しインストールする

インストールしたら有効化を忘れずに

このプラグインの設定をするには
プラグイン かららしいけど、私の環境では
設定画面からだった

設定 > Advanced Responsive Video Embedder Settings
で設定画面を開いて
設定をしていく

default Mode は埋め込みでいいので
Normal を指定

Video Maximl Width は0にすれば
コンテンツ幅いっぱいまで表示なので0

設定はこれでOK

次に実際につかう方法
これは、投稿のときに
テキストモードではなく、ビジュアルモードをつかうと

アイコンが現れるので、これをクリックして
必要な設定をしていく

Screenshot_from_2014-02-11 21:46:36

お試しとして今回は
Youtube の Google Now の紹介

設定画面で
Normal を設定するか
Thumbnail でサムネイルにするかだけど
Normal のほうがタイトルがあってみやすい

Align は配置する位置で
left にすると文章とあっているかんじになる

Show More Options は隠れていて
クリックすると各項目が表示される

youtube

これで作成したのが以下の埋め込み画像

[youtube id=”dsYkEBwJVIE” mode=”normal” align=”left”]