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

公開日:2016年12月3日 画像・動画
Knowledge Base Wordpress プラグイン
コンテンツ作成時に一番困るのが写真やイラストなどの素材探し。通常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. 使用方法で紹介しているショートコードやコードなどをコピーして使用すると、環境によっては記号などが文字化けすることがあります。コピーしたのに動作しない場合は特に「”」「’」などの記号を入力し直してみてください。

WordPressでYoutubeのプレイリストを投稿や固定ページへ表示するプラグイン「Youtube Playlist Thumbs」

WordPressでYoutubeなどの動画から自動でアイキャッチ画像を設定するプラグイン「Automatic Featured Images from YouTube / Vimeo」

WordPressの管理画面でアイキャッチ画像が簡単に変えられるプラグイン「Easy Featured Images」


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

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

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

インストール方法

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

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

を参照ください

一応「設定」→「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へ戻したら正常に表示されたので、おそらく最新バージョンの不具合だと思われます。

不具合が出た方は

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

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

Wordpressの本

Amazonの人気商品楽天市場の人気商品
【中古】 WordPressレッスンブック 2.8対応 ステップバイステップ形式でマスターできる /エビスコム【著】 【中古】afb

【中古】 WordPressレッスンブック 2.8対応 ステップバイステップ形式でマスターできる /エビスコム【著】 【中古】afb

108 円 (税込)
エビスコム【著】販売会社/発売会社:ソシム発売年月日:2009/09/18JAN:9784883376735//付属品〜CD−ROM1枚付
【送料無料】 WordPress標準デザイン講座20LESSONS WordPress5 / Gutenberg対応 / 野村圭 【本】

【送料無料】 WordPress標準デザイン講座20LESSONS WordPress5 / Gutenberg対応 / 野村圭 【本】

2,786 円 (税込) 送料込
基本情報ジャンル建築・理工フォーマット本出版社翔泳社発売日2019年06月ISBN9784798156514発売国日本サイズ・ページ303p 23×19cm関連キーワード 9784798156514 【FS_708-2】出荷目安の詳細はこちら>>楽天市場内検索 『在庫あり』表記について 
楽天ウェブサービスセンター CS Shop
ひまあーと(管理人)
  • 記事の作者: ひまあーと(管理人)

  • ☆最後までお読みいただきありがとうございました。記事作者のひまあーとです。
    ☆Wordpressでサイトをカスタマイズしていく上で有用な情報を配信しつつ、「ココナラ」でサイトカスタマイズのお手伝い、不具合の修復、サイト引っ越し代行などをさせていただいております。
    ☆Wordpressネタが多いですが、趣味の「園芸」「卓球」などの情報や日々の出来事などもどんどん増やしていきますのでよろしくお願いいたします。


いつでもご相談・サイトカスタマイズの依頼を受け付けています

Wordpressのカスタマイズ、不具合解消のご相談はすべてココナラのダイレクトメッセージからお受けしております。まずはこちらのバナーからお気軽にお問い合わせください。

※一度もココナラを使ったことがない方はココナラへの無料登録が必要です。こちらから登録後、上のリンクをクリックする、またはココナラトップページから「ひまあーと」を検索してお問い合わせください。


【スポンサーリンク】


記事の拡散にご協力をお願いします

閲覧いただきありがとうございました。役に立つ情報でしたら是非SNSでシェアをお願いします

関連情報