wordpressで地図（グルメマップ）を自動作成！GoogleMapsAPI 大山グルメマップ！
このブログでは飲食店のグルメレポートを書いています。お店ごとに点数（レビュー）をつけて勝手に評価をしてきました。 仕組みはこちらの記事にて紹介しております。 wordpressを使ったレビューサイトの構築 これまで板橋区の大山界隈を中心にレポートを書いてきましたが、結構な数のお店に訪問できたのでwordpressとGoogleMapsAPIを使って、訪問したお店の地図を作ってみようと思います！ 毎回手動でGoogleMAPに情報を書くのはしんどいので、記事を書くと勝手に地図が出来上がっていく自動化された仕 ...
wordpress mesocolumn スマホ用メニューバーに変更する
mesocolumn はデフォルトでレスポンシブに対応しており優れたテーマである事は間違いありません。ただし1点だけ気に入らないところがあります。それがレスポンシブデザインのメニューバーです。大きく２つ気になる箇所があります。 メニューバーの縦幅が極端に広く、メニューが使いにくい サイトロゴとメニューバーの間が極端に広い すっきり見せたいので次の様に修正します。 メニューをハンバーガーメニューにしてたたみ、サイトロゴとメニューバーと見出しの幅を狭くします。そうすることでファーストビューで最初の記事が少し見 ...
wordpress mesocolumn ページナビの色を変える
mesocolumn は完成度の高いレスポンシブに対応したテーマですが、そのまま利用すると微妙なところがあります。 まずはベージナビゲーションです。今何ページにいるかわからない課題があります。例えば以下の画面です。１ページ目に現在いるのですが、他のページ番号と色が同じで現在のページ番号がわからなくなります。 ＣＳＳをカスタマイズして直してみます。現在のページは他とＣＳＳが異なり、.wp-pagenavi .currentという属性を持っています。 なので、/home/homedqx/www/nm/wp-c ...
wordpressでレビューサイトの作り方。wp-product-reviewをカスタマイズしてレビュー記事を作成
このブログでは訪問した飲食店の情報をレビュー形式の記事をまとめております。 ブログはwordpressを使っているためプラグインが豊富ですが、自分がイメージしているようなレビューを書けるプラグインはありませんでした。なので自分で作ってみたいと思います。 レビュー情報を充実させたい 求めている要件は次のとおりです。単純なレビュー記事だけではなく、見た目をリッチにして情報を充実させたいというものです。 レイアウトはレスポンシブである レビュー記事に複数の写真が投稿できて写真がスライドショーで見える お店や料理 ...
wordpress レビュー記事に地図を付ける
このブログでは飲食店のレビュー記事を書いてます。お店ごとに味や雰囲気を評価して点数をつけたりしています。 記事を書く中でお店の場所を忘れないようにと思い、記事と一緒にお店の地図も一緒に載せたいと思うようになりました。イメージとしては食べログに近い感じですね。お店や料理の内容を記事で書いて最後の方に地図を載せるイメージです。 このブログはwordpressを使っていますが、wordpressを使って簡単に実現する方法を紹介します。 実現イメージとしては記事を書く時に住所項目を設けて住所を入力しデータベースに ...