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

を参考に旧バージョンへ戻すか、面倒な方はこちらからダウンロードして使ってください(内緒です)。ダウンロードするにはユーザー登録が必要です。画面右上の新規登録からお願いします。

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

Wordpressの本

Amazonの人気商品楽天市場の人気商品
CS Shop
できるWordPress WordPress Ver.4.x対応 [ 星野邦敏 ]

できるWordPress WordPress Ver.4.x対応 [ 星野邦敏 ]

1,512 円 (税込) 送料込
WordPress Ver.4.x対応 星野邦敏 相澤奏恵 インプレスデキル ワード プレス ホシノ,クニトシ アイザワ,カナエ 発行年月:2017年08月 ページ数:254p サイズ:単行本 ISBN:9784295002017 星野邦敏(ホシノクニトシ) WordPressのテーマやプラグインを開発している株式会..
いちばんやさしいWordPressの教本第3版 [ 石川栄和 ]

いちばんやさしいWordPressの教本第3版 [ 石川栄和 ]

1,706 円 (税込) 送料込
評価 4
石川栄和 大串肇 インプレスBKSCPN_【bookーfestivalーthr】 イチバン ヤサシイ ワードプレス ノ キョウホン イシカワ,ヒデカズ オオグシ,ハジメ 発行年月:2017年02月 ページ数:256p サイズ:単行本 ISBN:9784295000792 石川栄和(イシカワヒデカズ) 株式会社ベクトルの..
楽天ウェブサービスセンター CS Shop

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

「こんなプラグインないの?」「設定方法をもっと詳しく教えてほしい」「プラグインを少しカスタマイズして使いたい」などのご相談は、こちらのリンクからお願いします(【ココナラ】のサイトへ移動します)。

ココナラ Wordpress プラグイン探し バナー

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

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