写真の囲み枠の「写真」の変え方

囲み枠の写真背景を

  • 自分で撮った写真にしたい
  • 他の写真に変更したい

というときは

写真の囲み枠の「写真」を変更しましょう！
 

 

写真の囲み枠の「写真」を変更する方法
 
写真の囲み枠を選ぶ

 

内側のラインや写真背景の影つきなど

好みのタイプを選んでくださいね。

本文はここに入力してください。
改行はShift+Enterで！

 

<div style="padding:20px;background:url(https://stat.ameba.jp/user_images/20200913/17/atelier-plume-net/19/02/j/o0636055014818894805.jpg);box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);"><div style="background:rgba(255,255,255,0.9);padding:5px;"><div style="border:4px double #DFC69B;padding:20px">本文はここに入力してください。改行はShift+Enterで！</div></div></div>

 

↑コードをHTML表示に貼ります。

 

 

背景にしたい写真を選ぶ

 

 

写真は幅が640px以上のもの

を用意します。

 

 

クリックかドラッグ&ドロップで

HTML表示の空いているところに

写真を貼ります。

 

 

新しい写真URLを元の写真URLに貼る

 

 
 
【新しい写真URL】
https://stat.ameba.jp/user_images/20200914/22/atelier-plume-net/2e/1f/j/o0640046714819550292.jpg

↑この部分を選択してからコピーして

 

 

【元の写真URL】

https://stat.ameba.jp/user_images/20200913/17/atelier-plume-net/19/02/j/o0636055014818894805.jpg

を選択してから
 
貼り付けます。
 
 

 

プレビューで確認

 

プレビューで
写真が変更できているか
確認してくださいね！
 

 

慣れるまでは

ちょっと難しいかもしれません＾＾；

 

 

もしうまくいかない！というときは

公式LINEからメッセージを送ってくださいね。

 

 

新しい写真画像URLを入れた

専用コードを送ります♡

 

 

 

LINEの友だち追加で
「アメブロで使えるかわいいマーカー」
をプレゼントしています！

「マーカー」とメッセージを送ってねドキドキ

友だち追加

ID検索は @570smkow