スキップしてメイン コンテンツに移動

スマホ向けモバイルサイトにブログ(Blogger)を最適化する方法


HTMLの記述を変えた後にガジェットの追加を消したり弄ったりすると「エラーが発生しました」と表示され、にっちもさっちもいかなくなる場合があるので…

HTMLの記述を変える前に
テンプレート>HTMLの編集から
メモ帳へHTMLをバックアップすしましょう。

テンプレートが別の場所で更新されました。元のページを再度読み込み、もう一度試してください。
http://indoorotaku.blogspot.jp/2015/04/blog-post_21.html

ここから最適化の方法


レイアウト>ガジェットを追加
でスマホに表示したい、お好きなガジェットを追加します。
タイトルを「(モバイル)」にします

テンプレートから

モバイルテンプレートを「カスタム」にして

HTMLの編集を開き

HTMLをメモ帳にコピペ
「検索」から

(モバイル)を見つけます。

 <b:widget id='HTML1' locked='false' mobile='yes' title='(モバイル)' type='HTML'>


titleの左側に

mobile='only'

を挿入します。



mobile='yes'

にしたい所ですが、そうするとスマホで表示されますが、URL(リンク)を踏むと、リンク先がPC(パソコン)向け表示へ強制的に戻ってしまうんです。
なのでPC表示用ガジェットとスマホ表示用ガジェットを2つ作り、片方をmobile='only'にすることにしました。

そうすると、リンクを踏んでもスマホ向け表示が維持されていました。




注意事項

「mobile='only'」を加えたガジェットがあるとレイアウトの保存ができなくなる。
なので、レイアウトの編集をしたい場合は、HTMLの編集から「mobile='only'」の記述を削除する必要がある。



寿司はえんがわ。~Engawa RotMG ブログ~
Bloggerでのhtmlをいじってのモバイル表示の変更
http://engawafc.blogspot.jp/2013/10/bloggerhtml_16.html


関連記事


Bloggerモバイルサイトに忍者アドマックスを貼る方法
http://indoorotaku.blogspot.jp/2015/03/blogger.html


コメント

今月の人気記事

スト5の勝率が見れるサイトFightingGame.Communityが閉鎖!新サイトv-league.proが登場!戦績の見方を解説!

ダイソー電気小物コーナーでUSB延長ケーブル2m買い占めたったwwwwwwwww

格ゲーなら2Dでも3Dでもひと通りプレイする格ゲー廃人の俺がハマった名作50選を発表する

大手ブログはちま起稿管理人 清水鉄平が有名コスプレイヤー「もみたそ」と交際発覚!

「問題が発生したためギャラリーを終了します」と表示されて強制終了する場合

ニコニコ動画やYouTubeがカクつく場合

【これはひどい】格ゲー廃人がコミック百合姫「いつかみのれば」をぶった斬る!!

auo[error]:出力音声ファイルがみつかりません。qaacでの音声エンコードに失敗しました。とエラーが表示される場合…

SAO映画特典フィルムガチャ…どのシーンが写ってたのか大公開!

総合人気記事

ニコニコ動画やYouTubeがカクつく場合

【画像あり】『ラブライブ!』声優・新田恵海がAV出演か!?

スト5の勝率が見れるサイトFightingGame.Communityが閉鎖!新サイトv-league.proが登場!戦績の見方を解説!

駿河屋の青年コミック300冊福袋買ったったwwwwwwwwww

格ゲーなら2Dでも3Dでもひと通りプレイする格ゲー廃人の俺がハマった名作50選を発表する

スマホに使えるKKmoon 59キー 超薄型 ミニB ミニ bluetooth3.0キーボードのレビュー!タッチタイピングが捗る!

パナソニックRP-HJE120カナルイヤホンとビクターHA-FX711Sを比べてみた

ついに禁断のPS2エミュに手を出してしまったのでPCSX2を語ります!ホリのアケコンRAP5サイレント隼も使えたよ!

格ゲーは本当にオワコンなのか!?格闘ゲームソフト歴代売り上げ大発表!!