株式会社オンズのブログ記事一覧

【WordPress】お問い合わせフォーム「Contact Form 7」に「reCaptcha v2」を設定する方法 プラグイン「Contact Form 7」でお問い合わせフォームを設置するとき。 reCAPTCHAを導入する場合、現在はv3がデフォルトですが、他バージョンのv2を使用したいケースもあるかと思います。 今日は『reCAPTCHA v2』を... 【WordPress】お問い合わせフォーム「Contact Form 7」に「reCaptcha v2」を設定する方法続きを読む →

【PHP】特定の Instagram の投稿写真を［Instagram Graph API］を利用してウェブサイトに表示させる方法（v7.0対応） みんな大好きインスタグラム。 今日はInstagramの投稿をウェブサイトに表示させる方法を紹介します。 前半部分では［Instagram Graph API］を使って、Instagramの投稿を表示させるのに必要な「アクセストークン」と「... 【PHP】特定の Instagram の投稿写真を［Instagram Graph API］を利用してウェブサイトに表示させる方法（v7.0対応）続きを読む →

【Responsive Google Maps】ウィンドウをリサイズしてもピンが中央からズレないようにする方法 ウィンドウ幅を変えても必ずピンが画面の中央に配置されるレスポンシブ対応の Google Maps の設置方法を紹介します。 以下のリンク先にサンプルを用意しています。 試しにウィンドウ幅を変えてみてください。 Responsive Goog... 【Responsive Google Maps】ウィンドウをリサイズしてもピンが中央からズレないようにする方法続きを読む →

【jQuery + PHP】クロスドメイン対応版：Google Feed API の代替案を紹介します。 昨日 Google Feed API が停止した事件があり、ウェブ制作者の方々はその対応に追われ、各地で阿鼻叫喚と大混乱が起きていました。 一夜明けて、現時点で Google Feed API が復旧しているようですね。 しかしまたいつ廃止... 【jQuery + PHP】クロスドメイン対応版：Google Feed API の代替案を紹介します。続きを読む →

【jQuery】緊急案件：Google Feed API が廃止になっているので代替案を紹介します。 昨日、2015年12月2日未明より Google Feed API が403エラーを返すようになり、特にニュースサイトを中心とした各方面で混乱が発生しています。けっこう大変な事態のようですね。 未だ公式サイトでもアナウンスが無く、廃止になっ... 【jQuery】緊急案件：Google Feed API が廃止になっているので代替案を紹介します。続きを読む →

プラグイン［Jetpack］の機能『Photon』はWordPress外からでも使えます。 これ、ちょっとした裏ワザです。 ワードプレスのプラグイン［Jetpack by WordPress.com］で提供されている『Photon』を、WordPressを経由せずに利用する方法を紹介します。 Photon の仕組み Photonは... プラグイン［Jetpack］の機能『Photon』はWordPress外からでも使えます。続きを読む →

地図を埋め込んであるサイトで［Google Maps API］のエラーメッセージが発生していませんか？ ウェブサイトに「Google Maps」を埋め込んでいる方は、今すぐブラウザでエラーコンソールが発生していないか確認してください。 下記のようなエラーメッセージが出力されていませんか？ Google Maps API warning: Se... 地図を埋め込んであるサイトで［Google Maps API］のエラーメッセージが発生していませんか？続きを読む →

レスポンシブ対応サイトに［Google Maps］を埋め込んだときに表示が崩れるときの解決策。 ウェブサイトに Google Maps API を埋め込んだとき、稀にコントローラーのUIが崩れるなどの怪奇現象が起こることがあります。 実はコレ、単にスタイルシートの設定が原因です。 レスポンシブ対応のサイトを構築するとき、画像の大きさを... レスポンシブ対応サイトに［Google Maps］を埋め込んだときに表示が崩れるときの解決策。続きを読む →

「Internet Explorer」でGoogle Mapsの表示が乱れるときの解決策。 ウェブサイトに［Google Maps］を埋め込んだとき、またはブラウザで直接［Google Maps（https://www.google.co.jp/maps）］を表示させるとき。 Internet Explorer で閲覧すると不具合... 「Internet Explorer」でGoogle Mapsの表示が乱れるときの解決策。続きを読む →

「Google Chart API」→「QR Code Generator API」を使ってQRコードを生成する方法。 URL短縮サービスと並行して普及してきたQRコードですが、Googleが提供している「Google Chart API」というプログラムを使って、誰でも簡単にQRコードを生成してしまう方法を紹介します。 追記： 2024年3月ごろから、本記... 「Google Chart API」→「QR Code Generator API」を使ってQRコードを生成する方法。続きを読む →