ブログにオリジナル投稿動画のサムネイルページを設置 

当ブログでは自分で撮影したクレーンゲームの挑戦などを動画で公開していますが、投稿動画をサムネイルで一覧表示するページを設置し、タイトルバナー下のMOVIE表示のペンギンアイコンをクリックすることでページに移動できるようにしました。
オリジナル投稿動画のサムネイルページ
サムネイル毎に記事タイトルのキャプションとYouTubeやニコニコ動画等アップロード先サイトを示すアイコン を表示、画像にカーソルを乗せると拡大表示、クリックで該当記事へ移動するようにしています。

このようなページを作成してみたものの・・・もう5年以上も動画を投稿していませんね

記事を参考にしたり興味を持たれた方はペンギンアイコンをクリックして管理人に拍手を送ってください!
今後の励みになりますのでよろしくお願いします!
ブログに自作のフォトサムネイルページを設置 

当ブログには以前から外部で配布されているスクリプトを使用して、ブログ内に掲載している画像のサムネイルから各記事へ移動できるページを設置していましたが、今回MovableTypeのタグのみを使用したオリジナルのサムネイルページを作成し設置しなおしました。
サムネイルページ
各記事に設定しているOGP用画像を80x80のサイズでタイル状に表示、画像をクリックすると該当する記事へ移動できるようにしました。

記事を参考にしたり興味を持たれた方はペンギンアイコンをクリックして管理人に拍手を送ってください!
今後の励みになりますのでよろしくお願いします!
ブログを常時SSL化しました 

当ブログを常時SSL化しました。

常時SSL化

いろいろと苦労しましたが、ブログを設置しているレンタルサーバ上でSSL化を設定、ブログ内の記事でサーバ内へのリンクや画像等のアドレスを http から https に置換、ソーシャルブックマーク等SSL対応していないものは修正、また一部の外部サービス等は削除、最後に .htaccess を書き換えて http://~ でアクセスがあった場合 https://~ へとリダイレクトするようにしました。

まだちゃんと構成できていないのでブラウザでアクセスすると警告が出ますが、近日中に対策を施したいと思います。

記事を参考にしたり興味を持たれた方はペンギンアイコンをクリックして管理人に拍手を送ってください!
今後の励みになりますのでよろしくお願いします!
ブログにパソコン対応の「LINEで送る」ボタンを設置する 

これまでブログに「LINEで送る」ボタンを設置していましたが、これはスマホのみ動作するもので、パソコンのブラウザからはボタンを押してもLINEのホームページが表示されるだけのものでした。

しかしネットで偶然見つけたサイトで、パソコンでの動作にも対応したボタンがリリースされていることを知り、新しいボタンに取り換えてみました。

ブログにパソコン対応の「LINEで送る」ボタンを設置する

ボタンを設置したいところへHTMLを追加するだけでOK。
詳しくはLINEのホームページへ。
LINE Developers - LINE it! - “LINE it!” button for websites

設置されたボタンを押すとウィンドウが立ち上がり、サイトの概要と同時に投稿したいコメントの入力欄が表示されます。概要はOGPを設定してあればそれらの画像や説明文が使用されるようです。
ブログにパソコン対応の「LINEで送る」ボタンを設置する

内容を確認したらトークへ投稿するかタイムラインへ投稿するかを選択するだけ。もちろんスマホも対応しています。

久しぶりのブログカスタマイズでした。

記事を参考にしたり興味を持たれた方はペンギンアイコンをクリックして管理人に拍手を送ってください!
今後の励みになりますのでよろしくお願いします!
ブログをWindows8のライブタイルに対応させてみた 

先日ウェブサーバのエラーログを見ていると「browserconfig.xml」というファイルにアクセスがあり、404エラーになっていることを確認しました。

このファイルについて調べてみると、Windows8のインターネットエクスプローラでサイトをピン留めするとbrowserconfig.xmlが読み込まれ、記載されている内容を基にスタート画面にライブタイルとして画像を表示するもののようです。

ということで、表示する画像やxmlファイルを作成し、当ブログをライブタイルに対応してみました。

