AFFINGER メイン

2022/1/14

【AFFINGER6(アフィンガー6)使い方】〜トップページのカスタマイズ〜 流れる文字の表示方法

【AFFINGER6(アフィンガー6)使い方】〜トップページのカスタマイズ〜 流れる文字の表示方法 みなさん、おはこんばんは😊今回は、トップページに流れる文字を表示する方法について解説します☺️動くものにはついつい目がいってしまいます✨ぜひ、素敵なブログのコンセプトやお知らせの一つに活用して、お好みのトップページを作ってみてくださいね🤗 こんな感じに流れる文字を加えることが簡単にできます😊ついつい見ちゃいませんか?? ...

続きを読む

メイン 副業

2022/5/6

話題の副業〜スポットワーク(SpotWORK)〜をやってみた!

話題の副業〜スポットワーク(SpotWORK)〜をやってみた! 話題の副業〜スポットワーク(SpotWORK)〜をやってみた! スポットワーク(SpotWork)って?  スポットワーク(SpotWORK)とは、SpotWORK株式会社さんが行っている、スキマ時間を使って簡単にできるモバイルバッテリーを移動させるお仕事です。 モバイルバッテリーが十分足りている場所で回収作業をし、そのモバイルバッテリーを不足している場所へ補充をする作業。また、機械が汚れていれば、簡単に掃除をすることもあります。  まずは、 ...

続きを読む

でVlog メイン

2021/12/28

【糖質制限ダイエットのやり方】#1 44日間で10.1kg減量達成

【糖質制限ダイエットのやり方】#1 44日間で10.1kg減量達成 【糖質制限ダイエットのやり方】#1 44日間で10.1kg減量達成 身長・体重 身長:180cm 体重:100.5kg(ダイエット開始時) これまでの最高体重は103kgくらいだった気がします。 糖質制限ダイエットの成果 44日間で10.1kg減の記録 ※ダイエット開始の11月13日の100.5kg時の写真は撮ってません。 お腹周りは減ってくるのは最後なので、10kg減っていてもあまり違いが分かりませんね。 実際の数値とグラフはこちら 食 ...

続きを読む

でVlog メイン

2021/12/27

[24時間365日、自分の好きな時に好きな場所で働ける!BIZcomfortが汐留にOPEN] BIZcomfort ザ ロイヤルパークホテル アイコニック 東京汐留

24時間365日、自分の好きな時に好きな場所で働ける!BIZcomfortが汐留にOPEN BIZcomfort ザ ロイヤルパークホテル アイコニック 東京汐留 みなさん、おはこんばんは😊今回は、ただのでぶもちょー愛用しておりますBIZcomfortの記事です✨ BIZcomfortさん、やってくれましたね😭めちゃくちゃ最高な拠点じゃないですか!!!!!!!!2021年12月22日に「BIZcomfort ザ ロイヤルパークホテル アイコニック 東京汐留」が ...

続きを読む

AFFINGER メイン

2021/12/27

【AFFINGER6(アフィンガー6)使い方】〜トップページのカスタマイズ〜スライドショーの下にお知らせを挿入する方法

【AFFINGER6(アフィンガー6)使い方】〜トップページのカスタマイズ〜スライドショーの下にお知らせを挿入する方法 みなさん、おはこんばんは😊今回は、なんと初めてコメントを頂けましたので、そちらの質問について解説していきます☺️ 質問:「スライドショーの下にお知らせを入れることは可能でしょうか」 可能です😊ウィジェットの機能を使うことで、実現ができます✨ぜひ、参考にしてお好みのトップページを作ってみてくださいね🤗 ...

続きを読む

AFFINGER メイン

【AFFINGER6(アフィンガー6)使い方】吹き出し・会話アイコンの使い方・設定・カスタマイズ方法

【AFFINGER6(アフィンガー6)使い方】吹き出し・会話アイコンの使い方・設定・カスタマイズ方法

みなさん、おはこんばんは🤗
今回は、この会話アイコンの吹き出しについて解説していきます✨
記事のアクセントにもなりますので、ぜひ活用して見てください☺️

【AFFINGER6(アフィンガー6)使い方】吹き出し・会話アイコンの使い方・設定・カスタマイズ方法①

それでは、解説していきますね✨

【AFFINGER6(アフィンガー6)使い方】吹き出し・会話アイコンの使い方・設定・カスタマイズ方法

AFFINGER6でブロックエディタになったことで、直感的に簡単に使えるようになった印象です。

まずは、会話アイコンの設定をしていきましょう。

step
A
ホームの"AFFINGER管理" "会話アイコン" "会話アイコン設定" と進む

【AFFINGER6(アフィンガー6)使い方】吹き出し・会話アイコンの使い方・設定・カスタマイズ方法②

step
B
"アップロード"から会話アイコンを選択し、会話アイコンに名前をつけましょう

【AFFINGER6(アフィンガー6)使い方】吹き出し・会話アイコンの使い方・設定・カスタマイズ方法③

step
C
stepBの作業を会話アイコンが8つ設定できるので、8つとも行いましょう

