【ブログ】Cocoonの吹き出し画像を一括で変更する方法【ワードプレス】

Cocoonの吹き出し画像を一括で変更する方法

今回はワードプレスの無料テーマ『Cocoon』の吹き出し画像を一括で変更する方法をお話します。

続けるちゃん
続けるちゃん

そんなことができるの!?

これまで投稿してきた記事の吹き出し画像を一括で変更する。

手作業だと超大変ですが、プラグインを使うことで簡単にできちゃうんです。

プラグインを使う方法を紹介します!

この記事を読めば、『Cocoon』の吹き出し画像を一括で変更する方法がわかります。

この記事を書いた人

⚽YouTubeを3ヶ月で挫折
⚽ブログを1年7ヶ月継続
→13万PV、収益5桁
⚽「ブログ・YouTubeの続け方」を発信中

続けるくんをフォローする

Cocoonの吹き出し画像を一括変更①変更前の画像の保存場所を確認

続けるちゃん
続けるちゃん

まずは何をするの?

続けるくん
続けるくん

まずは変更前の画像の保存場所を確認するよ。

ワードプレスの管理画面から「Cocoon設定」→「吹き出し」の順にクリックします。

Cocoonの吹き出し画面の出し方

デフォルトの画像が出てくるので、自分がこれまで使っていた画像を選んで編集をクリックします。

Cocoonの吹き出し画面

今回は「おじいさん」の画像を使っていた場合で説明します。

おじいさんの編集画面を開くと、「アイコン画像」と書いてある部分の右にURLが入力されています

これが、悩むおじさんの画像の保存場所です。

Cocoonの吹き出しのおじいさんの画面

まずはこの方法で変更前の画像の保存場所を確認しましょう。

と言っても大変だと思うので、2020年現在の画像保存場所の一覧を載せておきます。

続けるちゃん
続けるちゃん

やったー!

Cocoon吹き出しのデフォルト画像の保存場所は、

あなたのサイトのURL/wp-content/themes/cocoon-master/images/画像の名前

です。

例えばこのブログ「https://kasegerusikumi.com」であれば、

https://kasegerusikumi.com/wp-content/themes/cocoon-master/images/画像の名前

となります。

続けるくん
続けるくん

「画像の名前」の一覧はこちら

Cocoonデフォルト画像の名前一覧
  • 男性「man.png」
  • 女性「woman.png」
  • ビジネスマン「b-man.png」
  • ビジネスウーマン「b-woman.png」
  • どや顔男性「doya-man.png」
  • どや顔女性「doya-woman.png」
  • 男性医「doctor.png」
  • 女性医師「doctress.png」
  • 悩むおじさん「ojisan.png」
  • 悩むおばさん「obasan.png」

これを、「画像の名前」に当てはめればOKです。

あなたのサイトのURL/wp-content/themes/cocoon-master/images/画像の名前

例えば悩むおじさん「ojisan.png」の場合、

あなたのサイトのURL/wp-content/themes/cocoon-master/images/ojisan.png

と変更すればOKです。

「あなたのサイトのURL」と「画像の名前」を両方変更したものをメモ帳などに貼り付けておきましょう。

今回はこのブログ「https://kasegerusikumi.com」で悩むおじさん「ojisan.png」の画像を変更するので、

https://kasegerusikumi.com/wp-content/themes/cocoon-master/images/ojisan.png

が画像の保存場所です。

これをメモ帳に貼り付けておきます。

続けるくん
続けるくん

これで、変更前の画像の保存場所を確認することができました。

Cocoonの吹き出し画像を一括変更②変更後の画像の保存場所を確認

続けるくん
続けるくん

変更後の画像の保存場所も確認します。

続けるちゃん
続けるちゃん

オッケー

ワードプレス管理画面の「メディア」→「新規追加」の順にクリックします。

ワードプレスに画像を追加

「ファイルを選択」をクリックし、変更後の画像を選択してアップロードします。

続けるくん
続けるくん

画像の名前はアップロード前にわかりやすく変更しておくのがおすすめ。後から管理が楽になります。

ワードプレスに追加する画像を選択

今回は管理人がいつも使っている「ブタ貯金箱のアイコン」に変更します。

画像を選択すると以下のような画面になるので、右側にある「編集」をクリックします。

ワードプレスに追加する画像を選択肢終わった画面。

右上の枠に入力されているのが変更後の画像の保存場所です。

これもメモ帳などに貼り付けておきましょう。

アップロードした画像の保存場所を確認

ちなみに、この画面は「メディア」→「画像のタイトル名」(「編集」でもOK)の順でクリックするといつでも開くことができます。

画像の保存場所はここからでも確認できる。
続けるくん
続けるくん

これで、変更元画像と変更後の画像の保存場所が確認できました。

Cocoonの吹き出し画像を一括変更③プラグイン『Search Regex』をインストール

続けるちゃん
続けるちゃん

プラグインの・・・何だっけ?

プラグイン『Search Regex』をインストールします。

ワードプレスの管理画面で、「プラグイン」→「新規追加」の順にクリックします。

右上の検索欄に「Search Regex」と入力。

検索結果が表示されるので、Search Regex「今すぐインストール」→「有効化」の順にクリック

「Search Regex」のインストール方法

プラグイン『Search Regex』がインストールできました。

続けるくん
続けるくん

