読者です 読者をやめる 読者になる 読者になる

チャレンジの行く末

数々のチャレンジ&数々の失敗を赤裸々に記録していきます

ブログ初心者の備忘録ー画像タグのテキストを簡単に変更するやり方-

こんにちは、ぴるくるです。

先日の続きになるのですが、"alt"と"title"のテキストを変えるのって大変ですよね。

www.urukurip.com

そこで私なりの簡単な変更の仕方をご紹介したいと思います。

※注意

必ずバックアップを取ってから作業してください

トラブルには一切責任を負いかねますのでご了承ください 

タイトル

やりかた

  1. HTML編集画面より、すべてコピー(ctrl+A→ctrl+C)*1する
  2. エクセルに貼りつける(ctrl+V)
  3. 「置換」(ctrl+H)画面を出す
  4. 「検索する文字列」に「title="~"」を、入力し数字のところの最後から5~7ケタぐらいを*に書き換える
  5. 「置換する文字列」に~部分を画像の説明+ナンバリングを入力する
  6. 「次を検索」(alt+F)→「置換」(alt+R)で変更する
  7. 5と6を繰り返す
  8. titleをaltに変えて同じように変更する
  9. すべて変更できたらブログのHTML編集画面にすべてコピーして貼りつけます

以上、お分かりいただけたでしょうか?

図解

つたない説明で理解に苦しんでいたらすみません。図解を載せてみますので、参考にしてみてください。

2.エクセルに貼りつける(ctrl+V)

タイトル変更の仕方1

3.「置換」(ctrl+H)画面を出す

4.「検索する文字列」に「title="~"」を、入力し数字のところの最後から5~7ケタぐらいを*に書き換える

タイトル変更の仕方2

5.「検索する文字列」に「title="~"」を、入力し数字のところの最後から5~7ケタぐらいを*に書き換える

タイトル変更の仕方3

タイトル変更の仕方4

これを繰り返ししていくと

コレ↓が

タイトル変更の仕方5

こう↓なります

タイトル変更の仕方6

この作業できちんとブログに反映させることができました。

参考までにご確認ください↓

www.urukurip.com

考察

時間のある時はtitleの説明考えるのは簡単なのですが 、時間がないときはaltとtitleを同じテキストにしてしまってもいいと思います。実際amazonなどのリンクタグを見てみても"alt"と"title"は同じテキストを使っているみたいですから。

ただ読みあげしても違和感のないようにナンバリングは必要かなと思います。

まとめ

実はこの記事一回消してしまったのです。

参考資料作りがてらこの記事を書いていて、ハロウィンのデータをそのままこの記事のHTML編集画面にコピペして、ちゃんと確認しないまま下書きを更新してしまったのです。

また、エクセルに慣れていない人は操作の仕方に戸惑って変なところも変えてしまう可能性がありますので、必ずエクセルのsheet1に元のHTMLを貼って、sheet2に編集用のHTMLを貼るなどの処置をしたほうがいいです。本当に!

上にも書きましたが、どんなトラブルも一切責任を負いかねますのでご了承ください。

他にも便利なやり方があるのかもしれませんが、それでもやってみよう!と思われる方がいらしたら、ぜひチャレンジしてみてくださいね!

*1:()はエクセルのショートカットです

スポンサーリンク