アメブロのカラム幅と地図の貼り付け | Webであなたの夢が叶う!

Webであなたの夢が叶う!

Webを活用して一歩ずつ「夢」に近づきませんか?
みなさんのサポートブログです。    

☆*・カフェビバーチェ。.:*・゜゚・*☆*・゜゚・*:.。..。.:*・☆

木曜日とご予約、イベント開催の場合は曜日にかかわらず、11:00~15:00、カフェをオープンしています。

コンセプトは、「おいしく健康に!
食育トレーナーのオーナーが
コーヒー、お茶をはじめ、スイーツ、ランチなど
身体に優しいメニューをご用意してお待ちしています。


少人数グループのイベント会場としてもご活用くださいね。
☆*・゜゚・*:.。..。.:*・☆・*:.。. .。.:*・゜゚・*☆*・゜゚・*:.。..。.:*・☆

こんにちは。
Webであなたの夢が叶う!のHirokoです。

アメブロのサイドバーに「地図を入れたい!」という
お問い合わせをいただきます。

お伝えしたように、
アメブロには5つのレイアウトがあり、
サイドバーが1つのものを2カラム、
サイドバーが2つのものを3カラム、
3カラムでは、左右のバー幅が異なっているのが特徴。。。
でした。


■カラムとバー幅■
2カラムのバー幅:300px
3カラムの広い方のバー幅:300px
      狭い方のバー幅:180px


googleマップやYahoo!マップを入れる場合、
地図の幅をカスタマイズします。

2カラムなら幅300px × 高さ300px、
3カラムなら幅180px × 高さ200px
にすると、きれいに表示できますね。

高さは変更可能ですので、
お店や教室などのある場所によっては
長方形の地図が見やすい場合がありますので、
自由にバランスを取ってみてくださいね。

地図がカスタマイズできたら、
フリープラグインに貼り付けて、出来上がり。

明日からは、もう少し具体的に
 ・
googleマップ
 ・Yahoo!マップ

のカスタマイズ方法をお伝えします。


今日も最後まで読んでいただいてありがとうございました。