Webの記録

WordPressプラグイン「PhotoDropper」でフリー画像を記事にラクラク挿入♪

投稿日:

この記事は約 5 分で読めます。

文字だらけの記事。ちょっと読むのがツライですね。。。
でも、イメージ画像がナイ!そんな時に使えそうなプラグインを探してみました。

画像をアップロードしたり、ソースコード記述したり、著作権を気にしたり・・・という事がなく、ラクラク挿入が出来る便利なプラグイン。あるんですね~♪

WordPressプラグイン「PhotoDropper」です。

使ってみて便利なプラグインだったので、メモです♪

特徴

  • Flickrの画像を使用
  • 掲載許可のある画像だけが、選択出来る画像として表示されるので、著作権を気にせずに済む。
  • 著作権のクレジットが選択した画像と一緒に自動で挿入される。
  • 画像を選択するだけでアップロードもソースコード記述もせずに、自動で書き出しされる。

設置・設定方法

WordPressのプラグイン「新規追加」から「PhotoDropper」を検索し、ダウンロードして有効化します。

設定画面

ダッシュボードの画面から「設定」→「PhotoDropper」をクリックすると設定画面が出てきます。

PhotoDropperの設定画面

「Pages」の「Images per page」は、画像を選択する時に1度に表示される画像の数です。デフォルトは「5」です。

「Show only photos that can be used commercially」は、商用利用可の画像のみを表示する場合にチェックを入れます。

「Code Wrapping」は、自動挿入される画像の外側に置かれるdivの設定です。
「Insert Before」は画像の前に挿入されるコード。「Insert After」は画像の後に挿入されるコードとなります。

//Insert Beforeに入れるコード例。""は自動で挿入されるのでここでは入れない。
<div class=flickrphoto>

//Insert Beforeに入れるコード例。
</div>

使用方法

PhotoDropperを使うボタン

記事の投稿画面を開いたら、通常画像をアップロードするボタンの横に「PhotoDropper」用のボタンが表示されています。
このボタンをクリックします。

画像の選択画面イメージ

検索したい画像のキーワードを入れて「Search」ボタンを押すと、キーワードに合った画像が出てきます。画像の下のサイズを選んでクリックすると、自動投稿されます。

//挿入された画像のソースコードの例
<div class="flickrphoto">
 <a href="http://www.flickr.com/photos/47823583@N03/5445336475/" title="Smoochies" target="_blank">
  <img src="http://farm5.static.flickr.com/4120/5445336475_623432f7bd_m.jpg" alt="Smoochies" border="0" />
 </a>
 <br />
 <small>
  <a href="http://creativecommons.org/licenses/by/2.0/" title="Attribution License" target="_blank">
   <img src="http://localhost/wordpress/wp-content/plugins/photo-dropper/images/cc.png" alt="Creative Commons License" border="0" width="16" height="16" align="absmiddle" />
  </a>
  <a href="http://www.photodropper.com/photos/" target="_blank">photo
  </a>
  credit: <a href="http://www.flickr.com/photos/47823583@N03/5445336475/" title="Enokson" target="_blank">Enokson</a>
 </small>
</div>

CSSで表示を整えて、ブラウザ表示します。

PhotoDropperを使って画像を挿入したイメージ

簡単に画像と著作権のクレジットも自動で入るので、ホント便利でした♪

検索する時に、日本語だと画像が少ないので英単語で探した方がよさそうです。

自分で画像を用意出来ない時に、利用したいプラグインなのでした♪

-Webの記録
-, , ,

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

This blog is kept spam free by WP-SpamFree.

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

関連記事

no image

パンくずリストをGoogleの検索結果ページで表示させる方法

この記事は約 1 分で読めます。 Googleで検索をした時に、検索結果でサイトタイトルの下にパンくずリストが表示されているのを見かけたことはありませんか? 最近妙に気になって・・・(今頃?!)、私も …

no image

Google Analytics始めてみた。

この記事は約 2 分で読めます。前々からアクセス解析は少し興味あって・・・。 「FC2」とか、「NINJA TOOLS」のアクセス解析を利用していたのですが、前々から気になっていた「Google An …

no image

透明画像を置いて画像をコピーガードする。

この記事は約 2 分で読めます。 今回は画像の上に透明画像を置く事で元の画像を右クリックで保存出来ないようにするテクニックです。 まずは、デモ画面を見て頂きましょうか・・・。 【2016.6.2】一部 …

no image

Google Maps表示用スクリプト「google_map_api_js」を試してみた♪

この記事は約 1 分で読めます。 以前「jquery.gmap3.js」を使ってGoogle Mapsを表示させてみました。(「jquery.gmap3.jsを使って、Googlemapを簡単にカスタ …

no image

easySlider1.7.jsを使ってFlashのようなスライドショーにチャレンジ♪

この記事は約 1 分で読めます。「easySlider1.7.js」を使って、数枚の画像のスライドショーを作りたいと思います。 自動で画像がスライドしますが、見ている人の意思で前後の画像へ戻したり進め …