広島のホームページ制作会社GOWEB Blog

Archive for 2月 2012



GoogleマップがAPI V3になって楽しくなった気がしました

ということで、GreyBoxなんていかがでしょうか?

マップを表示させたいページのリンクをクリックしたら、Googleマップを表示させたとんでもなく単純なhtmlが、びよんと上にでてきます!

↓詳しくはこちらをご覧下さい♪
ゼロからはじめるGreyBox – 一歩先行くウィンドウ表示

びよんと上に表示された枠(?)は、cssで好きなように変更できるのでありがたいです

No tags javascript

いつもいつもいつも遅れてしまう制作実績…念力?(←意味不明ですね)

No tags Works

12/02

28

Google Maps JavaScript API V3

うっかりしている間に、GoogleマップがAPI V3だった…

ごちゃごちゃ書いていたものがすっかりサッパリしていたので、メモです

まず

<script type=”text/javascript” src=”http://maps.google.com/maps/api/js?sensor=false”></script>

で、スクリプトを読み込み、

<script type=”text/javascript”>
google.maps.event.addDomListener(window, ‘load’, function() {
var mapdiv = document.getElementById(“map_canvas”);
var myLatlng = new google.maps.LatLng(緯度,1経度);
var myOptions = {
zoom: 拡大サイズ,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP,
scaleControl: true
};
var map = new google.maps.Map(mapdiv, myOptions);
var image = ‘マーカーアイコン絶対パス’;
var marker = new google.maps.Marker({
position: myLatlng,
map: map,
icon: image
});
var infowindow = new google.maps.InfoWindow({
content: ‘ここに住所’
});
google.maps.event.addListener(marker, ‘click’, function() {
infowindow.open(map,marker);
});
});
</script>

↑<head>内にコレ

で、地図を表示した居場所に、↓

<div id=”map_canvas” ></div>

あとはcssで、このmap_canvasさんに大きさやらなんやかんやを指定

APIキーがいらなくなりました♪

マーカーアイコンを透過pngで作って絶対パスで指定してやれば、マーカーが好きなアイコンで表示されるようになっています!

参考サイト:
手軽になった!Google Maps API V3
Google Maps JavaScript API V3を使って地図を表示する

No tags javascript

下記のような記事があるとします↓

1.カテゴリーはA、B

2.カテゴリーはA、C

3.カテゴリーはB、C

この中で、カテゴリーAとCの両方を満たす記事(例の場合2ですね)だけ抽出したいと思ったら↓

しかもスラッグで!!

query_posts(

array(‘category_name’=>’A',

‘category__and’=>array(get_category_by_slug(‘C)->term_id),

’showposts’=>1))

↑(余分な改行が入ってるけど)こんな感じで、カテゴリースラッグ「A」であり、カテゴリースラッグ「C」である記事を、おひとつ♪

↓そして、カテゴリースラッグがAであるけど、Bじゃない記事はこんな感じで

query_posts(

array(‘category_name’=>’A',

‘category__not_in’=>array(get_category_by_slug(‘B’)->term_id),

’showposts’=>8))

久々に連続して記事を書いているのは久々に仕事をするから(大嘘)

No tags WordPress

例えば、A百貨店というブログの中で、ショップB、ショップCとカテゴリーわけをしてそれぞれ記事を書いていたとします

で、ショップBの記事だけ見ようとしたら、アドレスが●/category/ショップB となtってしまうのがなんだか嫌な場合↓このプラグインが有効です
WP No Category Base
アドレス内の category の部分を消し去ってくれます!

お見事!

No tags WordPress

せっかくなんやかんやして、指定サイズの画像をトップページなんかに表示しても、WPがやってくれるトリミングの位置が微妙で、なんだかよくわからない画像がトップにでてしまう場合、こっちがトリミング位置をしていしたくなる時があります

とっても強引な方法ですが、wp-includesファイルの中のmedia.phpを直接かきかえます!

media.php内の、

image_resize_dimensions() の近辺に、

$s_x = floor( ($orig_w – $crop_w) / 2 );
$s_y = floor( ($orig_h – $crop_h) / 2 );

↑と、勝手に半分くらいの位置を指定した箇所があるので、強引に位置を変更してしまいます

すると、自分の好みの位置でトリミングしてくれるように♪

ただ、全部に有効になってしまいますけど…

No tags WordPress

シルシルミシル好きの我が家なので、前回(1/29放送)からずっと行きたいと思っていた大戸屋に行ってきました

黒酢に目がない私は、鶏と野菜の黒酢あん定食をチョイス

8歳児の子どもは、なんと!鶏かつソース丼と板うどんのセットを注文

まぁ、彼女が全部食べるのはムリだろうから、と、わたしの方は単品にしておきました

わたしが頼んだ鶏と野菜の黒酢あん定食は、鶏もたくさん入っていましたが、何よりも色とりどりの野菜が盛りだくさん!定番の玉ねぎやピーマンを始め、じゃがいも、ナス、レンコン!などが、大きめにゴロゴロ

味も見た目も、食感もとってもおいしかったです!

キャベツと水菜の千切りも、シャキシャキで、ドレッシングも、よくある、どろっとしたやつではなく、さっぱりしていて、みずみずしく、かなりもってあったのに、ぺろりと食べれてしまいました

定食屋さんで、こんなにさっぱりとたくさんお野菜を食べれるなんて嬉しい限りです♪

で、うちの子供はというと、板うどんをまずペロリ

その後、順調に鶏かつ丼を食べていくのでびっくり!

なぜならこの鶏かつ丼、セットにありがちなミニサイズじゃなくて、通常サイズだったもので…

でも、結局ほとんど完食!お腹がいっぱいだったわたしが、味見程度に少しもらったくらいでした

ちなみに、鶏かつは、サクサクで、妙な衣の厚みもなく、カツの下にたっぷりあったキャベツと愛称抜群のおいしさでした!

写真?

もちろんないです!!

No tags グルメ

Dreamweaverの使える方を募集してます!!

GOWEBでは、只今、Dreamweaverの使える方を募集してます!!

募集人員は、2~3名です。

お問い合わせは、

電話 082-276-5212 へ直接お電話いただくか、

こちらからのお問い合わせフォームからお問い合わせください。

ご連絡をお待ちしております。

No tags Works

GOWEBでは、ホームページ制作の出来る方を募集しています。

DreamWeaverを使ってホームページ制作ができる方を募集いたします。

募集人員は2名~3名です。

詳しくは、こちらからお問い合わせください。

皆様からのご応募をお待ちしています。

No tags Works

制作実績を追加しました

No tags Works