ライブタイルオフ時 小サイズ
小サイズ

ライブタイルオフ時 普通サイズ
普通サイズ

ライブタイルオフ時 ワイドサイズ
ワイドサイズ

ライブタイルオフ時 大サイズ
大サイズ

さらに調べると、小サイズ以外は用意した画像やテキストを5通りまで順次表示させることができると分かったので、ブログの最新の5記事までのそれぞれのタイトルとOGPで設定した画像を表示するようにしてみました。

ライブタイルオン時 普通サイズ
普通サイズは画像のみを表示

ライブタイルオン時 ワイドサイズ
ワイドサイズは左側に画像を小さく表示、右側にタイトルを表示

ライブタイルオン時 大サイズ
大サイズは画像にタイトルをオーバーレイ表示

このブログをピン留めしてくれる人がいるか分からないけど・・・自己満足で終わりそうなカスタマイズな感じ

記事を参考にしたり興味を持たれた方はペンギンアイコンをクリックして管理人に拍手を送ってください!
今後の励みになりますのでよろしくお願いします!
MovableTypeをVer6.02へアップグレード 

当ブログで使用しているブログウェア MovableType を最新版のバージョン6.02へとアップグレードしました。

昨年10月のバージョン6公開後すぐにインストールしてプラグインの互換性を確認してみたところ、コメント時にツイッターアカウントでサインインするTwitCommentプラグインの動作がおかしいことを確認。ツイッターサーバとの認証時に「Mozilla::CAがなんたらかんたら・・・」というエラーが出て先に進めませんでした。

おそらくMozilla::CAというモジュールをインストールすればよいのだろうと考えSSHでサーバにログインしようとしましたが、何が原因か分かりませんがログインできずにインストール断念。そしてバージョン5に戻し運用していました。

先日改めてログインを試みたところ今回は成功し、ウェブで調べた情報を頼りにMozilla::CAをインストール。しかし、インストールは成功しているはずだけどウェブ上ではどうも認識していない様子。さらに調べたところ.htaccessに設定を加えるとよいとのことだったので実行してみたところ、ちゃんとウェブ上で認識してツイッターサーバとの認証にも成功したので、その後はバージョン6.02をインストールし直して運用しています。

MovableType6からはグーグルアナリティックスと連携できるということで設定してみました。
MovableTypeをVer6.02へアップグレード
ダッシュボード上にアナリティクスから得たブログのアクセス数がグラフで表示されるようになりました。このようにして確認できるのは便利かも。

記事を参考にしたり興味を持たれた方はペンギンアイコンをクリックして管理人に拍手を送ってください!
今後の励みになりますのでよろしくお願いします!
ブログをツイッターカードに対応させてみる 

当ブログをツイッターカード(TwitterCards)に対応させてみました。

Twitter Cards
ツイッターの呟きの中にツイッターカードに対応したサイトのURLが含まれている場合「概要を表示」が表示され・・・
Twitter Cards
「概要を表示」をクリックすると、サイトの概要や画像が表示されます。

設定方法はHTML内に画像の表示方法をMETAタグで記述、その他にサイト名や概要、画像URLもMETAタグで記述しますが、これらはOGPを設定してある場合は省略することが可能で、あとはツイッターに登録申請すれば利用可能となります。

設定後様子を見ていたのですが、一度「概要を表示」が表示された場合でもしばらくすると表示されなくなったり再び表示されたり・・・

何か設定ミスでもあるのでしょうか?

記事を参考にしたり興味を持たれた方はペンギンアイコンをクリックして管理人に拍手を送ってください!
今後の励みになりますのでよろしくお願いします!
1  2  3  4  5  6  7  >  >>
Recent Entries
Recent Comments
Categories
Monthly Archives
Ranking
Information
ツイッター
Facebookページへ
ブログの更新はツイッターフェイスブックページでお知らせしています。Windows8以降のライブタイルにも対応しています。
 プロフィールページ
 メールフォーム
 mixi
 YouTube
 ニコニコ動画
RSS