思わず二度見され、一瞬で心を奪う
アメブロ&インスタ世界観のつくり方
自宅教室講師・サロンオーナーさん
女性のはじめての起業を
おしゃれに可愛くプロデュース♡
ポーセラーツ&フラワー教室「JouJouette」主宰
世界観をカタチにするwebデザインプロデューサー
豊田 純子
はじめましての方はこちら
こちらで無料で公開している
枠線や囲み枠など、
タグを書き直すことで
自分好みにカスタマイズすることができます!!
アメブロHTMLタグの変更のやりかた
まず簡単にHTMLの簡単な説明から。
囲み枠のタグは下のような構成になっています。
- double→線の種類を表しています
- 1px→太さを表しています
- #ff000→色を表しています
このようにタグは1つ1つに意味があります。
次にやりたいことごとに設定の仕方を説明します。
枠の形を変更する方法
線の形を表す箇所を変更します。
<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レッスン
サポートする講座を作成中です
たくさんのお申し込みが予想されますので
詳細発表まで今しばらくお待ちくださいね♡
この記事があなたの参考になったら
ぜひいいね&フォローをお願いします
今日もあなたにとって素敵な1日となりますように
『Instagramフォロワー1万人突破した秘訣7選』
すでに200名以上が受け取ってます!!
↓ ↓ ↓ ↓ ↓
こちらも読んでね♡
● ついにやります!世界観を作ってアメブロ&インスタで集客したい方へ
● 心を奪うSNSデザインアカデミーが選ばれる3つの理由
● まだ起業していない人こそ大チャンス‼️のたった1つの理由
● 世界観を変えた結果…
\ママでも理想の働き方を手に入れた方法✨/
\インスタはこちら♡Follow Me✨/
好き♡を大切に私らしくはたらいて輝く人生を手に入れる方法
\思わず二度見され、心を奪う世界観のつくりかた/
デザインのヒントや Instagram&アメブロの役立つ情報を発信♡
心ときめく食器とお花が作れるポーセラーツ&フラワーインテリア教室
JouJouetteのブログがこちら♡
▶︎お問合せ(LINE@ID → @575jocda )
▶︎Instagram ▶︎Facebook ▶︎HP
Thank you for Reading
JOUJOUNET ジュジュネット