【アメブロカスタマイズ】サイドバーに人気記事ランキングを設置する方法♥

こんばんは♪

大人可愛いアメブロカスタマイズShopのMihoです♪

可愛くアメブロをカスタマイズする方法、

アクセスアップのコツを発信しています

今回のテーマは、

サイドバーのカスタマイズ

サイドバーってなに？
どうやってカスタマイズするの？
サイドバーをカスタマイズするメリットとは？

こんなことをご紹介しますね

サイドバーってなに？

サイドバーとは、写真赤枠の部分、

PCで見た時に表示される右の部分です。

※デザインの設定で、左だったり、

左右両方にあったりします。

サイドバーはPCで見た時しか表示されませんが、

是非、カスタマイズすることをお勧めします♪

サイドバーには、

人気記事を表示させたり、

アクセスの多い記事へ誘導ができます♡

まだ私は商品などないので・・・

人気記事ランキングを作ってみました♡

バナーやInstagramなども設置可能♪

結果、ブログに来て下さった読者さんが、
あなたのブログをたくさん読んでくれるように♥

では、さっそく方法を解説しますね。

サイドバーのカスタマイズ方法

簡単２STEP！笑

でサイドバーがカスタマイズできます♡

STEP１：サイドバーが表示される設定にする

STEP２：「フリースペース」を編集する

STEP１：サイドバーが表示される設定にする

まず、ブログにサイドバーが表示されるか

確認しておきましょう。

設定・管理　＞　配置設定　を開きます。

この画面は、

サイドバーに表示させたい項目が選べます。

左：使用しない機能

右：使用する機能

となっています。

今回は【フリースペース】を使用します。

もし左側にあったら、表示されません。

マウスで選択して、右側に移動させてくださいね♪

これで準備完了です♥

STEP２：「フリースペース」を編集する

サイドバーを編集するには、管理画面から

設定・管理＞フリースペース編集　に進みます。

ここに、サイドバーに表示させたいものを

記入するだけ♥

簡単～！！

HTMLタグや絵文字も使えます♪

私が設置した時の、

人気記事ランキングのタグを貼っておきます。

コピペで簡単に設定できます。

是非作ってみてくださいね

↑↑こんな感じです♡

<div style="background:#fedae3; padding:5px; border:none;">人気記事
</div>
No.１
<a href="https://記事のURL">記事のタイトル</a>

No.２
<a href="https://記事のURL">記事のタイトル</a>

No.３
<a href="https://記事のURL">記事のタイトル</a>

No.４
<a href="https://記事のURL">記事のタイトル</a>

No.５
<a href="https://記事のURL">記事のタイトル</a>