[Å] 「AppHtmlメーカー」のリンク切れで表示されない件→バックアップ初の私も修正できた

こんにちは、一期一会のアカメ(@mk_mizuho)です❦ 昨日、AppStore側の都合で突然今までブログで紹介していたアプリの表示が変なことに…画像のリンク先が変わったようです。正しい表示に戻すにはどうやら画像のリンク先の修正が必要みたい。全置換で直せるという記事を見かけ、バックアップなんて取ったこともない私も不安ながら決行!

突然の変更でアイコンの表示が…

ブログを見返しているとあれ?表示が変。イメージが映ってない。

ネットワークの調子が悪いんだなっとそこまで気にしていなかった私。でもTwitterでも話題になってることを気づく。どうやらネットワークのせいではなく、根本的な問題。仕様が変わったということで対応せねば…。

「全置換…失敗したらやばい。」正直それしか頭に浮かばなかった。バックアップを取ればいいんだろうけど、データベースのバックアップって?取ったことないからわからない。そんな私が頑張って表示を正しくした方法です。

アイコンを正しく表示させる方法(WordPress対象)

流れ

1.WordPressのバックアップを取る(置換に失敗した時に元に戻せるように)

2.Search RegexというWordPressのプラグインをインストール

3.テキストを置き換え、アイコンを正しく表示する

WordPressのバックアップを取る

バックアップを取ったことのない私は何をどうしたら良いかも不明。とりあえずFTPからブログを構成しているデータ(テーマや画像など)を丸ごとローカルへ。

調べてみるとワードプレスはこの他にもデータベースからデータをローカルに落とす必要があることを知る。私は「phpMyAdmin」というのを使っていたのでこの記事を参考に進行。

データベースのエクスポート – phpMyAdminの使い方

.sqlというファイルがエクスポートされた。本当にこれで上手く取れているのかはかなり心配だったけど、とりあえずバックアップ作業をやめ、次のステージへ。

「Search Regex」をインストール

「記事内検索、記事内置換を可能にする」プラグイン。使ってみると本当に便利だと実感します。今回だけではなく、今後もタグの置換などで重宝しそう(^^)

ダウンロード:Search Regex

テキストを置き換え、アイコンを正しく表示する

今回画像が上手く表示されていない原因はリンク切れ。ということなのでリンクを新しいものにしてあげます。

プラグインの設定をする場所は左メニュー内のツール。

表示された前使用していたリンクを新しいリンク先に置換する。

Tunesで見る(ブルーのボタン)

前:http://r.mzstatic.com/htmlResources/2338/images/viewinitunes_jp.png
新:http://s.mzstatic.com/htmlResources/E6C6/web-storefront/images/viewinitunes_jp.png

星マーク

前:http://r.mzstatic.com/htmlResources/63F7/images/rating_star.png
新:http://s.mzstatic.com/htmlResources/E6C6/web-storefront/images/rating_star.png

半分の星マーク

前:http://r.mzstatic.com/htmlResources/63F7/images/rating_star_half.png
新:http://s.mzstatic.com/htmlResources/E6C6/web-storefront/images/rating_star_half.png

ゲームセンターアイコン

前:http://r.mzstatic.com/htmlResources/63F7/images/gc_badge.png
新:http://s.mzstatic.com/htmlResources/E6C6/web-storefront/images/gc_badge.png

ユニバーサルに対応しているアプリ

前:http://r.mzstatic.com/htmlResources/63F7/images/fat-binary-badge.png
新:http://s.mzstatic.com/htmlResources/E6C6/web-storefront/images/fat-binary-badge-web.png

バックアップを使うこと無く、あっという間に操作完了です(´∀`∩)

いやー無事に置換出来て良かった。これでしばらくは大丈夫かな。

最後に

私が今回の問題を知るきっかけとなったのはTwitter。@kuracyanさんのツイートが偶然TLに入ってきたのが始まりで。良記事も一緒にツイートされていたので私も実行。こうした突発的問題の際に迅速にブックマークレットを対応してくださった@hiro45jpさんや対応策をまとめてくださった@hondamarlboroさんには本当に感謝です。ありがとうございます!昨日はプロの方の凄さを肌で感じた瞬間でした。ではではー@mk_mizuhoをよろしくお願いします。

参考にさせていただいたサイト

解決策がまとめられていました

ブックマークレット《AppHtmlメーカー》のリンク切れ対応版リリースとWordPress一括変換方法 | 代助のブログ

「Search Regex」の使い方を丁寧にまとめてくださってます

【WordPress】全記事から検索して一括置換出来るプラグイン「Search Regex」が素晴らしい | nori510.com

再度ブックマークレットを登録する時に使用

Bookmarkletリンク集
Bookmarkletリンク集 …

くれぐれも置換する際は自己責任でお願いします。バックアップを取るのもお忘れなく。

■ 同じカテゴリについてもっと読む

ブログ運営者をフォローする!

\ この情報を周りの人にも教える /

アイコンイメージ修正前
プロフィールあかめの画像
あかめAkame Mizuho
横浜在住。フリーランス。
食べ歩き / 旅行 / カメラ / WEBデザイン 好き。

プロフィール / お問い合わせ

個人アカウント(メイン)▼

ブログ公式アカウント▼