こんにちは!

 

今日も来てくださり嬉しいですハート

 

 

営業が苦手なおうちサロン、副業OLさんが

3秒で理想のお客様の心を鷲掴み

売り込まずに選ばれる

 

魅せるブランディングプロデューサー

 

泉 有華子です音譜

今日の記事はアメブロ活用術について。

 

 

ブログ編集に興味がない方はそっと閉じてくださいね。

 

 

起業したらもはや必ずみなさんがやるというくらい

起業家につかわれているアメブロ。

 

最近、といってももう3〜4年前くらいからでしょうか、

記事中の会話に吹き出しをつかう編集を見たことありますよね?

 

 

当初はワードプレスブログなどタグ編集ができるブログでつかわれていましたが

 

HTML編集で使えるフォーマットを提供してくださる方がいて

私もこういうのを使っています。

 

 

ゆかこママ

ゆかこママ
 

こんにちは!ゆかこママです。

 これは囲み枠を応用した吹き出しですが

ベースを塗りつぶしたこういうのも使ってます。

 

 

 
 

吹き出しをつかうことで会話風になります

 

下のような呪文をHTML表示で入力して使うことができます。
 

<div style="display: flex; flex-direction: row-reverse; margin-bottom: 1.5em;">
<div style="width: 20%; margin-left: 3px;">&nbsp;</div>
<div style="width: 0; height: 0; border-style: solid; border-width: 20px 0 20px 20px; border-color: transparent  #fbe4ee; transparent transparent; margin-top: 20px;">&nbsp;</div>
<div style="width: 70%; margin: 0;">
<div style="min-height: 50px; background:#fbe4ee; border-radius: 12px; padding: 15px; margin: 0;">
<p style="margin: 0;">吹き出しをつかうことで会話風になります</p></div></div></div>

パソコンで使ってみたい方は上の文字列をコピペしてお使いくださいね

 

 

会話風にすることで

 
ターゲットが疑問に思ってるであろうことに
答えている構図になって
 
読み手が理解しやすくなります。
 
 
ただ、これって、パソコンでの編集ができる方が
HTML編集でできる技なので
スマホだけでやってるかたにはできなくはないですが
コピぺして使いにくかったりしました。
 
それが、スマホでもたったの3アクションで
吹き出しが使えるようになりました。
 
 

 

サムネイル

こういう吹き出しです。

 

使い方はとっても簡単!

 

スマホのアメバアプリで

ブログを書く

image

 

記事編集画面で

Tマークの右側の記事デザイン編集ボタンをタップ

image

 

 

この画面でテキストをタップします

image

 

すると、色々なタイトル枠と合わせて吹き出しデザインも選べる画面に。

 

image

 

 

スマホアプリで編集できる記事デザインはどんどん増えていますので

 

ときどきチェックしてみるのをお勧めします。

 

 

吹き出しの色をブランドイメージに変えたい!ということもあるかもしれません。

 

が、吹き出しとアイコン周りは変えられますが吹き出しになっている三角が画像を配置する構造になっているため

三角のところの画像を用意してURLを貼り付けるという面倒なことをしないといけないので

お勧めいたしません笑

 

ちなみにやってみると

サムネイル

こういう吹き出しです。

 

そんな手間をかけるよりも

 

今あるものを有効活用する

 

ことで

 

時短して楽した方が

 

他の大事なことに作業時間が回せます。

 

誰でもできる

誰かができる

 

ことは

 

誰かに任せて

 

あなたにしかできないことに注力しましょう!

 

 

友だち追加