記事下にメニューのリンクをキレイに貼る方法

 

スマホからブログを読んだときに

メニューのリンクがあると

わかりやすくて便利です。

 

 

記事の上に貼る方もいらっしゃいますが

いきなりメニューリンクって

クリックしないし

読者にとってジャマな場合があるので

記事下に入れましょうね！

 

 

囲み枠を使うと

すっきりキレイに貼れます。

 

 

当ブログはこんな感じに貼っています。

↓　↓　↓

アメブロ囲み枠 / 枠線の便利な情報 /
お客様の声 / よくある質問 / 

提供メニュー /  制作の流れ / ご利用規約

 

 

囲み枠はお好みで！

 

プレビューのスマートフォンで見ながら

文字が切れないように適宜

Shift+Enterで改行してくださいね。

 

 

例）

メニュー1 / メニュー2 / メニュー3 /
 メニュー4 / メニュー5 /

 

<div style="border: 4px double #FFE3F6; background-color: #ffffff; padding: 15px;text-align: center;font-size: 0.88em;width: 300px;">メニュー1&nbsp;/&nbsp;メニュー2&nbsp;/&nbsp;メニュー3&nbsp;/<br>
メニュー4&nbsp;/&nbsp;メニュー5&nbsp;/</div>

 

 

 

 

メニュー名とメニューの数は

変更してくださいね。

 

 

スマホの機種によって

表示サイズが違うのですが

私が設定しているのは…

 

 

 

 

URLを入れて、リンクを挿入するをクリック。

 

全部のメニューにリンクを貼って完成です！