ワンクリックでWordPressでスプラッシュ解除画像を使用する方法

公開: 2018-09-30

Unsplashは、プロジェクトで使用する無料の画像をオンラインで入手するのに最適な場所の1つです。それらは帰属を必要とせず、高品質で、毎日新しい画像が追加され、検索が簡単で、想像できるほぼすべてのトピックの写真を見つけることができます。

投稿例を使用して私が書いた記事のほとんどには、Unsplashから取得した画像が含まれています。それらは驚くべき品質ですが、非常に大きなファイルでもあります。彼らは通常、私のウェブサイトの準備をするためにいくつかのステップを必要としました。

プロセスは通常次のようなものでした。ブラウザでUnsplashに移動し、検索またはスクロールして、個々の画像をラップトップにダウンロードし、写真編集ソフトウェアですべての画像のサイズを変更してから、WordPressにアップロードしてプロジェクト内で使用します。

私は今、このプロセスを短縮する方法を見つけました。これで、次のようになります。WordPressで[Unsplash]を選択し、検索またはスクロールして、必要な画像を選択します。画像は自動的にサイズ変更され、プロジェクトで使用できるWordPressメディアフォルダー内に配置されます。または、コンテンツ内に自動的に配置されます。これは、ワンクリックでWordPressのUnsplash画像を使用できることを意味します。ダウンロードはありません。サイズ変更はありません。

私たちのYoutubeチャンネルを購読する

インスタント画像–ワンクリックでスプラッシュ解除アップロード

解決策は、InstantImagesと呼ばれるWordPressデポジトリの無料プラグインです。保管場所からダウンロードするか、WordPressプラグインメニューで検索できます。

有効にすると、インスタントイメージと呼ばれる新しいメニュー項目がメディアメニューに追加されます。ここでは、設定を調整したり、新しい写真、人気のある写真、または最も古い写真を表示したり、写真を検索したりできます。画像はAJAXで読み込まれるため、スクロールしている間は新しい画像が表示されます（これは中毒性がありますが、別の問題です）。画面下部のメニューには、接続したり、レビューを残したり、FAQを表示したりするためのリンクがあります。

プラグインは、Unsplash画像をWordPressに追加する2つの方法を提供します。

[メディア]タブ内–これは現在のエディターとグーテンベルクの両方で機能します。
ページまたは投稿内–これは、現在のエディターおよび現在のWordPressエディターを利用するページビルダーで機能します。

インスタント画像設定

右上隅の[設定]をクリックすると、いくつかの設定とコンテンツ領域を含む画面が表示されます。 スプラッシュ解除設定には、最大幅と高さの画像サイズ設定と、投稿編集画面の[メディアの追加]ボタンの横にある[インスタント画像]ボタンを非表示にするチェックボックスが含まれています。デフォルトのままにしておきますが、これは画像のサイズを制御するための優れた機能です。

新機能は、最後の2つの更新に関する情報を提供します。 私たちのプラグインは、パブリッシャーによる他のプラグインをリストし、WordPressデポジトリからそれらをインストールできるようにボタンを提供します。この画面を閉じるには、右上隅にある[ X設定]ボタンをクリックします。

サーバー権限の設定

ほとんどの場合、問題なく画像をアップロードできます。 2つの異なるインストールを試しました。 1つ目は問題がなく、2つ目は画像をアップロードしませんでした。問題は、サーバーのアクセス許可の設定でした。アクセス許可は341に設定されました。少なくとも755に設定する必要があります。cPanelを使用している場合は、サーバーのwp-content / uploadsフォルダー内のinstant-imagesフォルダーに移動し、[アクセス許可]をクリックします。あなたはこれとは異なって見えるかもしれません。

画像のインポートで問題が発生した場合は、サーバーの権限を確認してください。それが問題ではない場合は、FAQでトラブルシューティング情報を確認してください。多くの問題はありませんが、権限を設定する必要がありました。

メディアライブラリへの画像の追加

