スマートフォン版表示をリニューアルしました。

更新情報
10 /17 2015
th_PA170154.jpg
以前からスマートフォン表示を用意していたこのブログですが、先日登場した新しい公式テンプレートが個人的な好みと合致していたので、それを機にリニューアルを決意。テンプレートの当ブログにあわせた手直しが完了しましたので、先ほどスマートフォン表示用のデザインを刷新させました。

まだ修正が必要な点が残っていますが、とりあえず使えるようになっているのでご紹介を。



IMG_9633.png

こちらが新レイアウトのトップページ。スマートフォン用のレイアウトということで、縦長の画面で縦にスクロールして閲覧する前提のデザインです。記事一覧が、上から新着順で表示されます。各記事の最初の写真が代表して大きく表示されるので、レイアウトこそ異なりますが、PC版のトップページとあわせてご覧いただいてもコンセプトの統一感が十分でていると思います。


IMG_9639.png

参考までにこちらが従来のスマートフォン版トップページ。よくみる形式なので、馴染みやすさもありますが、そのぶん没個性的な気がすることと、写真の重要度が高いこのブログなのに写真が小さく表示されることが前々から気になっていました。


IMG_9634.png

記事本文の表示はこんな感じ。トップページに比べると大きな違いはありませんが、写真の表示や枠組みなどが微妙に変わったので、よりシンプルな雰囲気になりました。

続きを読む

灯台下暗し。FC2ブログで、スマホ表示でも崩れずにYouTube埋め込みをする方法。

ブログ運営関連
09 /20 2015
ssyou3.png

昨夜アップしたダイハツ ウェイクのトミカの記事ですが、CMが有名なクルマだったので、公式YouTubeアカウントから埋め込みでCM動画を入れてみました。実車の映像もみれるとミニカーレビューの新たな楽しみが提供できていい感じですね。

IMG_8599 (1)

が、普段私自身スマホからでもPC表示を好んでみていたので、すっかり見落としていましたが、スマホ表示にするとこんなことに。単純にとてもかっこわるい。これはなんとかしたい!ということで方法を考えていましたが、あっさり解決したので備忘メモに。


ssyou32.png

今まではYouTubeの共有機能で埋め込みコードを取得していましたが、これだとサイズが指定されてしまうのでスマホ表示にした時に上のようになってしまうわけですね。適当に100%に書き換えてしまえば解決かと思いきやそれだと縦横の表示される比率がかわってしまうようなので、頭を抱えていましたが、CSSで条件を書き足すとうまくいく…らしいです。

続きを読む

【お知らせ】TwitterアカウントのIDを変更しました。

ブログ運営関連
08 /31 2015


twitteretroletra.png

ブログの更新情報を通知している、レトロレトラ公式Twitterアカウント。
これまで@tadatchi_blogというIDで運用してきましたが、ブログ名を変え、独自ドメイン取得したため、少し遅れましたがこちらもレトロレトラに統一することにしました。そのIDはシンプルに@retroletra



https://twitter.com/retroletra





すでにフォローしてくださっている方は自動で反映されるので、特になにかする必要はありません。IDが変わったんだなぁと思っていていただければ。



ブログ内の各リンクも修正済みですので、Twitterアカウントへは
twitterretoletra1.png
ヘッダー下のTwitterアイコン


もしくは
twitterretoletra2.png
ドロップダウンメニューの一番左側からアクセスすることもできます。お試しください。


どちらもPC表示でトップページのみ表示される仕様になっています。
気になった方、フォローしていただければ嬉しいです。メインアカウントと違って常につぶやいているわけでもないのでTLを埋めることもない…はずです。



https://twitter.com/retroletra






どうぞよろしくお願いいたします。

ブログ名変更のおしらせ。

お知らせ
08 /06 2015

retroletra.png
唐突にブログ名がかわりました。読者の方々からして最も厄介なことをしました。
「tadatchiのおもちゃばこ」からいきなり「レトロレトラ(retro letra)」へ。
急になんのブログかわからなくなった感があります。


改称は前々から考えていまして、一番わかりやすい理由は「tadatchi」って綴りが分かりにくい上に長い。
検索窓に打ち込む気にならない名前だなぁ…と思っていまして。



