囲み枠を表示する方法　アメーバオウンド(AmebaOwnd)ページ編集

アメーバオウンドページにアメブロでおなじみの囲み枠を表示させる方法をお伝えします。

ダッシュボードの『ページ編集』をクリックします。

編集したいページをクリックします。

ここでは『テストページ』というページを選びます。

左下のHTMLブロックをクリックします。

『＋ブロックを追加』または『緑の線』が表示されたらクリックします。

すると、コードという窓が表示されます。

次に、囲み枠のタグを入力します。

囲み枠を表示するときに参考にさせていただいているのは
こちらの川上雄大さんの『パソコンが好きになるブログ』です。

画像をクリックで囲み枠の記事に移動します。
お好みの色やカタチの囲み枠のタグをコピーします。

ここでは紺色の見出しの囲み枠を使用します。
赤枠で囲んだ部分をコピーします。

コードという窓にCtrl＋V　または、command⌘＋Vを押し、貼り付けます。

■タイトルはこちら■など赤枠の中の文言を表示したい言葉に変えます。

入力が終わったら、『OK』をクリックします。

編集画面では、HTMLのタグは表示されません。

右上の『今すぐ公開』をクリックし保存後

ホームページ上で確認します。

アメブロでも使用されている囲み枠が表示されました。

アメーバオウンドページに囲み枠を表示させる方法でした。