attention admin about comments trackbacks you may also like

今利用しているブログテンプレートがレスポンシブテンプレートなのか簡単に確認する方法

2019年04月10日
レスポンシブ
2
FC2ブログ Yahoo!ブログ 引っ越し レスポンシブテンプレート

Yahoo!ブログがサービスを終了することになって、FC2ブログにドドドっと引っ越しして来ているブロガーさんが大勢いらっしゃる様子で、Google検索やら他のリンクから、弊ブログを覗いて下さる人達が急激的に増えて来ました(笑)

そんな「引っ越し組」さん方のブログを注視しておりますと、せっかく レスポンシブテンプレート を選択設定したのに、スマホから閲覧すると、なんと残念なことにそのレスポンシブテンプレートではなく、全く別デザインの「スマホ版テンプレート」で表示されてしまう人達がもの凄く多いんですよね。 これ、実に勿体ないことなんですよ。



FC2ブログのテンプレートは3種類構成で1組です

FC2ブログを開始しますと、何も考えなくても自動的に3つの組み合わせのテンプレート構成でブログが公開されることになります。

[ クリック拡大してご参照ください ]

FC2ブログのテンプレート設定欄

上図スクショの青枠部分のように「PC用」+「ケータイ用(フィーチャーフォン/ガラケー)」+「スマートフォン用」の3つのテンプレート構成になります。

ケータイ用テンプレートの存在はもう忘れ去られているがまだ実存している

ただ、スマートフォンが爆発的に普及した今では、ケータイ(フィーチャーフォン/ガラケー) からブログ閲覧をする人が激減することとなり、昔からのFC2ブロガーさんでも、もうすっかりケータイ用(フィーチャーフォン/ガラケー)テンプレートの存在を忘れきってしまっている人が殆どで、もうこの記事からもケータイ用テンプレートのことは除外して記事を書くことにします(笑)

もっと正しく言いますと、弊ブログではもう既に数年前から、ケータイ用テンプレートの記事欄を削除して表示されないカスタマイズをしてあります(笑) 管理が面倒ですし、ガラケーからの悪戯コメント等を防止する意味でも、いっそ閲覧出来ないようにしてしまおうということでそのようにしてんでした(笑)

レスポンシブテンプレートでの表示具合

さて、弊ブログをいまスマホ(iPhone X)から閲覧しますと、、、

iPhone Xで閲覧した弊ブログの画面

このように表示しておりますが、これは「スマホ版テンプレート」での表示ではなく レスポンシブテンプレート での表示画面なんです。

つまり、弊ブログはレスポンシブテンプレート1つでこのようにスマホ画面もパソコンと同じデザインで閲覧出来るようになっている次第なんです。 従ってスマホ版テンプレートも利用しておりません。

弊ブログはレスポンシブテンプレート1つだけで運営しております

弊ブログはレスポンシブテンプレート1つだけで運営しております。
要は、カスタマイズするのもレスポンシブテンプレートをカスタマイズすれば、そのままスマホ閲覧画面にも反映出来る訳でして、管理も1つのテンプレートだけで済むんですからとても便利で使い勝手もいいものなんです。

意図せずに選んだテンプレートがレスポンシブテンプレートだったら

さて、Yahoo!ブログからの引っ越し組さんや、Web知識に乏しく「デザインがとっても好みだから♪」と、たまたま選んだFC2ブログテンプレートがレスポンシブテンプレートだったと言う場合も大いにありますよね(笑)

