–
![](https://sazano123.com/wp-content/uploads/2023/07/image-13-1-300x158.webp)
ワンクリックアクションの
説明する前に
ボタンの作り方、
やっといた方が良いと思った。
![男子C](https://sazano123.com/wp-content/uploads/2021/04/2_144-1-300x300.png)
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
画像添えて、
文字入れるだけですか?
簡単に言うけど、
慣れてないと
結構面倒だからな…?
![男子C](https://sazano123.com/wp-content/uploads/2021/04/5_144-1-300x300.png)
使うツール(Canva)
Canvaを使いますが、
パワーポイントや他ツールでも可能!
簡単にコラージュして画像を作る系のツールならOK
ツールは、
例の如くCanvaだ
![男子C](https://sazano123.com/wp-content/uploads/2021/04/1_144-300x300.png)
![](https://sazano123.com/wp-content/uploads/2023/06/image-30-3-1024x538.webp)
有料使っているけど、
ソシャゲの課金的な恩恵が
あるだけだから
無料でOK!
![男子C](https://sazano123.com/wp-content/uploads/2021/04/1_144-300x300.png)
–
–
岸の例えを真似したけど
これ分かりやすいな
これからこれ使うわ
![男子C](https://sazano123.com/wp-content/uploads/2021/04/5_144-1-300x300.png)
画像のサイズ
自由ですが、
500(横)×300(高さ)
で行っています。
まず、
デザインを作成を
クリック
![男子C](https://sazano123.com/wp-content/uploads/2021/04/2_144-1-300x300.png)
![](https://sazano123.com/wp-content/uploads/2023/07/image-72-1-1024x538.webp)
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 通常-2-254x300.png)
押しました
OK、それなら
カスタムサイズをクリックで
![男子C](https://sazano123.com/wp-content/uploads/2021/04/2_144-1-300x300.png)
![](https://sazano123.com/wp-content/uploads/2023/07/image-73-1024x538.webp)
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
クリックしました。
サイズどうしますか?
幅500の、
高さ300で!
![男子C](https://sazano123.com/wp-content/uploads/2021/04/2_144-1-300x300.png)
![](https://sazano123.com/wp-content/uploads/2023/07/image-75-1024x538.webp)
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 通常-2-254x300.png)
出来ました
なら、
新しいデザインを作成を
クリックで!
![男子C](https://sazano123.com/wp-content/uploads/2021/04/1_144-300x300.png)
![](https://sazano123.com/wp-content/uploads/2023/07/image-74-1024x538.webp)
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
編集画面になりました
![](https://sazano123.com/wp-content/uploads/2023/07/image-76-1024x538.webp)
OK、
なら後は素材足して、
文字出すだけだな
![男子C](https://sazano123.com/wp-content/uploads/2021/04/1_144-300x300.png)
素材の出し方
右のメニューバーから「素材」をクリックし、
検索に「ボタン」と入れて検索。
その中から好きな画像を選んでクリックしてください
素材は
素材を押す。
![男子C](https://sazano123.com/wp-content/uploads/2021/04/1_144-300x300.png)
![](https://sazano123.com/wp-content/uploads/2023/07/image-77-1024x538.webp)
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 通常-2-254x300.png)
そのままですね、
説明とは
素材は素材だろ
![男子C](https://sazano123.com/wp-content/uploads/2021/04/2_144-1-300x300.png)
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 不安-2-257x300.png)
‥‥はい
–
–
で、”素材検索”の部分に
「ボタン」と打って
Enter押して
![男子C](https://sazano123.com/wp-content/uploads/2021/04/1_144-300x300.png)
![](https://sazano123.com/wp-content/uploads/2023/07/image-78-1024x538.webp)
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
ボタンっぽい画像が
沢山出てきました。
イラストっぽいボタンが
もう少し見たいから
グラフィック右にある
「すべて表示」を選択して
![男子C](https://sazano123.com/wp-content/uploads/2021/04/1_144-300x300.png)
![](https://sazano123.com/wp-content/uploads/2023/07/image-79-1024x538.webp)
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
イラストのボタンが
沢山出てきますね
その中から良さそうなのを
クリックして
![男子C](https://sazano123.com/wp-content/uploads/2021/04/2_144-1-300x300.png)
![](https://sazano123.com/wp-content/uploads/2023/07/image-80-1024x538.webp)
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
クリックしました
![](https://sazano123.com/wp-content/uploads/2023/07/image-81-1024x538.webp)
OK、これで素材は完了
次は文字だな
![男子C](https://sazano123.com/wp-content/uploads/2021/04/1_144-300x300.png)
ボタンの上に文字を乗せる
次に文字の出し方も
テキストをクリックで
![男子C](https://sazano123.com/wp-content/uploads/2021/04/1_144-300x300.png)
![](https://sazano123.com/wp-content/uploads/2023/07/image-82-1024x538.webp)
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
分かりました
これは自由で良いけど
大きいから”見出しを追加”が
おすすめ
![男子C](https://sazano123.com/wp-content/uploads/2021/04/2_144-1-300x300.png)
![](https://sazano123.com/wp-content/uploads/2023/07/image-83-1024x538.webp)
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 通常-2-254x300.png)
では、
見出しを追加しました。
![](https://sazano123.com/wp-content/uploads/2023/07/image-84-1024x538.webp)
あとは
このボタンについての
説明とかを書いて!
![男子C](https://sazano123.com/wp-content/uploads/2021/04/2_144-1-300x300.png)
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
はい
![](https://sazano123.com/wp-content/uploads/2023/07/image-85-1024x538.webp)
押すと、
SANが減るコマンドだな…?
![男子C](https://sazano123.com/wp-content/uploads/2021/04/5_144-1-300x300.png)
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
安心してください
![](https://sazano123.com/wp-content/uploads/2023/07/image-86-1024x538.webp)
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
本来の表記通り、
正気度にしようか迷ったので、
ちゃんと二つ作ってますよ?
そういう問題じゃないな?
![男子C](https://sazano123.com/wp-content/uploads/2021/04/2_144-1-300x300.png)
保存し方
共有→ダウンロード→背景透過
(背景透過は有料なので、無料ツールを使ってもOK)
ダウンロードのやり方に
すぐ飛べるようになってるから
ダウンロード分からない場合は
こっち参照して
![男子C](https://sazano123.com/wp-content/uploads/2021/04/1_144-300x300.png)
![](https://sazano123.com/wp-content/uploads/2022/11/image-56-4.webp)
クリックアクション機能で何が出来るようになったの?
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
ボタンで色々出来る様に
なったと言いますが、
具体的には何が出来るんですか?
![](https://sazano123.com/wp-content/uploads/2023/07/image-13-1-300x158.webp)
コマンドが
秒で出せるようになったのが
大きいから、
コマンド一覧もあげておく
![男子C](https://sazano123.com/wp-content/uploads/2021/04/1_144-300x300.png)
ココフォリアコマンド一覧
スラッシュコマンド例(ココフォリアのプロ専用)
/play [URL] 動画(Youtube)
/pdf [URL]
/omikuji おみくじが引けます
普通のコマンド(ココフォリアのアマチュアも可)
:HP-1 (HP以外にも、こっそり何かをカウントする時などにも使える)
@[表情・カットイン] @を付けるとココフォリア上に
その後ろの文字が表示されなくなる
/scene [シーン名] シーン変更
2023年7月7日の記事より↓の為、変動はあるかも知れません
![](https://pixiv.pximg.net/c/1200x630_90_a2_g5/fanbox/public/images/creator/34024211/cover/e2BBMYPuWnBdZQjLjW64Rx3A.jpeg)
![](https://downloads.fanbox.cc/images/post/6303861/c/1200x630/aTzMfneNelRUD33BNTJEzUHK.jpeg)
上記にて
“CCFOLIA PRO の利用者は、チャット上で以下の特別なコマンドを利用することができます。”とは書いていますが、7/7より/sceneは可能とのことです。
十字キー便利素材
【無料】方向ボタン&十字キー【画像素材】
![](https://sazano123.com/wp-content/uploads/2023/07/image-69-1.webp)
共鳴判定素材-クリックアクションで便利に!
![](https://sazano123.com/wp-content/uploads/2023/07/image-2023-07-22T233009.383.webp)
効果音ラボ:足音での検索結果
![](https://sazano123.com/wp-content/uploads/2023/07/image-70-1.webp)
関連記事
–
–