PAGE TOP

取り組み

印刷する

Emanon Business フロントページウィジェットの設定

Google Mapをフッターエリアの前に表示させる

のりのり
時計

Emanon Business(Emanon Proの子テーマ)を2月1日に購入し、毎日ポツポツとカスタマイズを進めています。時々わからないことがあると、サポートセンターにメールで問い合わせていますが、数時間内に回答をいただけるのでとても助かります。

WordPressも初体験なので、これを設定したら何かエラーになるんじゃないかと、ドキドキしながら設定していますし、いったりきたりと後戻りすることが多く、時間がかかりすぎています。

Emanon Busines」は、会社サイトや事業紹介サイトを簡単に設計できるビジネスサイト用のテーマということで、記事を書くことを優先するため購入したのですが、なかなか記事を書くまでに至りません。WordPressもそうですが、初心者にとって、カスタマイズはそんな簡単なことではありません。

そんなこんなですが(?)、「フロントページウィジェットの設定」をやってみようと思い、やりながら記事にしてみます。

フロントページウィジェット」を設定すると、フッターエリアの上にGoogle Mapを表示させることができます。

まず、サイト上にGoogle Mapを追加できるプラグイン(作成者:Takayuki Miyauchi様)を“インストールして有効化”します。


map
PlugInの画面にリンク ↑

そうすると、WordPress管理画面-設定に、Simple Map settings画面が表示されます。

wordpress

次に、「Simple Map」を利用するには、「Google Maps APIキー」が必要なのでGoogleにログインし取得ボタンをクリックします。

地図

Maps Web APIの有効化が表示されるので、Yesにチェックを入れ、NEXTへ。

yes

最後に、「YOUR API KEY」をコピーし、WordPress管理画面に戻り、Simple Mapの設定画面にAPIコードをペーストします。

done

これでプラグインの設定は完了です。

Google MAPを表示するには、ショートコードを作成します。

WordPress-外観-ウィジェットにいき、利用できるウィジェットからテキスト-フロントページをクリック、ウィジェットの追加をクリックすると、フロントページのエディタ画面が開きます。

エディタ画面に[map breakpoint="320px" height="400px"]東京都台東区浅草橋2-12-4 渡部ビル3F[/map]と入力し、保存します。

editor

無事、Google Mapをフッターエリアの前に表示させることができました。

map

キーワード