WordPressでよくある画像の問題を解決したいですか?
WordPressには、画像を管理・編集するためのとても便利なツールが用意されています。WordPressでは、画像を簡単にアップロードしたり、整列させたり、編集したりすることができる。しかし、ユーザーがこれらのアイキャッチ画像編集機能を発見するのに時間がかかることがある。
この投稿では、WordPressで最も一般的な画像の問題とその修正方法について説明します。
これは詳細な記事なので、この投稿で取り上げる画像関連の問題のリストは以下の通りです。これらのクイックリンクを使って、特定のトピックに飛ぶことができます:
- How to Upload Images in WordPress
- How to Align an Image to the Left or Right in WordPress
- How to Add Captions Below Images
- How to Display Photos in Columns and Rows
- How to Create Responsive Image Galleries in WordPress
- How to Fix Missing Post Thumbnails / Featured Image
- How to Add Cover Images in WordPress Posts and Pages
- How to Fix the Featured Image Appearing Twice Issue
- How to Crop Images in WordPress
- How to Add a Header Image in WordPress
- How to Add a Background Image in WordPress
- How to Optimize Images for WordPress Without Losing Their Quality
- How to Add Title Attributes to WordPress Images
- How to Find Free Images for Your WordPress Blog Posts
- How to Categorize and Tag Images in WordPress
- How to Import External Images in WordPress
- How to Require Featured Images for Posts in WordPress
- How to Set a Default Featured Image in WordPress
- How to Create Additional Image Sizes in WordPress
- How to Prevent WordPress from Generating Image Sizes
- How to Prevent Image Theft in WordPress
WordPressの画像問題の解決にお困りですか?WPBeginnerプロサービスでは、WordPressの画像問題やその他のサイトの問題をすべて迅速かつ確実に解決する、WordPress緊急サポートを低価格で提供しています。サイトにストレスを感じるのはもうやめましょう。WordPress緊急サポートサービスを今すぐご予約ください!
WordPressで画像をアップロードする方法
WordPressでは、投稿やページ、サイドバーなどのコンテンツ以外のエリアに画像をアップロードするのがとても簡単です。
WordPressの投稿やページに画像をアップロードするには、コンテンツエディターに画像ブロックを追加するだけです。
段落ブロックに/imageと入力するだけで、画像ブロックを追加することもできます。
エディターは、入力し始めるとすぐに挿入可能なブロックを表示し始める。
WordPressはエディターに画像ブロックを追加します。
アップロード」ボタンをクリックして、コンピューターから画像を選択し、アップロードする必要があります。
メディアライブラリからアップロード済みの画像を選択することもできます。
画像をアップロードすると、コンテンツエディターに画像のライブプレビューが表示されます。
また、右側のパネルには画像設定が表示されます。そこから、画像のaltテキストを提供し、画像サイズを選択し、画像スタイルをカスタマイズすることができます。
プロのヒント WordPressへの画像のアップロードに問題がありますか?WordPressの画像アップロードの問題を解決する方法をご覧ください。
WordPressで画像を左右に配置する方法
WordPressでは、画像を左寄せ、右寄せ、中央寄せにするのは簡単です。画像をクリックして選択し、ブロックツールバーから整列ボタンをクリックするだけです。
WordPressで人気のあるブログが、画像にテキストを巻きつけて使っていることにお気づきだろうか。
これはアライメント機能を使うことによって行われる。
また、イメージブロックの代わりにメディア&テキストブロックを使うこともできます。
このブロックは、テキストの横に画像を追加するために特別に作られています。
画像とテキストを並べてアップロードすることができます。
また、ブロックツールバーを使って、画像やテキスト面を変更することもできます。
詳しくは、WordPressブロックエディターで画像を配置する方法をご覧ください。
画像の下にキャプションを追加する方法
WordPressでは、画像に簡単にキャプションを追加することができます。画像をアップロードすると、画像プレビューのすぐ下にキャプションを追加するオプションが表示されます。
同様に、WordPressで画像ギャラリーにキャプションを追加することもできます。詳しくは、WordPressで画像にキャプションを追加する方法をご覧ください。
カラムと行で写真を表示する方法
よくユーザーから、写真をカラムや行にきれいに表示する方法を聞かれます。
例えば、誕生日パーティーの写真や休暇中の写真を共有したいとしましょう。1枚ずつ投稿に追加することもできますが、これでは画像のリストが長くなってしまいます。
写真をグループ化するには、画像ギャラリーを作成するのが良い方法です。
WordPressにはギャラリーブロックがビルトインされており、サムネイルプレビュー付きの行や列に画像を簡単に追加することができます。
投稿エディターにギャラリーブロックを追加し、アップロードしたい画像を選択するだけです。
より詳細な手順については、WordPressで画像ギャラリーを作成する方法をご覧ください。
WordPressでレスポンシブ画像ギャラリーを作成する方法
WordPressの初期設定の画像ギャラリーには、いくつかの機能が欠けていることにお気づきでしょう。例えば、ギャラリーの閲覧も簡単ではありません。
WordPressサイトに画像や写真をアップロードすることが多い場合は、WordPressフォトギャラリー・プラグインが必要です。
Envira Galleryの使用をお勧めします。Envira Galleryを使用すると、WordPressサイトに美しく、完全にモバイルフレンドリーな画像ギャラリーを簡単に作成することができます。
アルバム、ギャラリーテンプレート、ソーシャル共有、スライドショー、透かし、ページ送り、パスワード保護、タグ付け、フルスクリーン表示など、さらに多くの機能が追加される。
WordPressフォトギャラリープラグインのもう一つの人気はNextGEN Galleryです。WordPressで画像を表示するための多くのギャラリーレイアウトと美しいライトボックスギャラリーを提供します。
ネクストジェンギャラリーには、フォトプルーフ、プリントフルフィルメント、画像保護、Adobe Lightroomアドオン、PayPalとStripeの支払いゲートウェイなど、プロのフォトグラファーのためのパワフルな機能も含まれています。
投稿サムネイル/おすすめ画像の欠落を修正する方法
ほとんどのWordPressテーマでは、投稿記事と一緒にアイキャッチ画像を目立つように表示することができます。サムネイルが表示されないのを防ぐために、WordPressでアイキャッチ画像を設定する方法を見てみましょう。
まず、「Set Featured Image」をクリックして投稿サムネイルをアップロードします。
画像をアップロードすると、このようにおすすめ画像のメタボックスに投稿サムネイルが表示されます。
詳しくは、WordPressでおすすめ画像や投稿サムネイルを追加する方法をご覧ください。
WordPressの投稿とページにカバー画像を追加する方法
カバー画像とは、幅の広い、または全幅の画像のことで、投稿記事や長いセールスページの異なるセクションの区切りとして使用することができます。
非常に魅力的で、ユーザーが多すぎるテキストに圧倒されることなく、簡単にページをスキャンできる。
カバー画像を追加するには、コンテンツエディターにカバーブロックを追加するだけです。
次に、コンピューターから使用したい画像をアップロードするか、メディアライブラリーから選択する必要があります。画像を使いたくない場合は、背景色を表紙として選択することもできます。
ヒント: より良い結果を得るためには、大きな画像を使うのがベストです。
エディターにカバー画像のライブプレビューが表示されます。カバー画像の表示オプションは、ブロックツールバーから変更することも、右側の設定を使用することもできます。
さらに詳しく知りたい方は、WordPressのカバー画像とアイキャッチ画像の違いと効果的な使い分け方についてのガイドをご覧ください。
アイキャッチ画像が二重に表示される問題の修正方法
アイキャッチ画像をコンテンツ内に挿入するのは、初心者にありがちなミスだ。
一度アイキャッチ画像を設定すれば、コンテンツと一緒に投稿に挿入する必要はありません。
そうすることで、アイキャッチ画像が2回表示されます。1回はアイキャッチ画像として、もう1回は投稿内の画像として表示されます。
投稿の中に他の画像を追加することもできますが、おすすめ画像はアイキャッチ画像ボックスに入ります。
詳しくは、WordPress投稿でアイキャッチ画像が2回表示されるのを修正する方法をご覧ください。
WordPressで画像をトリミングする方法
携帯電話やカメラから画像をアップロードする場合、通常はサイズが大きすぎます。
WordPressは、アップロードされた画像に対して、小、中、大のサイズを自動的に作成します。しかし、時には異なるサイズで画像をトリミングする必要があるかもしれません。
WordPressはPhotoshopではないが、画像の拡大・縮小、切り抜き、反転、回転といった基本的な画像編集機能は備えている。
メディア ” 新規追加に進み、画像をアップロードしてください。画像をアップロードすると、アップロードした画像の横に「編集」リンクが表示されます。
クリックすると、メディアの編集画面が開き、画像のすぐ下に「画像の編集」ボタンが表示されます。WordPressの画像エディターが開きます。
ここから、画像プレビューの下にある「画像編集」ボタンをクリックします。画像編集画面が開きます。
画像エディター画面では、トリミング、回転、リサイズなどの基本的な画像編集作業を行うためのボタンが表示されます。
ブ ロ ッ ク エデ ィ タ を使っ てい る 場合は、 画像ツールバーのビルトイン切り抜き機能を使っ て画像を切 り 抜 く こ と がで き ます。
画像ブロックをクリックし、ツールバーの「トリミング」アイコンを選択するだけです。
その後、画像のアスペクト比やトリミングエリアをお好みに合わせて調整できます。
アスペクト比は、WordPressが定義したものでも、あなたのオリジナルのものでも、どちらでもかまいません。
より詳細な手順については、WordPressで画像を切り抜き、回転、拡大縮小、反転する方法をご覧ください。
WordPressでヘッダー画像を追加する方法
WordPressのヘッダー画像はテーマの機能です。WordPressの無料テーマやプレミアムテーマの多くは、ヘッダー画像をサポートしています。
WordPressテーマによっては、サイト全体のヘッダー画像を設定できるものもあれば、ホームページのヘッダー画像のみを設定できるものもあります。
カスタムヘッダー画像は外観 ” カスタマイズページからアップロードできます。
ブロックテーマを使用している場合、テーマのヘッダーを編集する場所は異なります。
まず、外観 ” エディターにアクセスします。
次に、『パターン』を選択する。
テーマのヘッダーパターンにアクセスできるページが表示されます。
その後、テンプレート・パーツのセクションまでスクロールダウンする。
それができたら、『ヘッダー』を選択し、ヘッダーテンプレートをクリックして編集する。
そこから、この投稿の最初のセクションと同じように、ヘッダーパターンに画像ブロックを追加することができる。
WordPressで背景画像を追加する方法
カスタムヘッダー画像と同じように、カスタム背景画像もWordPressテーマの機能です。多くのWordPressテーマはカスタム背景画像をサポートしています。
外観 ” カスタマイズでテーマカスタマイザーを起動します。背景画像オプションが表示されていれば、テーマがカスタマイザーに対応しています。
テーマの機能なので、テーマによって異なります。テーマによって、背景画像の設定オプションが異なります。
お使いのテーマが背景画像をサポートしていない場合でも、プラグインを使用してウェブサイトにフルスクリーンの背景画像を追加することができます。
WordPressで画像を最適化する方法
WordPressユーザーがよく直面する画像に関する問題のひとつに、画質を落とさずに画像を圧縮する方法があります。
最適化された画像はアップダーが早いだけでなく、フロントでの読み込みも速く、ユーザー体験を向上させ、直帰率を下げる。最適化された画像は帯域幅を消費しないため、インターネット接続に制限のあるユーザーのデータ使用量を節約することができます。
検索エンジンは、サイトのランキングを行う際、ページスピードも考慮します。最適化された画像は読み込み時間を短縮し、検索順位を上げる可能性があります。
幸いなことに、画像を最適化するのはとても簡単なことだ。必要なのは、Optimoleのような優れた画像最適化ツールを使って、画像を最適化することだけです。詳しくは、画質を落とさずに画像を最適化する方法をご覧ください。
さらに、画像の遅延ロードも検討するとよいでしょう。この方法は、ユーザーが画像の位置までスクロールダウンするまで、ブラウザーがサイト上の画像を読み込まないようにするものです。
WordPressの画像にタイトル属性を追加する方法
画像の機能には必須ではありませんが、title属性はユーザーがマウスオーバーしたときに表示される画像の簡単な説明を提供します。
これは、訪問者に追加のコンテキストを提供することにより、ユーザーエクスペリエンスを向上させることができます。例えば、美味しそうなチョコレートケーキの画像がある場合、「Homemade Chocolate Cake」のようなタイトル属性が役立ちます。
タイトル属性はWordPressのSEOにも有効です。検索順位に直接影響を与えるものではありませんが、検索エンジンが画像のコンテンツを理解しやすくなり、サイトのアクセシビリティが向上します。
手順については、WordPressで画像にタイトル属性を追加する方法をご覧ください。
WordPressブログ投稿用の無料画像を探す方法
画像は投稿を際立たせることができます。ただし、他人の著作権を尊重し、合法的に使用が許可されている画像を見つけなければなりません。
読者から、投稿に使用するロイヤリティフリーの画像を探す方法についてよく質問を受けます。
ロイヤリティフリーの画像を検索できるサイトはたくさんある。しかし、それらのサイトの画像は使い古された一般的なものであることにすぐに気づくだろう。
パブリックドメインやCC0ライセンスのフリー画像のベストソースリストをご覧ください。
また、AIを使ってユニークな画像を生成し、ビジュアルを競合他社から際立たせることもできます。
WordPressで画像を分類してタグ付けする方法
もしあなたが写真ブログを運営しているなら、WordPressでは写真や画像を並べ替える権限がありません。
画像にタグを追加して、自分やユーザーが簡単に画像を閲覧できるようになればいいと思いませんか?
幸いなことに、それを可能にする素晴らしいプラグインがいくつかあります。詳しくは、WordPressメディアライブラリにカテゴリーとタグを追加する方法の投稿をご覧ください。
写真関連のブログの場合、タグを追加するアドオンが付属しているEnviraギャラリーを使用するのが最良の設定です。
Envira Galleryは、WordPressで美しく、モバイル対応のフォトギャラリーを作成することができます。タグを使用することで、ユーザーはページをリロードすることなく、簡単に写真をフィルターしたり、並べ替えたりすることができます。
WordPressで外部画像をインポートする方法
この質問は、WordPressにサイトを移行する際によく出てきます。サイトの一部の画像がまだ古い場所を指している可能性があります。
これは、Blogger、Squarespace、WordPress.comから ブログをインポートするユーザーに特に当てはまります。
サイトの画像が正しく表示されていても、外部ソースから読み込まれています。この問題を解決するには、Auto Upload Imagesプラグインをインストールして有効化するだけです。
このプラグインは、投稿やページを更新または保存すると、外部画像をチェックします。投稿やページごとに手動で行うこともできますし、すべての投稿を一括編集して更新ボタンをクリックすることもできます。
詳しくは、WordPressで外部画像をインポートする方法をご覧ください。
WordPressで投稿にアイキャッチ画像を必須とする方法
WordPressでマルチオーサーサイトを運営している場合、投稿者の中にはアイキャッチ画像機能に慣れていない人もいるかもしれません。
このような場合、WordPressでユーザーが投稿する際には、必ずアイキャッチ画像をアップロードするように自分自身やユーザーに注意を促すとよいだろう。
これは、PublishPress Checklistsプラグインをインストールし、有効化することで可能です。
有効化すると、この投稿にはアイキャッチ画像が必須であることを知らせる赤いエクスクラメーションマークとChecklistタブが表示されます。
ユーザーと一緒に投稿を下書きとして保存することはできますが、アイキャッチ画像を追加するまで投稿を公開することはできません。
詳しくは、WordPressで投稿にアイキャッチ画像を必須にする方法の投稿をご覧ください。
WordPressで初期設定のアイキャッチ画像を設定する方法
すべての投稿や記事に最適なアイキャッチ画像を見つけるのは大変な作業です。時には、投稿にアイキャッチ画像を加えたくないのに、アイキャッチ画像がないとテーマがちぐはぐに見えてしまうこともあるでしょう。
そこで便利なのが初期設定のアイキャッチ画像です。初期設定のアイキャッチ画像は、投稿に独自のアイキャッチ画像がない場合に使われます。
Default featured imageプラグインを使って、初期設定のアイキャッチ画像を設定することができます。
詳しくは、WordPressで初期設定のアイキャッチ画像を設定する方法をご覧ください。
WordPressで追加画像サイズを作成する方法
初期設定では、WordPressはサムネイルを含め、アップロードした画像の異なるサイズを作成して保存します。WordPressのテーマによっても、異なる画像サイズが生成される場合があります。
WordPressサイトに追加の画像サイズを作成したい場合は、テーマのfunctions.phpファイルにカスタムコードを追加して登録する必要があります。
さらに詳しく知りたい方は、WordPressで画像サイズを追加する方法をご覧ください。
WordPressが画像サイズを生成しないようにする方法
先に説明したように、WordPressはアップロードした画像にサムネイル、中サイズ、大サイズなど複数の画像サイズを作成します。これらは、サイト上のさまざまなコンテキストで画像を表示するのに便利です。
しかし、カスタマイザーの画像サイズを使用している場合や、サイトのストレージ容量を最適化したい場合は、WordPressがこれらの追加サイズを生成しないようにすることができます。
この方法については、WordPressが複数の画像サイズを生成しないようにする方法のチュートリアルをご覧ください。
WordPressで画像の盗難を防ぐ方法
時々、ユーザーがWordPressサイトから画像を盗んで自分のサイトで使用することがあります。これは、特に自分で写真を撮ったり、グラフィックを作成したりする場合、非常にイライラすることがあります。
幸いなことに、右クリックを無効化し、画像に 透かしを追加し、ホットリンクを無効にし、著作権表示を追加することで、画像の盗用を防ぐことができます。
さらに詳しく知りたい方は、WordPressで画像の盗用を防ぐ方法をご覧ください。
この投稿がWordPressで最も一般的な画像の問題の解決に役立てば幸いです。また、WordPressのよくあるエラーとその対処法のリストや、サイトを成長させるWordPressプラグインもご覧ください。
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Jiří Vaněk
I really like your Gutenberg editor tutorials. I learned WordPress with Elementor and ignored Gutenberg the whole time. It’s catching up with me now when I have to make sites for people who don’t have Elementor and sometimes the items in Gutenberg are really pretty hidden. Your how to and what to do series with the block editor are great.
Mike
I am out of things to try. All of a sudden, when I upload a photo to the media, it uploads normally, but when it opens up it is a blank page.
WPBeginner Support
The most common reason for that would be if your folder permissions were acting strange, you may want to try the recommendations from our article below:
https://www.wpbeginner.com/beginners-guide/how-to-fix-file-and-folder-permissions-error-in-wordpress/
管理者
Chevonne
Hi When I upload an image to the page in edit screen it shows put when I preview the pages nothing shows. The images space is there but the website won’t display the image please help.
WPBeginner Support
If it is only on the front end of your site, you may want to check with any caching you have on your site as that would be the most likely reason for it not displaying for your visitors but will display for you.
管理者
Mickey
Hi,
I have experienced similar issues, I exported my post from another website to another new site I am building when I tried importing, it didn’t come with the featured images. So after a serious research, I realized that, I need to export both post and media as well. When I exported post and media and imported on my new site everything was fine eventually. I felt I should post it here for those having same issues.
Niek Biemond
I got a shop page and the product pictures won’t load clearly and they are all blurry but when I use the zoom tool they are fully clear ( the pics are 3000×3000 px and 300 dpi) how can I fix the render quality?
WPBeginner Support
You would want to check with your theme’s support to ensure you’re not having the images reduced due to the image sizes.
管理者
Daniel T
Is there a way of setting the thumbnail/feature image, but not having that same picture in the actual post? This seems to be standard with my Theme (or is it for all?) , but i cant find an option to change that.
WPBeginner Support
It would depend on your specific theme for how that is set.
管理者
adam smith
My site, I changed themes, but the header image doesn’t show up. I can see it in the theme options, I can crop it, I can publish it, but it just doesn’t show on the page. Help!
WPBeginner Support
For an issue like that, we would recommend reaching out to the support for your specific theme and they should be able to assist if clearing your cache does not work. For how to clear your cache you would want to take a look at our guide below:
https://www.wpbeginner.com/beginners-guide/how-to-clear-your-cache-in-wordpress/
管理者
Caroline Street
When I add featured image and then check the preview to see if everything is correct this text appears under featured image and the post text disappears?
<p value="
Please help! Thank you.
WPBeginner Support
That appears to be an issue with your theme itself, we would recommend reaching out to the support for your specific theme and they should be able to assist.
管理者
Kym
Great article – thanks!
I was looking for info on ‘missing images’
There were images on my site yesterday and today there is not!
Would you have a resource or article you could point me to please?
WPBeginner Support
For the most common reason for that, you would want to take a look at our article below:
https://www.wpbeginner.com/wp-tutorials/how-to-fix-the-http-image-upload-error-in-wordpress/
管理者
Somy
THAK YOU
I love you ..you solved all my problems
WPBeginner Support
Glad our guide was helpful
管理者
Moazzam
When I upload image from header image option in 2017 theme or even 2016 theme the next thing I see is nothing, image does not appear, only I see the select and crop button at bottom left. I’ve tried even changing browsers, using various sizes of images, small large, jpg, png…but can’t get the image. What am I missing?
WPBeginner Support
If none of the methods in this article help, you would want to try taking a look at our article below:
https://www.wpbeginner.com/wp-tutorials/how-to-fix-the-http-image-upload-error-in-wordpress/
管理者
Ken
My featured image are all of different sizes. I have set the Thumbnail size 150×150 in the Settings=> Media, but the featured image does not seem to follow any standard sizing. What could be wrong?
WPBeginner Support
You would want to reach out to your specific theme’s support and they would be able to help fix that issue.
管理者
Gaby
Hello,
I am having the worst time uploading an image that is the right size for the thumbnail photo in WordPress.
I tried changing the setting in media, the customized feature, changed in illustrator and still cannot get the main image or thumbnail to not be “zoomed” and “blurry”. Any advice?
WPBeginner Support
Reach out to the support for your specific theme you are using to ensure they’re not doing something that would be overriding what you are doing.
管理者
sachintha
Ihad a word press website , but when loading the website some images on my homepage are not loading(alt text is show on that image ). The same problem is on some article images .How am i fix this ?
WPBeginner Support
For the most common method to fix that issue, you would want to take a look at our article below:
https://www.wpbeginner.com/wp-tutorials/how-to-fix-the-http-image-upload-error-in-wordpress/
管理者
Kobby Nartey
Please my site icon is showing on every blog post as the thumbnail and not my featured image when I share it on WhatsApp. Please what should I do to make the featured image visible instead?
WPBeginner Support
You would want to reach out to your theme’s support to ensure there is not an issue with the theme itself.
管理者
Curtis
Hello,
I have a new developer working on my WordPress (Art Portfolio) site. He’s posted many horizontal images, but one kept coming up vertical. He tried and tried to post the image horizontally, but nothing worked. He checked the site and told me he saw no problems.
I then went to view my site on Chrome (I’ve always used Firefox to view it). When I got to the image, it was posted horizontally! Why would this happen?
WPBeginner Support
For that issue, you would want to take a look at our article below for the reason and how to prevent the issue
https://www.wpbeginner.com/plugins/how-to-fix-upside-down-or-flipped-images-in-wordpress/
管理者
Cur
Thank you… much appreciated!
Sivuyile
Hi there, i have a problem with displaying background images on mobile devices. all images show on all devices but background images do not show on a mobile device, i have uploaded these images for all devices (desktop, tablet, and mobile) but background images won’t show when i view my site using my mobile phone and others, they do show when i use my PC, even when i reduce my screen to mobile they show, the problem occurs only when i view the site using a mobile. Your help will be highly appreciated, thanks.
WPBeginner Support
You would want to reach out to your theme’s support for them to be able to take a look for any theme specific styling that could be causing your issue.
管理者
Ian Whyte
Thanks for a very comprehensive post on Wordpress image problems.
A short while ago I was very frustrated after loading an image onto a site.
It appeared to load fine and looked great in the Images file. However when it was looked at on the site it was slightly out of focus. Nothing I seemed to do made any change on the post.
Then an ‘expert’ whispered in my ear and said use the full sized image. Not the small or medium one which Wordpress will choose by default. Voila – once this was done the out of focus disappeared just like that.
WPBeginner Support
You’re welcome, and thanks for sharing what was able to help you with your image issue
管理者
Arun Verma
really good Article for everyone who wants to start learning something about how to use images in Wordpress, and superb stuff by sharing an outbound link of the different site for free pics.
WPBeginner Support
Glad you found our article helpful
管理者
Byron Gordon
Hello, got a question for wpbeginner.com. When you embed a link into an image in WordPress, it doesn’t seem to make the entire image clickable. For example, I’ve uploaded an image on the homepage of our website with an embedded link but when you put your mouse over the image, only the left and right portions of the image become clickable while the center portion of the image is not clickable. Is there anyway to get that fixed?
WPBeginner Support
You may want to go through our troubleshooting steps here:
https://www.wpbeginner.com/beginners-guide/beginners-guide-to-troubleshooting-wordpress-errors-step-by-step/
As that sounds like there could be a conflict with your theme or a plugin causing that
管理者
mahmoud
Hi, I am using a Publisher theme. But when I share the link on Facebook, the picture does not appear. i Use Yoast plugin too
WPBeginner Support
For that issue, you would want to take a look at our article here:
https://www.wpbeginner.com/wp-tutorials/how-to-fix-facebook-incorrect-thumbnail-issue-in-wordpress/
管理者
fereshteh
Hello
thank you for really useful article. I can see My Featured Image section but I can’t edit it when I want to change its image to new one. Is this for updating my woocommerce to new version (3.7.1)? how can I fix this? or how can I find the previous version?
WPBeginner Support
For being unable to change your featured image, you would want to start by going through our troubleshooting steps here:
https://www.wpbeginner.com/beginners-guide/beginners-guide-to-troubleshooting-wordpress-errors-step-by-step/
管理者
Lori
My Featured Images are not showing up on my Home Page. In fact, my Home Page is blank except for the right side bar, which works perfect. I’ve watched SO MANY videos and believe I have set up all my widgets correctly…I even compared my settings with another successful blogger, but my Home Page is still blank. Any suggestions? Thank you so much!
WPBeginner Support
For this question, you would want to reach out to the support for your current theme to ensure there isn’t a theme-specific setting that is overriding the default home page setting
管理者
anurag dubey
You can choose static 2 diffrent page for homepage and blog. I recommend go to reding into setting and choose your homepage display you latest post and delete the page name home and blog and then in the menu you copy your site link and make custom link and name it to home.
Robb
Thank you SOOOOO MUCH for this article!
Especially the “6. How to Fix Missing Post Thumbnails / Featured Image?” section. I’ve been pulling my hairs out about those greyed-out thumbnails on my portfolios, I’ve tried a lot a fixing routines, but this simple and effective article did the trick!
Thank you very much!
WPBeginner Support
Glad our recommendations could help
管理者
ViralMusk
Hello,
My website isnt displaying images at the front homepage, but all images appears on the post page….What’s the issue and how to resolve it
WPBeginner Support
There are multiple possible reasons, to start you would want to go through our troubleshooting guide here: https://www.wpbeginner.com/beginners-guide/beginners-guide-to-troubleshooting-wordpress-errors-step-by-step/
管理者
Dominic
Kindly advice what the issue may be image not showing on website
WPBeginner Support
There are a few possible reasons, for starting out you may want to take a look at: https://www.wpbeginner.com/wp-tutorials/how-to-fix-the-403-forbidden-error-in-wordpress/
管理者
Wendy
Hi… I am using WordPress 5.2 (latest version) and php is 7.2. I have been trying to set featured images on posts but the image is not displaying? However my images are showing for my previously loaded posts ( from several years ago) but not the two new additional posts. I upload and attach from within the WordPress Editor. I have tried everything suggested on the WP Site and other sites and cannot find any useful information, anywhere that is helping. Featured image is still not showing on pages. Do you have any insight or suggestions?
WPBeginner Support
It is hard to say the specific reason, have you had any error messages on your site or when you’re uploading the image?
管理者
Ashley
Hi! I am having difficulty editing the image that comes up when someone sends our website link via facebook or messenger, how do I change this? Thanks!
WPBeginner Support
For fixing that, you would want to take a look at our article here: https://www.wpbeginner.com/wp-tutorials/how-to-fix-facebook-incorrect-thumbnail-issue-in-wordpress/
管理者
Denise
I am using Wordpress 5.2 (latest version). I have been trying to set my featured image. I upload and attached from within the Wordpress Editor. Within moments, the featured image disappears! So does my written excerpt. I cannot find any useful information, anywhere. I have installed the Health Check plug in. I updated my PHP. I went through all of my JetPack setting. Nope. Featured image still keeps disappearing. Do you have any insight?
WPBeginner Support
It could likely be a plugin conflict. For a starting point, you would want to try the steps in our troubleshooting article here: https://www.wpbeginner.com/beginners-guide/beginners-guide-to-troubleshooting-wordpress-errors-step-by-step/
管理者
Arun Dixit
Thanks for amazing article. I am a new blogger. I use twenty seventeen theme (default wp theme). I have one image at the start of every post. (Not a featured image). I have a blog page where latest 3 posts are listed WITHOUT image I put on the post. My query is what needs to be done so that this blog page lists latest 3 posts WITH images?
awaiting reply on my above mail.
thanks again
Arun Dixit
WPBeginner Support
For the image that appears on the blog page, you would need to set the featured image on the post itself and be sure to clear any caching on your site for it to appear properly.
管理者
Alexandra
The issue I am having is with Kale (Basic) Header Image. My header image yesterday was definitely centered with the rest of my main page. Today it goes all the way to the right of the screen. It looks really unprofessional and very off centered. I can’t figure out for the life of me why this is happening.
WPBeginner Support
For errors with a specific theme, if you reach out to the theme’s support they should be able to assist you with the site not displaying correctly.
管理者
Carol
My problem is different from any of the above. I added some Amazon graphics of book covers and all was well. Now they have disappeared completely, instead little boxes show as placeholders. Clicking on a box takes you to the Amazon site, however. I had done nothing in the meantime except create content, and suddenly this happened. The html coding was added in the Text part of the page. What happened and how do I fix it?
WPBeginner Support
You may want to check your media library that the images are still there as well as ensure there hasn’t been a hiccup with your site’s file permissions: https://www.wpbeginner.com/beginners-guide/how-to-fix-file-and-folder-permissions-error-in-wordpress/
管理者
Kirtish
While trying to insert image in the middle of post, cursor auto jump to top of the page and unable to add image .Looking for help tried in explorer,chrome and firefox
Jason McGathey
Hi everyone. I’m trying to create an image with multiple links inside of it, depending upon where the mouse is clicked. I believe this is known as creating an HTML map for the image. All of the explanations seem really simple and straightforward online – and are pretty much the same wherever I go – but none of it works. Does anyone know of some common reasons why this wouldn’t work correctly on Wordpress? Someone suggested I might have an image optimization plug-in which is blocking this feature somehow. Someone else suggested I try changing themes. So far following through on these ideas hasn’t helped, however. Any advice would be appreciated!
WPBeginner Support
Hi Jason,
You can try using a plugin to achieve that. Please see our article on how to create interactive images in WordPress.
管理者
Glasgow
When sharing my blog posts, the featured image of the post doesn’t appear as the post’s favicon anymore. Can you help?
esther
I have just updated my WP theme (to Revelar). In most of my previous posts I have actually not used a featured image. Since the change, my posts display the first image twice, unless I had set a featured images- where the featured image is set, the post displays the featured images first, followed by the actual first image. I have checked the Setting for Featured Images for each post and they are empty (where not set in the past). What I would expect is the post to look as designed and the Featured image only to be visible in FB and the like. Certainly no duplication within the post. Is this an issue with that theme, or are there any other settings that I might have missed?
Molly
I’m having issues with my custom header. Ive added it to my blog and it looks perfectly fine on a desktop and tablet, but it doesn’t fit properly on a mobile. its really zoomed in and cut off. Do you have any tips/advice on how to fix this? thanks!
Dan
When I post my blog on FaceBook or Twitter, my featured image doesn’t appear; only a blank box to the left of my title. Can this be fixed?
WPBeginner Support
Hi Dan,
Please see our guide on Facebook incorrect thumbnail issue in WordPress.
管理者
Steven Green
Good article, but for some reason my photos and text are not displaying properly now when they did before. When I align left or right it shows the text next to the photo in the edit page screen (visual) but when I load the site up the text is all below the image leaving a big gap. I’d appreciate some advice please.
Thanks
Norma elliott
Hi great site and lots of helpful information. I was wondering if you would have some advice on something I’m having a problem with on my blog . I post an article and attach pictures then few weeks down the line the articles can only be viewed on large electronic devices and not mobile devices . They were seen originally on mobile devices then disappear. I have attached a plug in update which was advised by HostGator. This did not rectify anything though
WPBeginner Support
Hi Norma,
You can go go to Appearance > Themes page and then switch to a default WordPress theme like twenty seventeen. See if this solves the problem, if it does, then your theme is causing the issue and you need to find a different theme.
管理者
Hannah
All of my images, no matter where I place them on the page will only show at the top of the post when published or previewed.
How do I make them stay in place within the text?
David
I’ve scaled all my featured images down to 320 x 200 from 800 x 500, to enhance load times, but I’m not seeing any savings in Pingdom and GT Metrix.
It’s as if WordPress is telling me the images are now minute, 14 kb instead of 80 kb, but the actual full size original images are still being downloaded?
Frustrating!! Can you please advise. Thanks.
Ken James
I have an image that is 1700 X 500 of a product label I need to show clearly. I upload it at the regular size, I have my settings to accept an image this large, yet it puts a miniscule picture on the page – everytime. What do I need to do to put a picture on a page the size I want it? Is that something too difficult to ask for? Why does WP make everything so ^)&)*)_) complicated. This is basic stuff here.
Susan Dawson
On my WP site the featured image sometime needs to be a different size. It appears to be set to populate in my blog at the same size which happens most posts. But every once in a while the image comes into the blog through the featured image extra big. How can I adjust this?
Laura
Hi there, this is a great article, thanks. I’ve followed the instructions for adding a header image but all I get is grey. It thinks there is an image because it shows a thumbnail in the customization panel. What am I doing wrong? Thanks
Danielle
Hello! Thank you so much for this article. It was very helpful.
Perhaps I missed this information, but I am still having an issue.
My readers and I cannot see my sitewide banner when we access my website.
I can see the sitewide banner when I access my website from my account on WordPress but when I look at it through my phone, an incognito window, or someones else’s laptop the banner is not visible. Instead, a question mark or tiny image box is where the banner usually is.
Any suggestions on how to fix this issue would be absolutely amazing.
Thank you in advance!
Prasad Dusane
hi,
my website is not showing the images,
I deactivate wp smush, w3total catch and jetpack still this problem is happening.
please tell me what should I do?
WPBeginner Support
Hi Prasad,
Please check your file and folder permissions.
管理者
Stuart Simpson
My problem with WordPress 2017 is that the featured image appears on the blog post and website, but does not appear as a thumbnail when posting to Facebook. I have Yoast and all seems okay but when try to post, only website link appears, but no featured image!
Ali
Websites like you is the reason we use adblockers. DO NOT USE FULLSCREEN ADS
Editorial Staff
Hi Ali,
You saw a fullscreen ad on our website? We do not sell any ads of this sort.
Are you talking about our email optin exit-pop? If so that should only show once for a user.
-Syed
管理者
Shawn
Could not resist this.
States they use A Blockers, assuming. But still got a popup.
Lets ponder on that for a few here……..
Any ways… what we need is tutorials on how NOT to send your images to your web developers. Nothing beats chopped up images that generate faceless thumbs o.O. Feaken awesome when you receive camera photos, but not all the same size and odd shapes that cause faceless (Chopped at mouth in some instances) photos. WP does great thumb generation. Now to deal with user flaws.
framipek
Can you help me… i would like to delete and upload new illustration image. I start to upload to gallery and then a system goes wrong…
Uploaded file cannot be moved to wp-content/uploads/2015/11
Shannon Costill
Wow – such a great article!! Lots of tips I need to revisit later.
Do you know of a plugin that finds unused images you may have uploaded and never used?
I had a habit of doing this, not realizing it would slow down my site…. now I can’t remember what I used and what I didn’t use.
Thanks so much!
Shannon
Ehtisham
Hello there, I have posted some posts in my category and they all have featured images but they are all showing different sizes on the page…So is there any method that I can fix all of ‘em with exact one size …
Mean they all show with one size
Here it is