メディアライブラリに画像を直接追加するには、メディアダッシュボードメニューの[インスタント画像]をクリックします。 [新規]、[人気]、[最古]を選択するか、検索して画像を見つけることができます。スクロールすると、より多くの画像が表示されます。

ライブラリに追加する画像が見つかったら、その画像をクリックします。画像にカーソルを合わせると、その画像の詳細を編集するためのボタン、Unsplashの画像へのリンクが記載された写真家のサムネイル、画像を高く評価するボタン、またはUnsplash.comで画像を表示できるボタンが表示されます。

歯車をクリックすると、その画像の[画像の詳細を編集]が開きます。ここで、名前を変更したり、独自の代替テキストを追加したり、独自のキャプションを追加したりできます。

画像をクリックすると、自動的にメディアライブラリにインポートされます。

画像がインポートされると、画像のサイズが変更されていることを示すメッセージが表示されます。

一度に複数の画像をインポートできます。

サイズを変更してメディアライブラリに追加すると、緑色のチェックマークアイコンが表示されます。

画像はメディアライブラリにあり、どこでも好きな場所で使用できます。

検索は、そのキーワードを使用する画像の数のカウントを提供します。番号のxをクリックすると、検索結果がクリアされます。キーワードまたは写真付きIDで検索できます。写真IDは、Unsplash.comで画像を見つけ、インスタント画像を使用してインポートする場合に役立ちます。

投稿やページに直接画像を追加する

すでにメディアライブラリに画像を追加している場合は、通常どおりに使用できます。まだ追加していない場合は、最初にメディアライブラリに追加する必要はありません。新しいボタンは、インスタント画像と呼ばれるWordPressのエディタに追加されます。 [メディアの追加]ボタンの横にあります。

これにより、新しい画像、人気のある画像、または最も古い画像をスクロールして、必要な画像を検索できるモーダルが開きます。

必要な画像をクリックすると、サイズ変更のダウンロードプロセスが実行されます。プロセスが完了し、緑色のチェックマークが表示されると、モーダル内に新しい画面が開き、画像を編集できます。ここでは、タイトル、代替テキスト、キャプション、説明、リンクURL、配置、およびサイズを確認できます。選択したら、ボタンをクリックして画像をコンテンツに挿入します。

メディアライブラリから選択した場合と同じように、画像が投稿に追加されます。

この例では、コンテンツ内に中サイズの画像を追加し、それに[左揃え]属性を指定しました。

これはDiviプラグインではありませんが、[インスタント画像]ボタンは、WordPressエディターを使用するすべてのDiviモジュールでも使用できます。

ただし、[インスタント画像]タブはフロントエンドビルダーに追加されていません。もちろん、インスタント画像で追加した画像を含め、メディアライブラリに追加した画像は引き続き使用できます。

UnsplashImagesライセンス

Unsplashの写真は、ライセンスがあるため、プロジェクトに最適です。 Unsplashのすべての写真は、商用目的と非商用目的の両方で無料で使用できます。許可は必要ありません。また、Unsplashや写真家にクレジットを提供する必要もありません。

写真は、好きなようにダウンロード、配布、コピー、および変更できます。 Unsplashにそれらを販売したり、競合するサービスを作成したりすることはできません。

終わりの考え

これが、WordPressでワンクリックでUnsplash画像を使用する方法を示しています。インスタント画像は、Unsplash画像をWordPressにインポートするために私が見た中で最も簡単な方法です。画像の最大サイズを設定する機能と、画像のインポート時にサイズが変更される機能が気に入っています。これは、プロジェクトで使用する高品質の写真でメディアライブラリを埋めるのに最適です。

プロジェクトで高品質の写真が必要な場合は、InstantImagesがそれらの使用プロセスを合理化するために必要なプラグインである可能性があります。

我々はあなたから聞きたい。 インスタント画像–ワンクリックのスプラッシュ解除アップロードを試しましたか？ 以下のコメントであなたがそれについてどう思うか教えてください。

GoodStudio /shutterstock.com経由の注目の画像