googleマップのカスタマイズ方法

☆*･カフェビバーチェ｡.:*･゜ﾟ･*☆*･゜ﾟ･*:.｡..｡.:*･☆

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

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

少人数グループのイベント会場としてもご活用くださいね。

☆*･゜ﾟ･*:.｡..｡.:*･☆･*:.｡. .｡.:*･゜ﾟ･*☆*･゜ﾟ･*:.｡..｡.:*･☆

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

今日は、googleマップ
のカスタマイズ方法をお伝えします。

まず、↓にアクセスしてください。
http://maps.google.co.jp/

左上に入力スペースが表示されますので、
ここに
　・お店の住所
　・サロンの住所
　・教室の住所
など、表示させたいところの住所を入れます。

検索マークをクリックすると、地図が表示されます。

左下の「歯車」マークをクリックすると、
吹き出しが出てきます。
その一番上の「地図を共有または埋め込む」をクリック。

このようなダイアログだ表示されますので、
「地図を埋め込む」タグをクリック。

左上のリストボックスをクリックして、
「カスタムサイズ」を選択します。
ここで地図サイズをカスタマイズします。

アメブロに貼り付ける場合、
2カラムなら幅３００px × 高さ３００px、
3カラムなら幅１８０px × 高さ２００px、
でしたね。

「実サイズでプレビュー」をクリックして、
地図を確認してくださいね。

よろしければ、
入力スペースのコードをコピーして、
フリープラグインに貼り付けてください。

ホームページなどに貼り付ける場合は、
対象ページのHTMLにコピーしてくださいね。

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

アメブロのカラム幅と地図の貼り付け

☆*･カフェビバーチェ｡.:*･゜ﾟ･*☆*･゜ﾟ･*:.｡..｡.:*･☆

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

少人数グループのイベント会場としてもご活用くださいね。

☆*･゜ﾟ･*:.｡..｡.:*･☆･*:.｡. .｡.:*･゜ﾟ･*☆*･゜ﾟ･*:.｡..｡.:*･☆

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

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

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

■カラムとバー幅■

2カラムのバー幅：３００px
3カラムの広い方のバー幅：３００px
　　　　狭い方のバー幅：１８０px

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

2カラムなら幅３００px × 高さ３００px、
3カラムなら幅１８０px × 高さ２００px、
にすると、きれいに表示できますね。

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

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

明日からは、もう少し具体的に
　・googleマップ
　・Yahoo!マップ
のカスタマイズ方法をお伝えします。

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

アメブロのカラム変更

☆*･カフェビバーチェ｡.:*･゜ﾟ･*☆*･゜ﾟ･*:.｡..｡.:*･☆

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

少人数グループのイベント会場としてもご活用くださいね。

☆*･゜ﾟ･*:.｡..｡.:*･☆･*:.｡. .｡.:*･゜ﾟ･*☆*･゜ﾟ･*:.｡..｡.:*･☆

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

アメブロでサイドバー配置設定のカラムという要素があります。

デザインの変更から「レイアウトの変更」をクリックすると、

の画面が表示されます。

サイドバーが1つのものを2カラム、
サイドバーが2つのものを3カラムといいます。
3カラムの場合、左右のバー幅が異なっているのが特徴です。

ここでレイアウトを変更することで、
ブログデザインを大きく変更しなくても
画面表示に変化をつけることができます。

。。。が1点、注意点があります。

このカラムを変更するとCSSがリセットされてしまいます。

先日も「カラムを変更したらトップイメージとメニューバーが消えてしまいました。」というお問い合わせがありました。

これはCSSを編集したあとでカラムを変更したためでした。

■カラム変更の注意点■

CSSをカスタマイズされている場合、
カラムを変更すると、CSSはリセットされる。

どうしてもカラムを変更したい場合、

①CSS編集画面から、
　入力された記述をすべて選択してコピーし、
　ワードやテキストエディタなどに貼付けて保存。

②そしてカラム変更後、
　再びCSS編集画面から、
　保存したCSSを入力域に上書きコピーして保存する。

の手順で行ってみてください。

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

アンドロイドとは？

☆*･カフェビバーチェ｡.:*･゜ﾟ･*☆*･゜ﾟ･*:.｡..｡.:*･☆

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

少人数グループのイベント会場としてもご活用くださいね。

☆*･゜ﾟ･*:.｡..｡.:*･☆･*:.｡. .｡.:*･゜ﾟ･*☆*･゜ﾟ･*:.｡..｡.:*･☆

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

Android（アンドロイド）聞くと、
　・SFに出てくる人型ロボットや人工生命体
　・東宝神起のうた「Android」

をイメージされますか？

今日は、Web用語としての
Android（アンドロイド）についてです。

グーグル社が開発しているスマホやタブレット端末向けの
OS（オペレーティングシステム）のこと。

■OS(オペレーティング)システム■

機器を動かすために基本となるソフトウエア。
基本的な機器の管理や制御といったシステム全体の管理を司る。
いわば、端末などのハードウエアとユーザーの橋渡し役。

アンドロイドという名称は、
もともとアメリカ会社：アンドロイド社からきています。
このアンドロイド社をグーグル社が2005年に買収。

グーグル社は2007年、
このアンドロイド社の技術をベースに
Android（アンドロイド）OSを発表、
翌2008年に公開しました。

アンドロイドは、
Linaxベースのオープンソースなので、
端末機のメーカーが独自にカスタマイズして、
自社のスマホやタブレットに搭載できるため、
シェアが拡大してきました。

市場を分けるのは、
アップル社iPhoneシリーズのiOS。

OSそれぞれに特徴があると思いますが、
わたしたちユーザーにとって使いやすいのが、
何よりですね。

わたしの橋渡し役はアンドロイドです。
みなさんの橋渡し役は？