おすすめ!アイコン素材探し①

「かわいいフリー素材集 いらすとや」

https://www.irasutoya.com

私もいらすとやさんから出張しております。

あざらしくん

みなさまご存じかと思いますが、「こういうイラストが欲しな♪」というものが網羅されてますよね☺️
ぴったりのアイコンが見つかると思いますよ✨

おすすめ!アイコン素材探し②

「かわいいフリー素材 素材のプチッチ」

http://putiya.com

も〜は素材のプチッチさんから出張しているも〜。

うしくん

かわいい系のイラストの宝庫です😊
昔から愛用させてもらってます✨

このアイコンは、有料でココナラを利用して描いてもらいました。
オリジナルアイコンを作ってもらうのはとっても楽しかったです☺️
興味ある方は、より覗いて見てください✨

step
D
会話アイコンへの装飾を選択し、最後に"Save"をクリックで完力です

【AFFINGER6(アフィンガー6)使い方】吹き出し・会話アイコンの使い方・設定・カスタマイズ方法④

会話アイコンを少し動かす

"会話アイコンを少し動かす"にチェックを入れると、こんな風に頑張って動きます☺️

ぺんぎんくん

会話アイコンを少し大きく

【AFFINGER6(アフィンガー6)使い方】吹き出し・会話アイコンの使い方・設定・カスタマイズ方法⑤
"会話アイコンを少し大きく"にチェックなし
【AFFINGER6(アフィンガー6)使い方】吹き出し・会話アイコンの使い方・設定・カスタマイズ方法⑥
"会話アイコンを少し大きく"にチェックあり

続いて、ホームから"外観"→"カスタマイズ"→"会話ふきだし"と進み、設定をしましょう。

step
E
ホームの"外観" "カスタマイズ" "会話ふきだし" と進む

【AFFINGER6(アフィンガー6)使い方】吹き出し・会話アイコンの使い方・設定・カスタマイズ方法⑦
【AFFINGER6(アフィンガー6)使い方】吹き出し・会話アイコンの使い方・設定・カスタマイズ方法⑧

step
F
各会話の背景色を設定する

【AFFINGER6(アフィンガー6)使い方】吹き出し・会話アイコンの使い方・設定・カスタマイズ方法⑨

このように、各会話の背景色を設定できます。

うしくん

こんな

感じで

ラッコくん
さるくん

背景色を

変えれます

ぶたくん

step
G
"アイコンに枠線をつける"か選択する

【AFFINGER6(アフィンガー6)使い方】吹き出し・会話アイコンの使い方・設定・カスタマイズ方法⑩

を参考に好みのデザインを選んでね

【AFFINGER6(アフィンガー6)使い方】吹き出し・会話アイコンの使い方・設定・カスタマイズ方法⑭
"アイコンに枠線をつける"にチェックなし
【AFFINGER6(アフィンガー6)使い方】吹き出し・会話アイコンの使い方・設定・カスタマイズ方法⑮
"アイコンに枠線をつける"にチェックあり

step
H
"ふきだしを角丸にしない"か選択する

【AFFINGER6(アフィンガー6)使い方】吹き出し・会話アイコンの使い方・設定・カスタマイズ方法⑪

を参考に好みのデザインを選んでね

【AFFINGER6(アフィンガー6)使い方】吹き出し・会話アイコンの使い方・設定・カスタマイズ方法⑯
"ふきだしを角丸にしない"にチェックなし
【AFFINGER6(アフィンガー6)使い方】吹き出し・会話アイコンの使い方・設定・カスタマイズ方法⑰
"ふきだしを角丸にしない"にチェックあり

少々わかりにくいですが、ふきだし部分の四角の形が変わっています。

step
I
"ボーダーデザインタイプ(枠線のみ)に変更"でどれか選択する

【AFFINGER6(アフィンガー6)使い方】吹き出し・会話アイコンの使い方・設定・カスタマイズ方法⑫

を参考に好みのデザインを選んでね

【AFFINGER6(アフィンガー6)使い方】吹き出し・会話アイコンの使い方・設定・カスタマイズ方法⑱
"ボーダーデザインタイプ(枠線のみ)に変更"の"なし"にチェック
【AFFINGER6(アフィンガー6)使い方】吹き出し・会話アイコンの使い方・設定・カスタマイズ方法⑲
"ボーダーデザインタイプ(枠線のみ)に変更"の"普通(2px)"にチェック
【AFFINGER6(アフィンガー6)使い方】吹き出し・会話アイコンの使い方・設定・カスタマイズ方法⑳
"ボーダーデザインタイプ(枠線のみ)に変更"の"太め(3px)"にチェック

step
J
"ボーダーデザインタイプの背景色※一括"をボーダーデザインの「普通」か「太め」を使う場合は設定

【AFFINGER6(アフィンガー6)使い方】吹き出し・会話アイコンの使い方・設定・カスタマイズ方法⑬

ボーダーデザインタイプの「普通」か「太め」を使う場合は、背景色を選択することができます。