プラグイン『Search Regex』は、画像だけでなく文字の一括変更もできる便利なプラグインですよ。

Cocoonの吹き出し画像を一括変更④『Search Regex』で吹き出し画像の一括変更

続けるちゃん
続けるちゃん

よし、いよいよ吹き出し画像の一括変更だ!

続けるくん
続けるくん

ちょっと待ってね。ここで1つ大事な話があります。

プラグイン『Search Regex』を使用する前には必ずサイトのバックアップを取りましょう。

便利なプラグインですが、それだけ操作ミスや想定外の事態が発生した時の影響も大きいです。

続けるちゃん
続けるちゃん

一括変更を使う前にはバックアップ。気をつけるね。

ワードプレス管理画面の「ツール」→「Search Regex」の順にクリック

使い方は簡単で、

「検索」の右の枠に、『変更前の画像の保存場所』を入力
「置換」の右の枠に、『変更後の画像の保存場所』を入力

「検索」の枠に入力した画像→「置換」の枠に入力した画像に一括で変更されます。

「Search Regex」の使い方
続けるくん
続けるくん

メモ帳に貼り付けておいた、変更前の「悩むおじさん」の保存場所を上の枠に、変更後の「ブタの貯金箱」の保存場所を下の枠に入力します。

上の枠に悩むおじさんの保存場所「https://kasegerusikumi.com/wp-content/themes/cocoon-master/images/ojisan.png」を入力

下の枠にブタの貯金箱の保存場所「https://kasegerusikumi.com/wp-content/uploads/2020/06/test.png」を入力

「検索」をクリックすると、画像一括変更に該当する記事が表示されます。

「Search Regex」で画像の一括変更
続けるくん
続けるくん

さっと目を通して、明らかにおかしい部分がないことだけ確認しましょう。

「全て置換する」をクリックすると、画像の一括変更が始まります

「Search Regex」で画像の一括変更

この状態になったら画像の一括変更の完了です。

「Search Regex」で画像の一括変更が完了した画面

実際の記事を見てみると、

一括変更前の吹き出し画像はこの状態。

「Search Regex」による画像の一括変更前

「悩むおじさん」→「ブタの貯金箱」に一括変更した後はこの状態になりました。

「Search Regex」による画像の一括変更後

無事に吹き出し画像が一括変更できていますね。

続けるちゃん
続けるちゃん

すごい!画像が簡単に一括変更できちゃった!

Cocoonの吹き出し画像を一括変更する方法まとめ

この記事では『Cocoon』の吹き出し画像を一括で変更する方法をお話しました。

『Cocoon』の吹き出し画像を一括で変更する方法
  • 変更前の画像の保存場所を確認
  • 変更後の画像の保存場所を確認
  • プラグイン『Search Regex』をインストール
  • 『Search Regex』で吹き出し画像の一括変更

便利なプラグインほど、内部データの動きが見えにくく危険性が高いとも言えます.。

使用前には必ずバックアップを取り、便利な『Search Regex』を上手に使いましょう。

続けるくん
続けるくん

一括変更前にはバックアップ。
忘れないでね!

続けるちゃん
続けるちゃん

任せといて!

  • 「YouTubeの続け方」が無料で読める本になりました!

YouTubeは9割以上が挫折する世界
あなたが成功するために必要なのは、ノウハウではなく継続力です

あなたが1年先までYouTubeを続けて結果を出す

そんな未来が、今だけ無料で手に入る。

YouTubeの続け方
表紙は自分で作ってみました

“全てのYouTube初心者に読んでほしい”
そんな想いで生まれた一冊。

・ここでしか手に入らない完全オリジナル情報
努力も我慢も必要ない「凡人の続け方」
・YouTubeを続けて現実的に上位10%を目指せる
1年7ヶ月かけた研究の成果を全て公開
28,000文字の大ボリューム
・Kindle Unlimitedなら無料で読める!

本書はキンドルの「読み放題」に登録してあるので、「Kindle Unlimitedの30日間無料体験」に登録すれば無料で読むことができます!

Kindle Unlimitedに登録したら、本の販売ページから「読み放題で読む」をクリックすれば本書を無料で読むことができます。

「YouTubeの続け方」を読む方法
Amazonで「YouTubeの続け方」と検索しても出てきます
続けるくん
続けるくん

もちろん、無料期間中にキャンセルすれば料金は一切かかりません。キャンセルの方法も載せておきます。

Kindle Unlimitedの解約方法はこちら

キンドルの「読み放題」には他にも魅力的な書籍がたくさん!
無料期間中に読みたいおすすめ書籍も紹介します。

出版者の判断で無料から有料へ変わることもあるので、気になる書籍があれば早めに読んでおきましょう。

  • たくさんの反響ありがとうございます

おかげさまで『YouTubeの続け方』がたくさんの方に届き、嬉しい評価もいただいております。

レビューや評価を通して、僕もやる気をもらっています。
本当にありがとうございます

お互い、これからも情報発信を続けていきましょう!
本書が少しでもあなたの役に立てば幸いです。

この記事を書いた人

⚽YouTubeを3ヶ月で挫折
⚽ブログを1年7ヶ月継続
→13万PV、収益5桁
⚽「ブログ・YouTubeの続け方」を発信中

続けるくんをフォローする
ブログ
続けるくん

コメント

タイトルとURLをコピーしました