はてなブログのスマホCSSは編集できる?
はてなブログのスマホCSSって編集できる?
カスタム編集したCSSはスマートフォン向け表示では適用されず、 関連しそうな設定項目も管理画面で見つけられなかったのですが、 何か編集する方法ってあるのでしょうか…?
どうしても見つけられなかったもので、 ひとまずJavaScriptでスマートフォン向けCSSを適用することにしました。
- <script type="text/javascript">
- (function(){
- var _path = location.pathname;
- if (_path.indexOf('touch') > -1){
- document.write('<link rel="stylesheet" href="(スマホ向けCSSのアドレス)">');
- }
- })();
- </script>
はてなブログではスマートフォン向け表示のときは、 URLのパス - location.pathname - の先頭に「/touch」を付けるので、 その条件のときにだけスマートフォン向けCSSを読み込みします。
もちろんユーザーエージェントやディスプレイのサイズで判断しても いいと思いますが、どの条件でスマートフォン向け表示にするかは はてなブログ側の仕様なので、パスで判断するのが無難と思いました。
追記
ここまで書いたところで、はてなブログの公式アカウントさん - @hatenablog - に念のため聞いてみたところ返事をいただき、やはり編集ができないということでした。
@isotake0214 すみません、現在はスマートフォン向けCSSの編集はできません。
— はてなブログ (@hatenablog) 2012年11月6日
おわり
参照サイト
関連記事