区切り線
 区切り線

プラグインの Easy FancyBox を設置 (2)

アニメーションタイプの GIF が使えました。

例.) 透 明 ボ タ ン  1 . 透明ボタン 1 = .gif

 牧 場 の 風 . 牧場の風 = .gif

 Ume-Jp  PC 修 理 . Ume-Jp PC 修理 = .gif

ビデオタイプの動画と SWF ファイルができませんでした。
プラグインの Easy FancyBox の設定を色々と変えて見たり、.htaccess ファイルに以下の項目を追加してもできませんでした。
///////////////////////////////////
AddType video/webm .webm
AddType video/wmv .wmv
AddType video/mp4 .mp4
///////////////////////////////////

残念ですが、ビデオタイプの動画は html ファイルで提供します。
しかし IE(9) は再生できないようです、 poster=”xxxxxxx.jpg” の静止画だけが表示されています、動画や音声はうんともすんとも言いません。

Firefox(26)とGoogle Chrome(32)で正常再生の確認をしています。

Class_content
 区切り線
 区切り線

『このページの上に戻るボタン』の変更

【 このページの上に戻る 】ボタンを変更しました。ブログやサイトマップなどの長いページには便利です。
とても長いページでも、右下に透けたボタンとして常駐しているので、どこからでもページの上に戻ることができます。ですから安心してとても長いページを作成できます。

スクロールしたら「トップへ戻る」ボタンの javascript のコードを見つけたので導入して見ました。
*****************************************************
そのサイトでは移植しやすいように各コードを公開した上に、実際に動いているサンプル画面も用意されていました。
構成:
1.html
2.css
3.javascript
に分けられていてコピーもやり易すくしてありました。
ボタン表示のタイミング と ボタン表示文字 と 見た目 は変更しています。
公開して頂いてありがとうございます。
*****************************************************

※ プラグインと競合も無いみたいです。

Class_content
 区切り線
 区切り線

WordPress のテーマの変更

慌てて WordPress のテーマの変更をしました。

PHPバージョンの変更が原因で、今まで使っていた WordPress のテーマでの表示が狂った為に、新しくテーマを変更しました。

HTML5 & CSS3 の勉強も兼ねて手直しをしながら新しいテーマに移行させました。 IE9 による確認しか取っていないので、違うバージョンのブラウザや他社のMozilla Firefox(モジラ ファイアフォックス) や Google Chrome (グーグル・クローム)ではどのような表示になっているか分かりません。

修正は、個人的な重要な案件が済んでから再開したいと思います。

今しばらくお待ちください。

Class_content
 区切り線

ブラウザの対応 追記

Internet Explorer (インターネット エクスプローラー) IE 6 は、この WordPress に移植する前のサイトに移動して利用出来るようにしました。
これは苦肉の策です。
新しくコンテンツを追加するときに、古い(以前の)サイトには登録しません。
 
IE 10 はまだ未確認です、他社のMozilla Firefox(モジラ ファイアフォックス) Fx 19 や Google Chrome (グーグル・クローム) 26 もこれ以外のバージョンの確認が出来ていません。狭い範囲のブラウザ対応ですが、OS (オペレーティングシステム)やブラウザに依存する現状ではショウガナイとあきらめています。
 
W3C… なんか分からんけど… ガンバってほしい

Class_content
 区切り線

ブラウザの対応

この WordPress で作成したサイト( Ume-Jp.com )の対応できるブラウザが確認できました。

Internet Explorer IE 9 (インターネット エクスプローラー)
 ※ブラウザモードでの確認 IE 8
IE 7
Mozilla Firefox Fx 19 (モジラ ファイアフォックス)
(FF と略記されることがある)
Google Chrome 26 (グーグル・クローム)

上記以外は未確認です。

 
問題は、この記事を読んでいる人は適正ブラウザを使用して頂いている訳で、あまり意味のない情報です。画面のレイアウトが崩れて見えている人はこの記事まで読み進めないことです。
いやになる、矛盾した話です。

Class_content
 区切り線

新しく WebAPI サイト を作りました

WordPress で WebAPI ( Webサービス )を利用したページを作るという試みが成功しました。一部違う技術で表示している部分が有りますが、概ね WebAPI ( Webサービス )を利用したページです。その表示の中から提供会社のサイトの中の検索結果ページに繋がる訳です。このサイトの利用者の利便性が良くなったと自負しております。安全安心のサイトにリンクしていますので大いに利用して頂きたいと思います。

Class_content
 区切り線

Google Maps の設置

『松山観光写真』サイトの各写真ページの下行位置に Google Maps を設置しました。
 
WordPress のプラグインで Geopost が有りましたが
【 注意: このプラグインは現在使用している WordPress のバージョンではテストされていません。】と言うことで、バージョン違いで断念しました。その他に 2点有りましたが使い方が分からずに不採用です。
今、使用しているのは WordPress プラグイン と違う方法で、javascript による方法で実現しています。
 
目印を実際の場所とかなり近い位置に張り付けられた様に思っています。

Class_content
 区切り線