【AFFINGER6(アフィンガー6)使い方】吹き出し・会話アイコンの使い方・設定・カスタマイズ方法㉑
ボーダーデザインタイプで背景色を設定した場合

こちらを使うことで、ふきだしの枠の線と枠内の背景色をそれぞれ違う色に設定できます。

以上で、設定は完了です。

最後に、記事の書き方です。

step
1
"を押す

【AFFINGER6(アフィンガー6)使い方】吹き出し・会話アイコンの使い方・設定・カスタマイズ方法㉒

step
2
ブロック"STINGER"から"STINGER:会話ふきだし"をクリック

【AFFINGER6(アフィンガー6)使い方】吹き出し・会話アイコンの使い方・設定・カスタマイズ方法㉓

step
3
ふきだしの中に書いて完了

【AFFINGER6(アフィンガー6)使い方】吹き出し・会話アイコンの使い方・設定・カスタマイズ方法㉔

会話アイコンの選択方法

1) ふきだしブロックを選択し、をクリック

  もしくは、をクリックしてから、ふきだしブロックを選択

【AFFINGER6(アフィンガー6)使い方】吹き出し・会話アイコンの使い方・設定・カスタマイズ方法㉕

2) 表示された"STINGER :会話ふきだし"ブロックの設定で使用する会話アイコンの選択ができる

【AFFINGER6(アフィンガー6)使い方】吹き出し・会話アイコンの使い方・設定・カスタマイズ方法㉖

3) "会話ショートコード"をクリックすることで、使用する会話アイコンを選択できる

【AFFINGER6(アフィンガー6)使い方】吹き出し・会話アイコンの使い方・設定・カスタマイズ方法㉗

  すると、選択が可能になるので使いたい会話アイコンを選択する

【AFFINGER6(アフィンガー6)使い方】吹き出し・会話アイコンの使い方・設定・カスタマイズ方法㉘

会話アイコンの向きの変更

1) ふきだしブロックを選択し、をクリック

  もしくは、をクリックしてから、ふきだしブロックを選択

【AFFINGER6(アフィンガー6)使い方】吹き出し・会話アイコンの使い方・設定・カスタマイズ方法㉙

2) 表示された"STINGER :会話ふきだし"ブロックの設定で会話アイコンの配置の変更ができる

【AFFINGER6(アフィンガー6)使い方】吹き出し・会話アイコンの使い方・設定・カスタマイズ方法㉚

3) "向き"をクリックすることで、会話アイコンの配置を左右設定ができる

【AFFINGER6(アフィンガー6)使い方】吹き出し・会話アイコンの使い方・設定・カスタマイズ方法㉛
【AFFINGER6(アフィンガー6)使い方】吹き出し・会話アイコンの使い方・設定・カスタマイズ方法㉜
【AFFINGER6(アフィンガー6)使い方】吹き出し・会話アイコンの使い方・設定・カスタマイズ方法㉝
"向き"をクリックすることで、会話アイコンの配置を変更できる

いかがだったでしょうか?
会話アイコンを用いることで、記事のアクセントにもなりますので、ぜひ使ってみてください😊

このブログでは、WordPressテーマは"AFFINGER6"を利用しております。おすすめですよ。

AFFINGER6の使い方

AFFINGER6の使い方のページをご覧頂きありがとうございます🤗
こちらでは、「稼ぐ」に特化したWordPressテーマ〜AFFINGER6〜の使い方の解説をしてます。
初心者さまへもわかりやすくをモットーに書いております。
他のページでも絶賛解説中です。みなさまのブログ作成に役立てば嬉しいです。

 こんなページもあります 

トップページのカスタマイズ
  お知らせの作成方法
  タブ式カテゴリー一覧の作成方法
  カテゴリー一覧(スライドショー)の作成方法
  "TOPに戻るボタン"のカスタマイズ方法
  ヘッダーカードの作成方法
  ボックスメニューの使い方② サイドバーへの表示方法
  スライドショーの下にお知らせを挿入する方法
  流れる文字の表示方法

記事の書き方
  ブロックエディタ基本的な使い方
  ブロックエディタの装飾一覧
  タグ機能の装飾一覧
  光るボタンの作り方
  文字にアニメーションをつける方法
  フォント(Google Fonts)の設定方法
  FontAwesome5のアイコンにアニメーションを付ける方法
  ボックスメニューの使い方①
  ブログカードの作り方&カスタマイズ方法
  吹き出し・会話アイコンの使い方・設定・カスタマイズ方法

その他
  FontAwesome5の設定方法・使い方
  「今日の運勢」の作り方

  • この記事を書いた人

ただのでぶ

ただのでブロガーのただのでぶです(*^^*) 数多あるサイトの中から、訪れてくれてありがとうございます☆ 「稼ぐ」に特化したWordPressテーマ〜AFFINGER6〜を使ってブログを書いています。早くたくさん稼ぎたいです(*´∇`*) 今はAFFINGER6の使い方をメインに更新しています。 雑記ブログになると思いますが、ぜひ色々覗いてみてくださいね♪ ただのでブロガーのただのでぶをよろしくお願いします(*゚▽゚)ノ

-AFFINGER, メイン