そう、そのような方はレスポンシブテンプレートってなんぞや?と言うことでしょうから、この記事冒頭に書きましたように「知らないままでは勿体ないことをしている」ことになるんです (^_^; アハハ…


レスポンシブテンプレート:

パソコンやタブレットやスマートフォンのような、デバイス機器の画面幅サイズが様々でも、それらの画面幅サイズに自動的にフィットして表示することが出来る、大変優秀な設計のテンプレートなんです。
従って、FC2ブログのスマホ用テンプレートは不要になります。(表示の無効化設定は後述してあります)

自分の選んだテンプレートがレスポンシブテンプレートなのかを簡単に知る方法

下記の2つの画像をクリックしてみて下さい。 どちらも弊ブログをパソコンで閲覧しているその画面を「スマホ画面サイズ」まで、ブラウザ画面をマウスでスルスル~っと狭めている様子のGIFアニメーションが動きます。

この「パソコン画面をスマホ画面サイズまで狭める操作」を利用しますと、いまあなたがお使いのFC2ブログのテンプレートがレスポンシブテンプレートなのかを簡単に判別することが出来ますから、是非に応用してみてください。


[ 画像クリックで GO & STOP ]

上記GIFアニメのテンプレートはFC2公式のbasic_whiteをサンプルにしておりますが、画面を狭めるとブログ画面の右側が見切れて(チョン切れて)しまっておりますから、これはレスポンシブテンプレートではないことが分かります。

それに比べて、下記GIFアニメのテンプレートはとても高機能で、スマホ高速表示にも対応している優秀なレスポンシブテンプレートです。 (弊ブログではちょこっとカスタマイズしております)


[ 画像クリックで GO & STOP ]

ご覧のように、パソコンブラウザ画面をスマホサイズまで狭めても、画面が見切れることもなく、キチンとフィットして表示されておりますよね、これがレスポンシブテンプレートを利用するはっきりしたメリットなんです ヽ(^^ ) ヨシヨシ

レスポンシブテンプレート”もどき” もあるから気をつけましょう(笑)

レスポンシブテンプレートと謳ってはいるものの、正式なレスポンシブテンプレートとは言えない、筆者的には「レスポンシブテンプレートもどき」なものも存在します(笑) 下記ブログカードをクリックして同記事をご参照下さい(笑)


FC2ブログのこんなレスポンシブテンプレートには気をつけましょう

FC2ブロガーさんで、FC2公式の「white_card_resp」というテンプレートをお使いの方は多いんでしょうか? ブログ管理画面の「公式テンプレート追加(PC用)」にある下図のテンプレートなんですが。..


レスポンシブテンプレート利用時のスマホ版テンプレートの表示の無効化設定は必須です

さて、あなたが利用中のFC2ブログテンプレートがレスポンシブテンプレートだったら、必ず下記の作業を行いましょう。 スマホ版テンプレートの利用を「無効」にする設定作業ですから、これは必須と思って下さい。

ブログの管理ページで、、、

[ クリック拡大してご参照ください ]

FC2ブログの管理ページのスマホの表示設定メニュー欄

スマホ版テンプレートの表示設定を無効にする欄

「環境設定」→「ブログの設定」→「スマホ版の表示設定」とクリックして現れる「スマートフォン版の表示設定」欄で「無効にする」「更新」の順にクリックしてその設定を完了させます。 これでレスポンシブテンプレート1つであなたのブログ運営が出来るようになりますから、FC2ブログではこれはレスポンシブテンプレート利用の必須設定と考えてください。

レスポンシブテンプレートを利用しない場合には、この設定は絶対に行ってはいけませんので要注意です。(ブログ全体がGoogle Search Consoleでモバイルユーザビリティエラーになってしまいます)

レスポンシブテンプレート利用時の[ブログ内検索]バーの非表示設定もしましょう

また、レスポンシブテンプレート利用で、パソコン閲覧にてブログ画面最上部に[ブログ内検索]バーが表示されておりましたら、、、

[ クリック拡大してご参照ください ]

ブログ内検索バーの画像

これは一見便利そうなんですが、FC2運営さんの設計的にレスポンシブ非対応ですから、一部のタブレットサイズ画面からはみ出しますし、このバーにはテキスト広告も表示され、それなりにブログ表示に多少の遅延も起きますので「利用しない」設定にすることをお勧めします。

[ クリック拡大してご参照ください ]

ブログ内検索バーの表示設定欄

ブログ内検索機能を必要とするんでしたら、テンプレートにその機能を組み込んでいるテンプレート作者さん(共有テンプレート追加欄)もおられますから、探してみるとよいでしょう。

参考: レスポンシブテンプレート利用はアフィリエイトにも効果が大きい

筆者はアフィリエイトには興味がない(笑)ものですから、それで収益を上げるテクニック等の知識は持ち合わせておりませんが、レスポンシブテンプレートを利用することで「PC用」+「スマートフォン用」のテンプレート構成でアフィリエイトブログを運営するよりも、収益効果アップは必然的に大きくなる要素があるんです。

スマホ版テンプレートにはアフィリエイト広告の貼り忘れが多い

「PC用」+「スマートフォン用」のテンプレート構成でアフィリエイトブログを運営していると、PC用テンプレートにはキチンと広告は貼ったのにスマホ用テンプレートへの広告貼り付けを忘れてしまっていることが多いんです、それだけスマホ用テンプレートの存在を意識し忘れているのです。

その「広告の貼り忘れ」を防止出来るのがレスポンシブテンプレート利用なんです。
そんな記事を過去に書いたことがありましたので、下記ブログカードをクリックしてご参照下さい。


FC2アフィリエイターさんの殆どの人が実際アクセスの半分の成果を無駄にしているようです!

私はアフィリエイトには興味はないのですが、FC2ブログ等でアフィリエイト活動してらっしゃる方達から50件をサンプリングして調べたところ、アフィリエイターさん達の...

弊ブログでただ今利用中のレスポンシブテンプレートはこちらです

弊ブログでただ今表示中の高機能・スマホ高速表示対応レスポンシブテンプレートは、下記ブログカード記事で紹介されております、Akiraさん作の「Lilting」をカスタマイズして利用させて戴いているものでして、詳細はクリックしてご参照ください。


Lilting - FC2ブログテンプレート

Liltingテンプレートはレスポンシブウェブデザインです。 パソコン・タブレット・スマートフォン等全デバイス間共通でお使いいただけます。 スマートフォン版を非表示にしてご利用ください。 設定ページ...


FC2ブロガーにエールを贈るおじさん

ブログ運営は
レスポンシブテンプレートが
いろいろと便利なんですよ♪

ブログのスマホ表示速度分析は PSI が強力です!
Google PageSpeed Insights

ブログのPC表示速度分析は GTmetrix が強力です!
GTmetrix

検索からの方はトップページへもどうぞ


関連する記事
ぼっちん
Author: ぼっちん
記事に関わらないコメントでもOKですからね~ ^^

コメント(2)

There are no comments yet.

-  

2019/04/10 (Wed) 15:25

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

ぼっちん  

2019/04/10 (Wed) 16:26
ぼっちん

To 鍵コメさん

鍵コメさん、コメントありがとうございます ^^

いやぁ、もうもうとっても有益なコメントをありがとうございました♪
いま早速追記させて戴きましたよ~ うんうん(^-^)

「知らなくて損する」ことって世の中いっぱいありますもんね(笑)