(1/8ページ)このカテゴリーではブログウェア「MovableType」のカスタマイズを掲載していますブログをスマホ対応にしてみた当ブログをスマートフォン向けに最適化してみました。これまでは当ブログをスマホで見ると、PCサイトと同じ本文とサイドバーの左右2カラムデザインが表示され文字が小さくなったりしていましたが、本文部分が最初に表示されるようにカスタマイズしました。PC用とスマホ用それぞれのHTMLを用意し二つのURLでの運用を考えましたが、MovableTypeでそれをしようとするとテンプレートを作り直したりいろいろと面倒そう。そこで、スタイルシートのみで対応させるレスポンシブデザインに挑戦してみたところ、一部HTMLの修正は必要でしたが、大まかな部分は簡単に対応させることができました。デザインが崩れる等の荒さが目立つところが多くあるので、今後少しずつ修正していこうと思います。当ブログでは自分で撮影したクレーンゲームの挑戦などを動画で公開していますが、投稿動画をサムネイルで一覧表示するページを設置し、タイトルバナー下のMOVIE表示のペンギンアイコンをクリックすることでページに移動できるようにしました。表示、画像にカーソルを乗せると拡大表示、クリックで該当記事へ移動するようにしています。当ブログには以前から外部で配布されているスクリプトを使用して、ブログ内に掲載している画像のサムネイルから各記事へ移動できるページを設置していましたが、今回MovableTypeのタグのみを使用したオリジナルのサムネイルページを作成し設置しなおしました。各記事に設定しているOGP用画像を80x80のサイズでタイル状に表示、画像をクリックすると該当する記事へ移動できるようにしました。コメント(4)ブログを常時SSL化しました当ブログを常時SSL化しました。リダイレクトするようにしました。構成できていないのでブラウザでアクセスすると警告が出ますが、近日中に対策を施したいと思います。コメントしてみませんか?ブログにパソコン対応の「LINEで送る」ボタンを設置するこれまでブログに「LINEで送る」ボタンを設置していましたが、これはスマホのみ動作するもので、パソコンのブラウザからはボタンを押してもLINEのホームページが表示されるだけのものでした。ネットで偶然見つけたサイトで、パソコンでの動作にも対応したボタンがリリースされていることを知り、新しいボタンに取り換えてみました。ボタンを設置したいところへHTMLを追加するだけでOK。詳しくはLINEのホームページへ。websites設置されたボタンを押すとウィンドウが立ち上がり、サイトの概要と同時に投稿したいコメントの入力欄が表示されます。概要はOGPを設定してあればそれらの画像や説明文が使用されるようです。内容を確認したらトークへ投稿するかタイムラインへ投稿するかを選択するだけ。スマホも対応しています。久しぶりのブログカスタマイズでした。コメントしてみませんか?ブログをWindows8のライブタイルに対応させてみた先日ウェブサーバのエラーログを見ていると「browserconfig.xml」というファイルにアクセスがあり、404エラーになっていることを確認しました。このファイルについて調べてみると、Windows8のインターネットエクスプローラでサイトをピン留めするとbrowserconfig.xmlが読み込まれ、記載されている内容を基にスタート画面にライブタイルとして画像を表示するもののようです。いうことで、表示する画像やxmlファイルを作成し、当ブログをライブタイルに対応してみました。小サイズ普通サイズワイドサイズ大サイズさらに調べると、小サイズ以外は用意した画像やテキストを5通りまで順次表示させることができると分かったので、ブログの最新の5記事までのそれぞれのタイトルとOGPで設定した画像を表示するようにしてみました。最新版のバージョン6.02へとアップグレードしました。昨年10月のバージョン6公開後すぐにインストールしてプラグインの互換性を確認してみたところ、コメント時にツイッターアカウントでサインインするTwitCommentプラグインの動作がおかしいことを確認。ツイッターサーバとの認証時に「Mozilla::CAがなんたらかんたら・・・」というエラーが出て先に進めませんでした。Mozilla::CAというモジュールをインストールすればよいのだろうと考えSSHでサーバにログインしようとしましたが、何が原因か分かりませんがログインできずにインストール断念。バージョン5に戻し運用していました。先日改めてログインを試みたところ今回は成功し、ウェブで調べた情報を頼りにMozilla::CAをインストール。インストールは成功しているはずだけどウェブ上ではどうも認識していない様子。調べたところ.htaccessに設定を加えるとよいとのことだったので実行してみたところ、ちゃんとウェブ上で認識してツイッターサーバとの認証にも成功したので、その後はバージョン6.02をインストールし直して運用しています。MovableType6からはグーグルアナリティックスと連携できるということで設定してみました。ダッシュボード上にアナリティクスから得たブログのアクセス数がグラフで表示されるようになりました。このようにして確認できるのは便利かも。Archives2020年1月(3)2019年9月(3)2019年7月(4)2019年6月(5)2019年5月(1)2019年1月(5)2018年12月(6)2018年11月(1)2018年10月(4)2018年9月(3)2018年8月(5)2018年7月(1)2018年6月(5)2018年5月(3)2018年4月(3)2018年2月(5)2018年1月(9)2017年12月(2)2017年11月(4)2017年10月(4)2017年9月(2)2017年8月(1)2017年7月(1)2017年6月(1)2017年5月(2)2017年1月(3)2016年12月(7)2016年10月(2)2016年9月(2)2016年8月(2)2016年7月(4)2016年2月(2)2016年1月(4)2015年12月(4)2015年11月(5)2015年10月(2)2015年9月(2)2015年8月(2)2015年7月(5)2015年6月(1)2015年5月(4)2015年4月(2)2015年3月(3)2014年11月(1)2014年10月(1)2014年9月(1)2014年8月(2)2014年7月(1)2014年5月(5)2014年4月(1)2014年3月(1)2014年2月(2)2014年1月(5)2013年12月(12)2013年11月(5)2013年10月(5)2013年9月(5)2013年8月(3)2013年7月(2)2013年6月(3)2013年5月(7)2013年4月(4)2013年3月(6)2013年2月(3)2013年1月(11)2012年12月(8)2012年10月(7)2012年9月(15)2012年8月(15)2012年7月(14)2012年6月(10)2012年5月(17)2012年4月(11)2012年3月(18)2012年2月(14)2012年1月(20)2011年12月(27)2011年11月(19)2011年10月(17)2011年9月(22)2011年8月(23)2011年7月(20)2011年6月(14)2011年5月(25)2011年4月(8)2011年3月(14)2011年2月(18)2011年1月(21)2010年12月(27)2010年11月(28)2010年10月(30)2010年9月(24)2010年8月(21)2010年7月(21)2010年6月(25)2010年5月(21)2010年4月(24)2010年3月(28)2010年2月(15)2010年1月(16)2009年12月(23)2009年11月(14)2009年10月(20)2009年9月(16)2009年8月(17)2009年7月(15)2009年6月(11)2009年5月(24)2009年4月(13)2009年3月(12)2009年2月(13)2009年1月(10)2008年12月(8)2008年11月(13)2008年10月(12)2008年9月(15)2008年8月(13)2008年7月(22)2008年6月(24)2008年5月(13)2008年4月(13)2008年3月(14)2008年2月(16)2008年1月(10)2007年12月(16)2007年11月(14)2007年10月(14)2007年9月(20)2007年8月(15)2007年7月(12)2007年6月(9)2007年5月(7)2007年4月(8)2007年3月(2)2007年2月(7)2007年1月(7)2006年12月(10)2006年11月(4)2006年10月(10)2006年9月(6)2006年8月(7)2006年7月(1)2006年6月(4)2006年5月(9)2006年4月(7)2006年3月(3)2006年2月(5)2006年1月(4)2005年12月(7)2005年11月(4)2005年10月(5)>Rankingエントリーランキングを表示Informationブログの更新はツイッターとフェイスブックページでお知らせしています。Windows8以降のライブタイルにも対応しています。