初心者の私にもできた!WordPressページにGooglemapを埋め込もう

みなさんこんにちは、おすみです。
本日は夏至だそうです。夏が来ますね!
名古屋市はまだ梅雨まっただ中ではありますが、雨が降らない日のほうが多いという空梅雨な感じです。

さて、今回はWordpressのお話です。
先日、弊社Wordpressページの更新をしまして、このように編集しました。
現在のアクセス部分

なかなか高度なことをしているように見えるのですが、実はとっても簡単でした。
今回私は、Googlemapを使って埋め込みコードを取得し、それをWordpressページに貼り付けるという方法をとりました。
それでは、どうやってやったかというところを名古屋城を例に説明したいと思います。

1.Googlemapで表示したい場所を特定
みなさんお出かけするときにgooglemapで場所を探したりしませんか?それと同じ方法で、まずは表示したい場所をmapで探します。

nagoyajyou

2.埋め込みコードを取得する
ページ右下に歯車みたいなアイコンがあるので、これをクリック。するとメニューが出てくるので、一番上の「地図を共有または埋め込む」をクリック。

nagoyajyou002

3.コピペして貼り付け

nagoyajyou003

こんな画面が出てきますので、「地図を埋め込む」をクリックし、表示する地図の大きさを決めます。
コードの左側に大きさを選べるボタンがありますので、これで好みの大きさにします。
あとはコードをコピペして、Wordpressの編集しているページに貼るだけ。このとき、ビジュアルでなくテキストを編集する状態で貼らないと反映されないので注意です。

結果、このように表示されました。(サイズ小)

やってみたいけど難しそうでやってなかったという方、ぜひやってみてください!
とても達成感があります(笑)

Adobe Museを使ってサイトを作りました

 

http://schwanz.jp/

昨日より公開したこちらのページ、おすみがAdobe Museを使って作りました。

少し前にDreamweaberを使ってみているのですが、それよりも簡単にサイトが作れてしまって、これでいいのか…という気分になってしまうくらいです。
それでも実際にネット上でちゃんと動いているので、すごいですね。いい時代に生まれたなあ。

作っている間はコードを一切使わず、まるでIllustratorを使っているような感じでした。
パララックスな動きも、コードのことなんて全く考えすに設定できてしまいます。面白い!
サイトをプレビューするたびにちゃんと動いてるのがうれしくって、何度も見直しちゃったのは内緒です。

このサイトを作っている時に、SVGなる言葉も覚えました。
Scalable Vector Graphics(スケーラブル・ベクター・グラフィックス)。この業界に来なければまず耳にすることのない言葉だったでしょう…。

 
なにはともあれ。
wordpressだけでなくこちらのページにもぜひ遊びに来てくださいね!

おすみのwordpress奮闘記

 

こんにちは、おすみです。

ごはんの話ばっかりしているので、少し別の話題を。
wordpressについてです。

http://schwanz.jp/web/

このwordpressページですが、私も勉強のためにいろいろ編集させてもらいました。

今回使っているテーマはOrganic Lifeというものです。
はじめはBizVektor(ビズベクトル)というテーマを使っていたのですが、ちょっと堅くて私とは波長が合いませんでした…。
そのためボスにお願いしておしゃれで使いやすそうなテーマを探してもらったところ、このOrganic Lifeに行き着いたわけです。
説明のテキストもダッシュボードの内容もすべて英語になってしまうのですが、それでもこちらのほうが私には使いやすく感じます。
英語漬けではありますが、自分が編集した内容が実際に反映されているのを見ると嬉しくなります。

wordpressをはじめるにあたって、使いやすいテーマ選びというのは大事なんだそうです。
相性のいいテーマと出会えると、wordpressがもっと楽しくなりますね。