こんにちは!
あなたの思いをとことん引き出し視覚化、ファンを増やすサポーター・杉山まいこです。
アメブロのサイドのフリースペース、活用していますか?
私のブログで言うと右側のプロフィールが入っているところですね。
設定により、左右どちらもある方、片方だけの方とあるのでチェックしてみてください。
今日はこのサイドバーの部分を活用する方法を書いていきますね!
まず、この部分はパソコンからしか見ることができません!
※タブレットは見れます
ヘッダーとヘッダー下にあるグローバルメニューと同じですね。
では、早速作りましょう♪
◆アメブロサイドスバーの設定方法
設定・管理をクリックします。
↓
配置設定へ(サイドバーの設定の部分、右下)
この設定で、「フリースペース」を使用する機能に移動します。
並び順が表示順なので、好みにカスタマイズしましょう。
移動したい部分を左クリックしながら移動するだけです。
次に、サイドバーに入れるものを作ります。
そう、作ります!
通常の記事を書くように作成するのです。
ブログを書く→サイドバーに入れたいものを作成しましょう。
サイドバーには
・画像
・文字
・リンク
など何でも入れれます。
ただし、サイズがあります。
2カラムの場合は幅は300px
3カラムの場合は狭い方が180pxです。
どちらに入れるかによって変わるので注意してくださいね。
私の場合は2カラムなので300pxです。
ですので写真の幅も300に変更します。
そして、写真をクリックしてどこかのリンクに飛ぶようにしたい場合は
ブログを書く時と同じ。
画像を選択した状態で右クリック。
↓
リンクURLを入れておきましょう。
サイドバーに入れたいものが完成したら、
ブログ記事の一番下にあるHTML表示をクリックします。
すると英語やら数字の表示に変わるので、
それを全てコピーします。
そして、設定・管理→フリースペース編集をクリックして
そこに張り付けましょう。
前回、アメブロの文字を見やすくしようで、張り付けたのと同じところです。
前回の貼り付けの下でOKです。
1行あけておくと分かりやすいので、1行あけて張り付けています。
保存をクリックする前に、きちんと出来ているかどうか、プレビューで確認しましょう。
OKなら、保存をクリックで終了です。
◆アメブロサイドバー設置まとめ
①ブログを書くように表示したいものを作成
②HTMLで表示してコピー
③フリースペース編集にペースト
以上です!
かんたんですよ。
私はこの貼り付けのあと、ちょっと作り直して、こんなふうに完成しましたー!
ちなみに、こんな感じに、ボタン風につくれば、
ヘッダーの下にあるグローバルメニューの代わりにも使えますよ。
ぜひぜひお試しくださいね。
はなうたデザイン
杉山まいこ プロフィール
起業までのマイストーリー
◆作成メニュー/コンサルティング
◆講座・ワークショップ日程
ビジネスヒント
└ブログ集客活用術
└YouTube~アメブロ・SNS基本設定
SNSのフォロー大歓迎
・Instagram ・Facebookページ・Twitter
・お問い合わせ