あめつくのブログ

【Amebaアプリ】アメブロの記事内で囲み枠を使う方法(iPhone編)- その2

広告

こんにちは、あめつくです!

ここでは、アメブロのAmebaアプリで囲み枠を使う方法をご紹介します。

なお、ここで紹介している囲み枠は、囲み枠の内側で改行ができます。思う存分、囲み枠の中で改行してください!

広告

手順

囲み枠を使う手順は、大きく分けると3ステップ。

  1. 囲み枠のタグをコピーする
  2. コピーしたタグを記事に貼り付ける
  3. 貼り付けたタグの中身を書き換える

[コピー] → [貼り付け] → [書き換え]。の3つの手順です。

【手順1】囲み枠のタグをコピーする

囲み枠を利用するには、「タグ」というものを使う必要があります。

例えば、下の囲み枠を表示するには、”<div style=”border: #aaa 1px solid; background: #f9f9f9; padding: 10px; margin: 2em 0;”>内容</div>”というタグを書く必要があります。

内容

ただ、この「タグ」というものは、理解するまでに少し時間がかかります。なので、理解できるようになるまでは、誰かが公開している「タグ」をコピーして利用するのが手っ取り早いです。僕自身、タグが分かるまではコピーして利用していました。

今回は、僕が用意したタグで使い方を説明します。

それでは、以下の記事から利用したい囲み枠を探します。
Amebaアプリ用の囲み枠(シンプル – 四角)
Amebaアプリ用の囲み枠(シンプル – 角丸)

利用したい囲み枠が見つかったら、枠の内容(タグ)をコピーします。

これで、「手順1」のタグのコピーは完了です。

【手順2】コピーしたタグを記事に貼り付ける

それでは、アメブロの記事作成画面を表示している状態から説明していきます。

記事作成画面を表示して記事本文を入力します。そして、囲み枠を埋め込みたい位置に目印を付けます。下の画像では、「ここに枠」という目印を付けています。

目印をつけたら、[入力完了]→[タグ編集]の順にタップします。

[OK]をタップして、タグ編集モードに切り替えます。すると、先ほどまで表示されていなかった「タグ」というものが表示されます。慣れないうちは、何がどうなっているのが分からないと思います。先ほど目印を付けた理由は、囲み枠を埋め込む位置が分かるようにする為です。

それでは、目印の「ここに枠」を選択して上書きします。これでコピーしておいたタグが貼り付けられます。赤のマーカー部分。

これで、「手順2」のタグの貼り付けは完了です。

【手順3】貼り付けたタグの中身を書き換える

上書きできたら[完了]→[本文]の順にタップします。

あとは、囲み枠の内容を書き換えればOK!必要であれば文字装飾もおこないます。

これで、囲み枠の作成は完了です。

あとは、いつもどおり記事を投稿するだけ!ちなみに、上の画像の状態で記事を投稿すると、このようになります。

以上、「アメブロの記事内で囲み枠を使う方法(iPhone編)- その2」でした!

広告

カテゴリー