WordPressで「Pixabay」の画像やイラストを本文やアイキャッチ画像として挿入するプラグイン「Pixabay Images」

コンテンツ作成時に一番困るのが写真やイラストなどの素材探し。通常Wordpressで画像を挿入するための作業としては

  1. 自身の写真でないものはネットで一生懸命画像探し
  2. パソコンへ画像を保存する
  3. WordPressのメディアアップローダーで取り込む
  4. 投稿本文やアイキャッチ画像として挿入する

費用はなるべくかけたくないから「素材 画像 無料」などの検索語句で何時間もネット検索なんてことありませんか?そのうちに画像探しで疲労困憊、肝心の内容が適当になったり、結局何も書かなかったなんてことになっていませんか?

何かこの文章トリ○ゴのCMみたい・・・。まあまあそれは置いといて、
Pixabay」は商用使用も可能な無料の画像やイラスト・動画を提供しているサイト。Pixabayに登録されているメディアをWordpressの投稿編集画面から検索して画像を挿入できるのが「Pixabay Images」プラグインです。

どんな画像やイラストがあるかはPixabayのサイトを見てみてください。きっと何時間も素材探しをしていたのは何だったの??と思う位クオリティの高い写真や素材がたくさんあります。

前述した写真を本文内へ挿入する過程の中の2と3の作業がなくなるので、画像を使ったページ作りがより簡単に楽しくなります。一度使った画像はサイトのメディアへコピーされるので、毎回画像を探す手間もなく、また、リンク画像ではないので画像が削除されたら表示されなくなるという心配もありません

スポンサーリンク

【Pixabay Images】プラグインの基本的な機能・できること

  1. Pixabayの無料画像やイラストを簡単に挿入
  2. WordPressの投稿編集画面から検索・挿入できる
  3. 使用する素材はメディアにコピーされるので次回からは検索なしで使用できる
  4. 検索した素材をアイキャッチ画像として設定することもできる
この記事の内容について
このプラグイン紹介記事は簡易的に動作テストをした上で紹介していますが以下の点にご注意願います
  1. すべての環境で動作するとは限りません
  2. できる限り最新のバージョンの情報を紹介するようにしておりますが、閲覧される時期によってはバージョンが変わり、仕様が大きく変更されている場合があります
  3. 有料版と無料版がある場合、テストは原則無料版のみで実施しています
  4. テスト環境については文末に記載しています
  5. 使用方法で紹介しているショートコードをコピーして使用すると、環境によっては記号などが文字化けすることがあります。コピーしたのに動作しない場合は特に「"」「'」などの記号を入力し直してみてください。

【Pixabay Images】プラグインの設定画面や表示の日本語化と翻訳

【Pixabay Images】プラグインは有効化すると日本語で使用できるようになっていますので、英語が分からない方でも安心して使えます

【Pixabay Images】プラグインのインストールと設定

インストールと設定方法

インストールはプラグインの新規追加でプラグイン名で検索してインストールするか、ページ先頭の画像をクリックして表示されるWordpressのプラグイン公式配布ページがダウンロードしてからアップロードインストールします。

インストール方法の詳しい解説は

Wordpressと言えばさまざまな追加機能を使って思い通りの表現や動作ができるのがブログやHTMLで作ったサイトと違って楽しいところですね。ここでは基本的なプラグインの導入の仕方とトラブルが発生した場合の対処方法について解説します。
を参照ください

一応「設定」→「Pixabay Images」から行えますが、基本デフォルトのままで大丈夫です
項目としては

  1. Language/検索を行う際の言語の設定
  2. Images Per Page /検索結果1ページあたりに表示する候補の数です
  3. Image Types/基本となる素材の種類です(検索画面で再設定できます)
  4. Orientation/素材の向き(Hozizontal/横長  Vertical/縦長)から選択します
  5. Attribution/画像の出典をキャプション表示するかの設定です
  6. Button/投稿編集画面に「Pixabay Images」ボタンを表示するかの設定です

があります。

【Pixabay Images】プラグインの基本的な使い方

  1. 設定で「Button」表示をしている場合は投稿編集画面の「Pixabay Images」ボタンをクリックします。
  2. ※ボタン表示していない場合は「メディアの追加」をクリックし、左側の「Pixabay Images」をクリックします

  3. 画像の種類や向きにチェックを入れ、自由なキーワードで写真を検索します(日本語可)
  4. 候補の中で使いたい写真にマウスオーバーすると上にサイズが表示されるのでクリックします
  5. ※画像をクリックすると「中」サイズが選択されるようです

  6. 画像の設定画面が表示されるのでリンクやタイトル・キャプション・画像の配置などを設定し、「投稿に挿入」をクリックします
  7. ※「投稿の挿入」の右にある「アイキャッチ画像として使用」をクリックすればサムネイルとして投稿に設定されます

本当に簡単操作で素敵な画像やイラストが挿入できるのでびっくりですね。

