DigiPressテーマ「GRAPHIE」で、WordPressプラグイン「Simple Map」を使えるようにする方法

5月/6月のフォトセッション受付中!

松本と横浜を中心とした地域で撮影します。あなたのお気に入りの場所で、あなたが自然に振舞っているような雰囲気で、あなたのステキを撮らせてくださいな。

 

以前、以下の記事に書いた「GRAPHIEでSimple Mapが微妙に機能しない」 問題が解決しました。

[ss class=”alignleft” ext=0 width=”160″ url=”http://nnamm.com/?p=63″ title=”DigiPressの有料テーマ「GRAPHIE」の良いところ3つ/イマイチなところ3つ(2014年10月版) | 信州 Snap::Life”]

 

解決にはブログ「ものくろぼっくす : アウトプットで生きていく」の大東信仁さんこと、ものくろさんのご活躍にあります。詳しくは以下の記事を参照ください。
【GRAPHIE トラブル解決】Simple MapプラグインのGoogle Map 地図が表示されない : ものくろぼっくす

R1006892

 

 
スポンサーリンク

 

原因はGRAPHIEの仕様

GRAPHIEは、そのテーマのメリットとして画像を素敵に見せるよう機能が組み込まれています。今回はそれがあだになって、Simple Mapが機能しなかったようです。

詳しくは、上記の記事にまとまっていますので、そちらにお譲りします。後述するCSSの意味も解説されているのでとても助かります。

R1006894

解決方法

その解決法はとってもカンタン。

WordPress管理画面の左メニュー「DigiPress」 → 「ビジュアル設定」 → 「オリジナルスタイルシート設定」に以下のコードをコピペしてください。

 

.simplemap img {
-webkit-opacity:1;
-moz-opacity:1;
-o-opacity:1;
filter:alpha(opacity=100);
-ms-filter:alpha(opacity=100);
opacity:1;
}

 

これでOKです。僕のブログでもちゃんと表示されるようになりました。

R1006896

感謝です

DigiPressのテーマを利用していると「ショートコード」という機能が利用できます。そのなかにもGoogle Mapを表示するショートコードがあるのですが、(2014年12月時点では)使いにくく、その表示もイマイチに感じていました。

その点、Simple Mapはその名のごとくシンプルに表示されますし、利用方法もカンタンです。

ですから、このプラグインがGRAPHIEでも使えるようになって助かりました。位置も含めて情報を発信するときに、地図が載っていると分かりやすいですからね。

改めて、ものくろさんに感謝です。またプラグイン開発者さんにも感謝です。ありがとうございました。

R1006899

【空気感フォトグラファーからのお知らせ】

(1)5月/6月の撮影依頼受付中!

松本と横浜を中心とした地域でプロフィール/ポートレイト撮影します。

あなたのお気に入りの場所で、あなたが自然に振舞っているような雰囲気を僕が引き出します。あなたのステキを撮らせてください。

(2)あなたのステキをそっとすくい撮ります!

WebやSNSに顔写真を公開するのがなんだか恥ずかしい。けれどエイっと勇気を出して公開したい!今の自分を見せたい!あるいは実は撮られたかったんです。という方々、そのサポートを僕にやらせてくださいな。

僕なら、あなたが気がつかないときに、あなたのステキをそっとすくい撮ります。だから大丈夫。

詳しくはこちらからどうぞ!

Profile

花村貴史 / Takashi Q. Hanamura
花村貴史 / Takashi Q. Hanamura<空気感フォトグラファー>
「”自分の好き”を大切にしよう」と思いきって大好きな信州に移住したフォトグラファー。その人/その場の空気感をそっとすくい撮る写真が好評。

2017年はプログラミングやCGにも手を出し、「写真」「エンジニア」「芸術」「心理」、それぞれの分野を楽しんでいきます。

詳しいプロフィールはこちらへGo!!