スポンサードリンク

Google マップ ストリートビュー 記事中にJavascript<script>を記述する

Google マップ ストリートビューのScriptをWordpressの記事の中に記述したら動作しなかったです。困ってたら、Scriptファイルを外部に置けば良いとのアドバイスが・・・・。

しかし、それでも動かん。 scrで外部URLを指定してもだめ・・・・。

しかし、知ってる方がいらっしゃいました。divで囲うとのこと。感謝!!

<div>
<script type=”text/javascript” src=”/script/hoge.js”></script>
</div>

その結果、動作! こんな感じ。 ↓

◆「Google マップ ストリートビュー + 地図」

ストリートビュー画面に合わせて、マップ上の青三角形が移動します。 オーバーレイ(青い道路)表示: 

WordPress SEO対策プラグイン 

SEO対策で”Platinum SEO Plugin”を使ってみたが、あまり効果が無いようだ・・・・・うんでAll in one SEO packに乗り換えてみることに。

phpMyAdmin で MySQL のデータテーブルから指定選択した変数のマーカー(アイコン)だけを表示させる/PHP, MySQL & Google Maps

MySQLのデータテーブルから全ての行を選択して表示させるためのphpファイルに記述する(全てのマーカー表示)、select文は、

次の通り(参考記事

$query = “SELECT * FROM markers WHERE 1″;

今回は、特定のマーカーだけを、抽出選択して地図に表示させてみる。

Read more »

類似の関連記事を記事内に表示させるプラグイン

記事内に関連する投稿記事を表示させるプラグインとしては、「Similar Posts」プラグインが有名ですが、何故かインストールしようとしたらエラーがでましたので、他に関連記事を自動表示するプラグインをさがしたのがコレ。

タイトル、カテゴリ、タグ、内容の4つの要素から関連性を調整することができますので、必要にして十分な機能のあるプラグインでした。

Yet Another Related Posts Plugin

General Header & Footers  ヘッダーとフッター部にタグ(Tag)を記述。Google Analyticsやアクセス解析のタグ貼り付け用に!

ヘッダーとフッター部にタグ(Tag)を記述できるWordpressプラグイン。
Header部には、Google Maps APIキーやcssリンク、フッター部には、Google Analyticsのトラッキングコードやアクセス解析のタグを貼り付けるのに便利!

ZD header tagsを使っていましたが乗り換えました。

General Header & Footers

WordPress Header(ヘッダー)部へのscriptファイル,cssリンクのタグ記述用プラグイン

WordPressでスクリプトやCSSをheaderに記述する方法は、いろいろあるようですが、このブログで使っているのは、次の2つのプラグイン。

ZD Header Tags

ブログヘッダーにいつでも表示される共通のScript(スクリプト)ファイルやCSSファイルのリンクの記述に。

Add js css

記事毎にScript(スクリプト)ファイルやCSSファイルのリンクの記述が指定できる。非常に重宝してます。

カスタムフィールドに記述して使います。

Highslide でリンク先サイトのHTMLをIframeで表示させてみる。

Auto Hislideプラグインもいいけどあまり自由が利かないので・・・・。
プラグインじゃないですが・・・・見つからなかったので
凝りたければ、本家サイトからHislide.js本体とグラフィックをダウンロードしてカスタマイズ。

◆設定が必要なファイルは次のとおり

上記ダウンロードしたファイルから、次のファイルとグラフィックフォルダを保存したURLを指定。

js×2、css×1。

URLとグラフィックのタイプを選定。サンプルは、本家のexampleページを参照下さい。
Read more »

Auto Highslide 写真や画像をポップアップしてくれるプラグインを試してみた。

Auto Highslide

特に設定は不要。プラグインをインストールするだけ。

反応も良く。1つの記事にある何枚もの写真を全て拡大し、マウスで写真をクリックしてドラッグ移動できる。

下のサンプル3枚を、1枚づつクリックしては移動。

Read more »

Flickrの写真をタグで選んで簡単に貼り付けられる。Flickriver.com

Flickrの写真を手軽にブログに貼り付けることのできるパーツとしてコレは、いい!

Flickriver.com

◆サンプル「国立科学博物館」

View '国立科学博物館' photos on Flickriver

Read more »

パノラミオ写真 Web API 表示サンプル

パノラミオはiframeなので、何はともあれIFrame Embedderを使う

◆タグ+スライドショー

変更するのは、タグとスライド間隔。IFrame Embedderの [ifame URL 幅 高さ ]内に次のURLを記載。

URLhttp://www.panoramio.com/wapi/template/slideshow.html?tag=japan&amp;width=450&
amp;height=400&amp;delay=1.5

◆タグ+横リスト形式

変更するのは、タグとスライド間隔。IFrame Embedderの [ifame URL 幅 高さ ]内に次のURLを記載。

URL
http://www.panoramio.com/wapi/template/photo_list.html?tag=sunset&amp;
width=500&amp;height=500&amp;list_size=8&amp;position=bottom&amp;bgcolor=%23C0E0FF

[iframe http://www.panoramio.com/wapi/template/list.html?tag=sunset&amp;
width=400&amp;height=200&amp;columns=6&amp;rows=3&amp;orientation=horizontal 100% 400]

スポンサードリンク