WordPressのCocoonで吹き出し入れたブログ作るぞ

ブログ作成

WordPressの無料スキンのCocoonは大変使いやすくてすっかり惚れてるんだけど、吹き出しの会話形式のやり取りを入れたブログを作ってみたいなと思ったので、作り方をまとめておきます。

参考にしたサイト

Cocoonの作者のわいひらさんのサイト。やっぱりわかりやすい。

自作の吹き出しを作成して利用する方法
サイト訪問者にわかりやすく表示できる吹き出し機能の利用方法です。アイコンのセリフのように表示させることで、訪問者に分かりやすく説明できるかもしれません。

アイコン画像の作り方(iPad ProでiBis Paint使用)

200×200pxのキャンバスを作る

160〜200pxサイズの正方形のアイコンを用意した方が良いそうです。とりあえず200pxサイズで新規キャンバス作成。

画像をPNGで保存する

画像を作成し、PNGで保存します。丸く切り抜かれるので、円形で切り抜かれた時にキャラクターの顔がちゃんと入っているように注意します。

設定の仕方

ダッシュボードの左側のカラムのCocoon設定→吹き出しのページ→新規作成であらかじめ使うキャラクターをいれた吹き出しのテンプレを作っておきます。

あとは記事の作成画面で、左側の+ボタンを押す→吹き出しを選択。

吹き出しの種類を変えるためには右上の歯車マーク→ブロックで、登録済みの吹き出しテンプレを選べばOK。すごい簡単。わかりやすい。喋らせる内容も変え放題。

まとめ

億ロック
億ロック

吹き出しを入れると記事に命が吹き込まれる気がする

ねずお
ねずお

だよね!わかる!!なんかさー!記事に吹き出しあるとちょっとちゃんとしたブログになった気がするやん!めっちゃするやん!吹き出し入れただけでそないに変わるの?って、やっぱ変わるやん。あと僕かわいいしこれでさらに記事読まれるわけよマジで!!

なすナス
なすナス

やっぱり、ねずおうるさい・・・

コメント

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