オリエンタルラジオみたいな、語感のいい名前を…と考えていたところで、友人があげた候補にツボってしまい、採用していまいました。


今回もう一つ語感以外に重要視していたことがありまして、それは他とダブらないこと。
ググって他のサイトが検索上位に居座っている名称とか、固有名詞っぽくないものは避けようということで探していました。


retroletra33.png
その点この「レトロレトラ」はGoogle検索ヒットなし!
これはいいじゃないですか!!!



ということで、急遽ですが、変更に至ったわけです。
名前を捨てて、ある意味振り出しに戻ったので、心機一転覚えてもらえるように頑張りたいと思います。



変わったのは名前だけで、内容はこのままマイペースに続きますので、引き続き応援頂ければ幸いです。

FC2ブログ新機能「スマホでもPCテンプレート」は案の定モバイルフレンドリーではありませんでした。

ブログ運営関連
07 /30 2015
IMG_6937.jpg


th_ss0730fc36.jpg
ふとブログの管理画面をチェックしていたら、新着情報にこんな記述を見つけました。

スマホからもPC表示でみたい派の私は、いつも言っている通りあまりスマートフォン表示が好きではないので、これは気になりました。

公式ブログによると、詳細は以下の通り。

FC2ブログ(blog.fc2.com)にて、ブログをスマートフォン端末で閲覧した際に、スマートフォン版テンプレートでの表示を無効に設定できる機能を追加しました!
この機能により、スマートフォンでの閲覧時にも、PC版テンプレートで表示することができます。

また、スマートフォン端末でPC版テンプレートのブログを見る際、ページのヘッダーに表示される「スマートフォン版で表示」の案内バナーも無効に切り替えることができるようになりました。
http://fc2information.blog.fc2.com/blog-entry-1635.html





th_ss0730fc01.jpg
管理画面内の環境設定で、スマートフォン表示を無効にするにチェックを入れるだけでiPhoneなどスマートフォンからアクセスしても強制的にPC表示になるんだそうです。なるほど。


じゃあせっかくだから試してみようかとおもったのですが、一つ気になるのは「モバイルフレンドリー」という考え方。

今年4月12日からGoogleは「モバイル端末で閲覧しやすいかどうか」を検索表示順に影響させると発表したことは記憶に新しいかと思います。このブログにたどり着く方々の多くもGoogle検索からたどり着いているので、モバイルフレンドリーではないとGoogleに認定されてしまうと、検索結果に反映してもらえなくなる可能性が有ります。

『検索結果をもっとモバイル フレンドリーに』/ウェブマスター向け公式ブログ
http://googlewebmastercentral-ja.blogspot.jp/2015/02/finding-more-mobile-friendly-search.html



これはせっかく書いた記事を多くの人にみてもらいたいと思う人にとっては致命的ですよね。



th_ss0730fc26.jpg
そのため、Googleでは、自分のサイトのURLを打ち込むと、モバイルフレンドリーとして判定されるかどうかを自分でチェックするツールを公開しています。これで試してよかったら使ってみようと思います。



モバイルフレンドリーテスト
https://www.google.com/webmasters/tools/mobile-friendly/?hl=ja





th_ss0730fc48.jpg
デフォルトのスマートフォン表示有効の状態ではこの通り。問題ないと判定されています。
このブログではFC2ブログをスマートフォンで表示した際に上部に現れる切り替えボタンは表示されないようにしていますが、これは判定には響いていないようです。


では、スマートフォン表示を無効にするとどうなるかといいますと


th_ss0730fc.jpg
この通り。気切り替えた瞬間にモバイルフレンドリーではないと判定されてしまいました。


完全に割り切ったり、なにかしら目的がない方はこの機能を使うべきではないと思います。
機能リリースの時期が遅かったのかなぁ…とも。


この機能を使おうと思っていた方は、是非じっくり検討してください。
Sponsored Link


にほんブログ村 コレクションブログ ミニカーへ Push7で購読する follow us in feedly Twitterボタン Instagramボタン

“86/BRZまとめ”

Sponsored Link