画像は、視聴者を引き付ける上で重要な役割を果たします。これらの画像をフィルターで強化することで、ウェブサイトにプロフェッショナルでクリエイティブなタッチを加えることができます。
Instagram風フィルターを使用してWordPressサイトで写真を編集すると、見た目が変わり、コンテンツが際立つようになります。
WPBeginnerでは、多くのチュートリアルを作成しているため、ブログ記事にスクリーンショットを追加することがよくあります。しかし、他のウェブサイトが画像にフィルターを使用していることに気づきました。そのため、WordPressの画像にInstagramスタイルのフィルターを簡単に追加できるように、さまざまなソリューションを徹底的に調査およびテストしました。
この記事では、WordPress に Instagram のような写真フィルターを追加する方法を説明します。
WordPressにInstagram風の写真フィルターを追加する理由
Instagramフィルターは、ソーシャルメディアプラットフォームの機能で、写真をクリック一つで編集できます。プリセットされた編集ライブラリから選択するだけで、Instagramが自動的に変更を適用します。
各写真に適用するフィルターの量を 0% から 100% の範囲で選択できます。
では、なぜInstagramフィルターを使用する必要があるのでしょうか？主な理由はいくつかあります。
- 写真をより簡単かつ迅速に編集：誰もがWordPressサイトに美しい画像を投稿したいと思っています。写真がすでに素晴らしいか、Adobe Photoshopの達人でない限り、写真をレタッチする簡単な方法が欲しいでしょう。
- 一貫したブランドイメージを作成する: ブランディングはすべてです。それはあなたがどのような会社であり、聴衆にどのようなメッセージを送りたいかについての物語を伝えます。ブランドに合ったフィルターを使用すると、ウェブサイトの視覚的な魅力を高め、よりまとまりのある外観を作成できます。
- クリエイティブに: フィルターはコンテンツに多様性を加え、画像を際立たせることができます。これは、製品やポートフォリオアイテムの表示に役立ちます。
注意: 画像に他の変更を加える方法を知りたい場合は、WordPressで基本的な画像編集を行う方法に関する投稿をご覧ください。
それでは、WordPressサイトにInstagram風の写真フィルターを追加する方法を見ていきましょう。ここでは、カバーする手順を説明します。
簡単な画像フィルターでInstagram風の写真効果を追加する方法
良いニュースは、WordPressに画像フィルターを無料で追加できることです。Instagramのような別のプラットフォームや写真編集ソフトウェアを使用して行う手間は必要ありません。
開始するには、Easy Image Filtersプラグインをインストールして有効化する必要があります。
手順が必要な場合は、WordPressプラグインのインストール方法のガイドをご覧ください。
アクティベートしたら、編集したい写真をWordPressのメディアライブラリにアップロードしてください。
これを行うには、メディア » 新規メディアファイルを追加に移動します。そこから、追加したい画像ファイルを選択し、「アップロード」を選択します。
さて、フィルターを追加したいすべての写真をアップロードしてください。
次に、**メディア » ライブラリ** タブに移動し、編集したい写真を選択する必要があります。
画像の添付ファイル詳細が表示され、写真のプレビュー全体が表示されます。
右下隅にある「その他の詳細を編集」をクリックしてください。
「説明」フィールドの下に、「画像効果の追加」機能があり、選択した画像にさまざまなフィルターを適用できます。
「追加」をクリックします。
この画面では、画面上部に画像が表示され、その下に利用可能な調整とプリセットが表示されます。
写真に適用できる重要な調整の一部を次に示します。
- 明るさ
- コントラスト
- 彩度
- 彩度
- 明るさ
- 色相
- その他
25種類のプリセットも用意されています。プリセットとは、特定のルックを実現するために設計された設定の構成です。写真の色や照明を自動的に調整するため、手動で行う必要はありません。
調整を切り替えるか、好みに合ったプリセットを選択してください。
フィルターの強化に満足したら、「保存」をクリックします。画像を元の状態に戻したい場合は、代わりに「リセット」を選択できます。
編集を保存すると、更新された画像がメディアライブラリに自動的に表示されます。
メディア » ライブラリタブに戻るだけで、Instagram風フィルターが追加された更新済みの画像が見つかります。
これで、その写真をサイトのどこにでもアップロードできるようになりました。
例えば、WordPressのページや投稿に画像を追加すると、このようになります。
フィルター処理された画像のアップロードに問題がある場合は、WordPressでの画像の適切な追加方法のガイドをご覧ください。
フィルター処理された写真をギャラリーに追加する方法
画像に写真効果を追加することは、それらを際立たせる素晴らしい方法です。しかし、場合によっては、フィルター処理された画像を画像ギャラリーに追加したい場合もあります。
以下に、これが役立つ可能性のあるいくつかの例を挙げます。
- あなたは写真家であり、ポートフォリオを公開したいと考えています。
- 不動産会社を経営していて、住宅の写真を強調したい場合。
- あなたは、クライアント候補に自社の仕事のプレビューを見せたいデジタルエージェンシーです。
しかし、ギャラリーはこれらのビジネスに限定されるものではありません。ほとんどのウェブサイトで、画像ギャラリーを使用して製品やサービスを視覚的に紹介できます。
フィルター処理された写真の画像ギャラリーを作成するには、Envira Galleryプラグインをインストールして有効化する必要があります。
注意: 画像スライダーの追加のみに興味がある場合は、Envira Galleryの無料バージョンをそのまま使用できます。しかし、より多くのギャラリーテーマ、ライトボックス、またはビデオスライダーのような高度な機能が必要な場合は、プロバージョンの使用を検討する必要があります。
Envira Galleryは、WordPressに最適な画像ギャラリープラグインです。ドラッグ＆ドロップビルダーを使用して、美しいモバイル対応の写真およびビデオギャラリーを作成できます。
当社のパートナーブランドのいくつかは、このツールを使用して魅力的なギャラリーを成功裏に作成しています。詳細については、Envira Gallery レビューをご覧ください。
まず、Envira Galleryプラグインをインストールして有効化する必要があります。手順の詳細については、WordPressプラグインのインストール方法に関するガイドをご覧ください。
有効化したら、新しいギャラリーを作成するために Envira Gallery » 追加 新規 ページに移動する必要があります。後で参照しやすいようにタイトルを付けます。
次に、「コンピューターからファイルを選択」をクリックします。
次に、コンピューターから画像を選択する必要があります。
写真がアップロードされたら、下にスクロールして「ギャラリー」タブに追加されたすべての画像を確認できます。
「設定」タブでは、ギャラリーのレイアウト、画像サイズ、画像寸法などを選択できます。
そうすれば、ギャラリーの外観をニーズに合わせてカスタマイズできます。
そこから、右側のパネルにある「公開」ボタンをクリックするだけです。
その後、Envira Galleryブロックを使用して、ギャラリーを任意の投稿またはページに追加できます。
デモウェブサイトでの表示は以下の通りです。
詳細については、WordPressで画像ギャラリーを作成する方法に関するガイドをご覧ください。
ボーナス：WordPressにInstagramフィードを埋め込む
Instagram風フィルターを追加するだけでなく、Instagramのフィード全体をウェブサイトに追加することもできます。これにより、ユーザーはソーシャルメディア上のコンテンツを確認できるようになり、エンゲージメントを高め、顧客をより長く維持することができます。
これを行うには、Smash BalloonのInstagram Feed Proを使用できます。これは市場で最高のInstagramプラグインであり、ビジュアルビルダー、ソーシャルメディアプラットフォームとの簡単な統合を備え、ショッピング可能なフィードを作成できます。
このツールは個人的にテスト済みで、非常に初心者向けで拡張性があることがわかりました。詳細については、Smash Balloon レビューをご覧ください。
フィードレイアウトを選択し、「もっと読み込む」ボタンと「フォロー」ボタンを追加できます。
それ以外にも、ライトボックスを有効にしたり、配色を変更したり、モバイルデバイス向けにフィードを最適化したりできます。詳細については、WordPress に Instagram を簡単に埋め込む方法に関するチュートリアルを参照してください。
この記事が、WordPressにInstagram風の写真フィルターを追加する方法を学ぶのに役立ったことを願っています。また、最適なWebデザインソフトウェアの専門家による選び方や、WordPressに背景画像を追加する方法に関するガイドも参照してください。
この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterやFacebookでもフォローできます。
イジー・ヴァネック
それは本当に良さそうですね。最後に個人のブログにレシピ記事を書いたとき、Instagramで写真を編集し、そこで結果も投稿しました。その後、Instagramから写真をダウンロードして、ウェブサイトの記事に挿入しました。はい、写真は小さくて品質が低いことはわかっていますが、フィルターは素晴らしかったです。このガイドは私の時間を節約し、写真の品質低下を防ぐでしょう。素晴らしい、次回は私の面倒な方法の代わりに、あなたの方法を試してみます。
Jose
Hello,
Pressgramのナレッジベースへのリンクが404エラーです。
Jose
rafael armstrong
Android版が開発中とのこと、嬉しいです。このアプリについては、この1週間ほどで知ったのですが、読んだ内容から、試すのが待ちきれません。
アンディ・グリーン
「次に、写真を公開したいブログを選択し、FacebookとTwitterで共有するかどうかを決めます。それだけです。」
これで確実に確認できますか？ セルフホスト型ブログへの公開を何度も試みましたが、全く成功しませんでした。サイトにWPプラグインをインストールしたところ、問題なく動作するようになりました。
PGサポートページにチケットを作成しましたが、プラグインが必要かどうかについての返信はありませんでした。
プラグインなしで動作するというのは本当ですか？
WPBeginnerサポート
はい、確認できます。プラグインをインストールせずに、セルフホスト型のWordPressブログでスムーズに動作します。
管理者
Jim
必ずしもそうではありません。プラグインがインストールされているかどうかにかかわらず、セルフホスト型で機能させることができていません。
Zimbrul
チュートリアルをありがとうございます。Pressgramは設定がそれほど直感的ではなく、このチュートリアルはこの点でかなり良いです。
アプリがリリースされた日にブログに何かを公開しようとしましたが、うまくいきませんでした。ブログがメンテナンスモードになっているせいかもしれません…
Stark
良いチュートリアルです。
Jonathan Blundell
7月頃から Pressgram を使用しています（アルファテスト中）そしてそれが大好きです。
WordPress のモバイルアプリ（および Instagram や Flickr の画像をインポートするためのプラグイン）は、写真を公開するという点では常に不十分でしたが、Pressgram はそのギャップを埋めてくれます。外出先で WordPress サイトに写真を簡単に共有できる方法があることほど、フィルターについては気にかけていません。
Pressgram をサイトに追加したおかげで、すでにアクセス数とページビュー数の増加が見られます。サードパーティのサイトにトラフィックを失い、彼らをサイトに戻ってくることを「願う」必要はもうありません。
さらに、数回のクリックで複数のWordPressサイトに公開できる機能は非常に大きいです。
Pressgramが正式にローンチされ、今後の展開が非常に楽しみです。