2018年3月13日追記 バージョン3.1では不具合がありました

先日バージョン3.1がリリースされて早速アップデート、しばらくしてから画像を追加しようとしたら、検索結果のプレビュー画像がすべて壊れて表示されました。私の環境だけかもしれませんが、バージョン2.15へ戻したら正常に表示されたので、おそらく最新バージョンの不具合だと思われます。

不具合が出た方は

今回はWptouchプラグインで行いましたが、他のプラグインも最初は無料であっても有料化したり追加機能を購入したりする傾向に必ず進みますので上記の方法で過去のバージョンを手に入れて運用するのがいいと思います

を参考に旧バージョンへ戻すか、面倒な方は

Pixabay Imagesの本体ファイル v2.15

からダウンロードして使ってください(内緒です)。ダウンロードするにはユーザー登録が必要です。画面右上の新規登録からお願いします。

入手後は一度削除してからアップロードインストールするか、FTPなどでファイルやフォルダを上書きしてください。

Amazonの人気商品楽天市場の人気商品
いちばんやさしいWordPressの教本第3版 人気講師が教える本格Webサイトの作り方 (「いちばんやさしい教本」)

いちばんやさしいWordPressの教本第3版 人気講師が教える本格Webサイトの作り方 (「いちばんやさしい教本」)

  • 価   格:¥ 1,706
  • 販 売 者: Amazon.co.jp
  • 評   価:
  • 商品の概要:ASIN: 4295000795
    インプレス

本当によくわかるWordPressの教科書 はじめての人も、挫折した人も、本格サイトが必ず作れる

本当によくわかるWordPressの教科書 はじめての人も、挫折した人も、本格サイトが必ず作れる

  • 価   格:¥ 1,685
  • 販 売 者: Amazon.co.jp
  • 評   価:
  • 商品の概要:ASIN: 4797395168
    SBクリエイティブ

WordPress 仕事の現場でサッと使える! デザイン教科書 (Webデザイナー養成講座)

WordPress 仕事の現場でサッと使える! デザイン教科書 (Webデザイナー養成講座)

  • 価   格:¥ 3,002
  • 販 売 者: Amazon.co.jp
  • 評   価:
  • 商品の概要:ASIN: 4774173800
    技術評論社

CS Shop
【中古】 いちばんやさしいWordPressの教本 WordPress4.x対応 第2版 人気講師が教える本格Webサイトの作り方 /石川栄和(著者),大串..

【中古】 いちばんやさしいWordPressの教本 WordPress4.x対応 第2版 人気講師が教える本格Webサイトの作り方 /石川栄和(著者),大串..

  • 価   格:1,098 円 (税込)
  • 販 売 者: ブックオフオンライン楽天市場店
  • 評   価:
  • 商品の概要:石川栄和(著者),大串肇(著者),星野邦敏(著者)販売会社/発売会社:インプレス/ 発売年月日:2014/11/14JAN:9784844337096
無料ではじめるWindows Azure×WordPress超入門【電子書籍】[ 戸倉 彩 ]

無料ではじめるWindows Azure×WordPress超入門【電子書籍】[ 戸倉 彩 ]

  • 価   格:1,234 円 (税込) 送料込
  • 販 売 者: 楽天Kobo電子書籍ストア
  • 評   価:
  • 商品の概要:<p>※この電子書籍は固定型レイアウトです。リフロー型と異なりビューア機能が制限されます。 クラウドガール(msdn.microsoft.com/ja-jp/claudia)の主人公、クラウディア窓辺がキホンをやさしくレクチャーするクラウド技術とWebサイト構築の超入門書。「クラウドとはな..
一歩先にいくWordPressのカスタマイズがわかる本【電子書籍】[ 相原知栄子 ]

一歩先にいくWordPressのカスタマイズがわかる本【電子書籍】[ 相原知栄子 ]

  • 価   格:2,894 円 (税込) 送料込
  • 販 売 者: 楽天Kobo電子書籍ストア
  • 評   価:
  • 商品の概要:<p>【本電子書籍は固定レイアウトのため7インチ以上の端末での利用を推奨しております。文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。ご購入前に、無料サンプルにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください】<..
楽天ウェブサービスセンター CS Shop

プラグインに関するお問い合わせ

最後までお読みいただきありがとうございました。 内容の相違、導入後のトラブル、設定方法のお問い合わせなどはこちらのリンクからお願いします。
さまざまな情報をいただくことで、プラグインの紹介記事をより正確でよりわかりやすく、よりいろいろな方のお役に立てる情報にしていきたいと考えておりますので、ぜひともご協力をお願いいたします。
役に立つ情報でしたらぜひSNSやメールでシェアしてください
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  

似たようなプラグインをお探しですか?

このプラグインはに分類されています。リンクをクリックすると同じような機能を持つプラグインの紹介記事一覧が表示されますので、プラグイン探しに是非ご活用ください。

メニューを表示できません

ページ先頭へ