新しいアイコンを利用した「吹き出しデモ」を手っ取り早く登録する方法

Tips
この記事は約3分で読めます。

v0.7.0より、デフォルトの吹き出しアイコンが変わりました。

ただ、以前のバージョン既に使っている方は、新しいアイコンを使用したデモ吹き出しは登録されません。

新しいアイコンを利用する場合は、以下からダウンロードして登録する必要があります。

吹き出し用イラストのダウンロード
吹き出しアイコン用のイラストダウンロードページです。

ただ、「吹き出しデモを手っ取り早く登録したい」なんて方もおられると思うので、その方法を記しておきます。

\エックスサーバー開発のWordPressテーマ/
エックスサーバー開発のWordPressテーマ

新しい吹き出しデモを登録する方法

手順ごとに説明します。

Cocoonをアップデート

まずは、Cocoonをアップデートしてv0.7.0以上にする必要があります。

テーマのダウンロード
Wordpressテーマ「Cocoon」の親テーマと子テーマのダウンロードページです。

自動アップデートできる場合は、それでもOKです。

テーマが自動アップデート機能で最新版に更新

コードの記述

次に、テーマ(子テーマ)のfunctions.phpに以下のように記述します。

//簡易的に吹き出しアイコンをデータベースに登録する処理
add_action( 'admin_print_styles', 'add_speech_baloon_demos_install' );
function add_speech_baloon_demos_install() {
  if (is_speech_balloons_table_exist()) {
    global $wpdb;
    $query = "SELECT COUNT(id) FROM ".SPEECH_BALLOONS_TABLE_NAME.
      " WHERE icon LIKE '".SB_IMAGE_DIR_URL."%';";
    $count = intval($wpdb->get_var($query));
    if ($count < 10) {
      add_default_speech_balloon_records();
    }
  }
}

Wordpressのfunctions.phpを編集する前は、編集前に必ずバックアップを取って保存してください。もし編集後、エラーが出るようでしたら、バックアップファイルを元に復元してください。

管理画面にログインする

最後に、管理画面にログインして、「Cocoon設定→吹き出し」を開けば、以下のようにデモが登録されているかと思います。

吹き出しデモ見本

functions.phpに記述したコードの削除

最後に、テーマ(子テーマ)のfunctions.phpに先程記述したコードを削除してください。

一応コードには、簡易的に「2回以上登録されないような処理」は書いてありますが、functions.phpから削除するの忘れないでください。

吹き出し見本

登録される吹き出しのデモはこちら。

男性のセリフ

女性のセリフ

ビジネスマンのセリフ

ビジネスウーマンのセリフ

おじさんのセリフ

おばさんのセリフ

男性医師のセリフ

女性医師のセリフ

どや顔男性のセリフ

どや顔女性のセリフ

もちろん、設定で表示形式は自由に変更できます。

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