思わず二度見され、一瞬で心を奪う
アメブロ＆インスタ世界観のつくり方
自宅教室講師・サロンオーナーさん
女性のはじめての起業を
おしゃれに可愛くプロデュース♡
ポーセラーツ＆フラワー教室「JouJouette」主宰
世界観をカタチにするwebデザインプロデューサー
豊田 純子
はじめましての方はこちら
こちらで無料で公開している
枠線や囲み枠など、
タグを書き直すことで
自分好みにカスタマイズすることができます！！
アメブロHTMLタグの変更のやりかた
まず簡単にHTMLの簡単な説明から。
囲み枠のタグは下のような構成になっています。
- double→線の種類を表しています
- 1px→太さを表しています
- #ff000→色を表しています
このようにタグは１つ１つに意味があります。
次にやりたいことごとに設定の仕方を説明します。
枠の形を変更する方法
線の形を表す箇所を変更します。
<div style="border: solid 2px #000000; padding:10px; ">ここに本文を入力</div>
この場合は「solid」の部分を変更します。
直線：solid
二重線：double
点線：dotted
破線：dashed
線の太さを変更する方法
太さの変更は「px」の前に書かれている数字を変更します。
<div style="border: solid 2px #000000; padding:10px; ">ここに本文を入力</div>
数字を大きくすれば太く、
数字を小さくすれば細くなります。
1px 細い
5px 太い
色を変更する
「＃」からはじまる英数字の組合せをカラーコードと言います。
この部分を変更することで色を変えることができます。
（例）枠の色を黒からピンクに変える
黒い枠線のHTMLタグ
<div style="border: solid 2px #000000; padding:10px; ">ここに本文を入力</div>
・ピンク枠線のHTMLタグ
<div style="border: solid 2px #FF007D; padding:10px; ">ここに本文を入力</div>
＃000000（黒）をピンクのカラーコード「＃FF007D」と書き換えます。
どんなカラーコードがあるかはこちらのページを参考にしてみてね！
アメブロカスタマイズ
いかがでしたか？
このようにアメブロのカスタマイズは
一見難しく見えますが、
ちょっとしたコツさえつかめば簡単に変更できます！！
でも私にはちょっと……
という方向けに
- アメブロ講座
- Instagram講座
- Canvaレッスン
サポートする講座を作成中です
たくさんのお申し込みが予想されますので
詳細発表まで今しばらくお待ちくださいね♡
この記事があなたの参考になったら
ぜひいいね＆フォローをお願いします
今日もあなたにとって素敵な１日となりますように
『Instagramフォロワー１万人突破した秘訣７選』
すでに200名以上が受け取ってます！！
↓ ↓ ↓ ↓ ↓
こちらも読んでね♡
● ついにやります！世界観を作ってアメブロ＆インスタで集客したい方へ
● 心を奪うSNSデザインアカデミーが選ばれる３つの理由
● まだ起業していない人こそ大チャンス‼️のたった１つの理由
● 世界観を変えた結果…
＼ママでも理想の働き方を手に入れた方法✨／
＼インスタはこちら♡Follow Me✨／
好き♡を大切に私らしくはたらいて輝く人生を手に入れる方法
＼思わず二度見され、心を奪う世界観のつくりかた／
デザインのヒントや Instagram＆アメブロの役立つ情報を発信♡
心ときめく食器とお花が作れるポーセラーツ＆フラワーインテリア教室
JouJouetteのブログがこちら♡
▶︎お問合せ（LINE@ID → @575jocda ）
▶︎Instagram ▶︎Facebook ▶︎HP
Thank you for Reading
JOUJOUNET
ジュジュネット