ブログのドメイン変更をしてから、しばらくは画像が表示されていたようですがある時から、画像が表示されているはずの個所にこのようなメッセージが表示されて画像が表示されていないのです…
「画像に alt属性が指定されていません。 ファイル名：〇〇〇.jpg」
うわー！
alt属性とは
alt属性とは、何らかの理由でweb上で画像が表示できない時に、その画像の代わりに表示されるものらしいです。
また音声でブラウザを読み上げる際にも、その画像の個所ではalt属性で設定したテキストが読み上げられることになります。
つまり今回のケースでは何らかの理由で画像を表示できなくなって、かつalt属性を設定していなかったため「この画像にはalt属性が指定されていません」と表示されたようです。
だからalt属性は別に画像が表示されない根本的な理由ではありませんでした。
画像のアドレスがドメイン変更後のサーバーを参照してなかった
ドメインを変更したのですが（yamac909.xyz ⇒ yamac909.com）、画像のURLがドメイン変更後に変更できていなかったのが原因のようです。
修正の仕方は、画像の三つの点をクリックして、「HTMLとして編集」をクリック。
すると画像のURLが古いhttps://yamac909.xyz のままであることがわかりました。
画像の参照URLを新しいドメイン名に手直し
画像のURLをhttps://yamac909.com に修正しました。
ビジュアル編集に画面を戻して確認してみます。
すると以前のように画像が表示されるようになりました。
データベースのSQLで一括変更する方法【ロリポップの場合】
ロリポップ！ユーザー専用ページから、ログインします。
データベース⇒phpMyAdimを開く をクリック
phpMyAdimにログインします
wp〇〇〇〇〇_postsのテーブルを開きます。
編集ボタンをクリックすることで各列の内容が見ることができると思います。
post_contentの
img src=”http://yamac909.xyz/wp-content/uploads/2021/03/DSC_0352-1024×576.jpg” alt=””
これが旧ドメイン名を指定したままになっています。
これをSQL文で一括に変更したいと思います。
上段のメニュー内の【SQL】のタブをクリックします。
まず変更すべき対象となるデータがどれだけあるか確認したいと思います。
SELECT * FROM wpXXXXXXXXXXX_posts where post_content like ‘%yamac909.xyz%’;
上のSQLを入力し、実行しました。
いよいよ、実際の更新のSQLを実行させてみます。
UPDATE文の中で使ったのはREPLACE関数、これは引数に指定された文字列の中に含まれる指定の文字列を、新たな文字列に置き換えた文字列を取得するものです。
下記のSQL文になります。
UPDATE wpXXXXXXXXXXX_posts SET post_content=REPLACE(post_content,’yamac909.xyz’,’yamac909.com’) where post_content like ‘%yamac909.xyz%’;
これが正しく実行されれば、画像データの参照URLが新ドメイン名に変更されていると思います。
実際にいくつか記事を開いてみて、画像が表示されるようになったことを確認します。
コメント