FC2ブログのレスポンシブテンプレート全文表示タイプ(作者vanillaice000さん=Akiraさん)の一覧表
-
sho
FC2ブログのレスポンシブテンプレート全文表示タイプ(作者vanillaice000さん=Akiraさん)の一覧表
テンプレート名をクリックして表示されるページのプレビューをクリックするとプレビューを見ることができます。
スマホでこの記事を見てやればスマホで表示される画面のプレビューを見ることができます。
プレビューの画面であっても「ページのソースの表示」ができます。
vanillaice000さん(=Akiraさん)のレスポンシブテンプレートのうち全文表示タイプだけのダウンロード数トップ3 (2018.07.17調べ)
13.Belong 5,932
22.GirlOnWire 5,387
23.Valparaiso 5,151
FC2ブログのレスポンシブテンプレートの作者さんとして有名な vanillaice000さん(=Akiraさん)のレスポンシブテンプレートのうち全文表示タイプだけを抽出して上記の一覧表を作ってみました。(2018年7月7日)
テンプレート名をクリックするだけでプレビュー画面が見れるのでテンプレート探しに便利だと思います。
また、専用記事と書いてあるリンクを辿ればそれぞれのカスタマイズに関する作者さんの記事を読むことができます。
この専用記事をパソコンではなくスマホやタブレットで読むとカスタマイズの仕方がよりハッキリ判る画像やページが見れるようです。
上掲の表は主に次の4つの記事を私が勝手に判断して取りまとめたものです。(2018年7月)
FC2共有テンプレート一覧(表示タイプ別) - リリーステンプレート早見表(「全文表示」タイプ28件)
共有テンプレート追加 (PC用)の検索画面73件(作者全作品の追加ダウンロード・プレビュー)
テンプレート - The other way round67件(作者全作品の説明の一覧)
テンプレート固有機能説明
Tango.abc - YouTube 0:06
動画縦横比固定
YouTubeの埋め込みタグを「width="560" height="315"」のまま貼りましたが、スマホで見たらピッタリサイズに自動縮小されてて見やすかったです。埋め込む時にサイズの設定に悩む必要がないので大変助かります。
ついでに書くと、Googleマップを埋め込む時にサイズを「小」にさえ設定しておけば、これまたスマホピッタリサイズで大変助かります。(実例)
fc2無料版ブログの環境設定
広告をできるだけ消したい
レスポンシブテンプレートを適用したい
SSL化したい
URL欄に「保護された通信」を表示されたい。
スマートフォン版を非表示にしてご利用ください。
左メニューの「環境設定」をクリック→「ブログの設定」→「スマホ版の表示設定」→[スマートフォン版の表示設定]で[無効にする]を選択してから「更新」ボタンをクリックします。
Neememo ? fc2ブログの広告の外し方
記事下のスポンサー広告は非表示にできます
規約違反ではなくブログ個人設定から選択が可能です

vanillaice000さん(=Akiraさん)のFC2ブログのレスポンシブテンプレート全文表示タイプの一覧表.jpg 400x400
iPad(iOS 11.2)では横スクロールすることなく普通に見れました。
この画像に「バー」が3つ映っていると思うのですがそれぞれのバーの公式?名称を知りたいです。
「Editボタン」も映っています。このボタン、超便利です。クリックするといきなりこの記事の編集画面に飛びます。
全てのテンプレートに付いてるのか、要調査です。

vanillaice000さん(=Akiraさん)のFC2ブログのレスポンシブテンプレート全文表示タイプの一覧表.jpg 360x360

vanillaice000さん(=Akiraさん)のFC2ブログのレスポンシブテンプレート全文表示タイプの一覧表.jpg 320x320

vanillaice000さん(=Akiraさん)のFC2ブログのレスポンシブテンプレート全文表示タイプの一覧表.jpg 300x300

柴犬ゆき:想定外の事故.jpg 400x400
vanillaice000さん(=Akiraさん)のFC2ブログのレスポンシブテンプレートでテンプレート探しをしていて、
個別記事に
が有れば一度クリックしてみて下さい。今見ている記事の編集ができるページに飛べます。
テンプレートのカスタマイズでなくても記事の管理をお気に入りするとかリンクをサイドバーに貼っておくのもかなり便利だと思います。
vanillaice000 Edit - Google検索
vanillaice000 - Google検索
vanillaice000 レスポンシブテンプレート 全文表示タイプ - Google検索
Webテク倉庫 - レスポンシブ
FC2「共有テンプレート追加」 vanillaice000さん(=Akiraさん)の『 Out-of-style 』
The other way round
webのあれこれ - MFIローンチの前にPC版とSP版の表示確認をしましょう
やったぁ~~~ヽ(^。^)ノ - パソコン&iPhone
ついにわたしのブログも【保護された通信】になりましたぁ~SSL化
Am I Responsive?
GTmetrix
PageSpeed Score F(37%)
YSlow Score E(51%)
Fully Loaded Time 10.3s
Total Page Size 1.68MB
Requests 212
モバイル フレンドリー テスト - Google Search Console
テスト日時: 2018/07/13、01:47 このページはモバイル フレンドリーです
モバイル ユーザビリティ
ユーザビリティの問題 問題のあるページ
1 コンテンツの幅が画面の幅を超えています 13→6
2 クリック可能な要素同士が近すぎます 11→5
3 ビューポートが設定されていません 4→5
4 テキストが小さすぎて読めません 4→5
5 互換性のないプラグインを使用しています 2→0
レスポンシブ Responsive 全文表示タイプ カスタマイズ
変更 取替 比較 選ぶ 探す 覚書 メモ
FC2ブログのレスポンシブテンプレート全文表示タイプ(作者vanillaice000さん=Akiraさん)の一覧表
無料fc2ブログの常時SSL化(https化)挑戦録
FC2ブログ - レスポンシブテンプレート全文表示タイプ - Generic
FC2ブログ - レスポンシブテンプレート全文表示タイプ - Belong
FC2ブログ - レスポンシブテンプレート全文表示タイプ - Basement
(社交ダンス sho)fc2
テンプレート名 | 説明 | 幅px メイン サイド |
背景色 全体 記事欄 サイド |
リンクの色 記事欄 サイド |
グローバルナビゲーション | |
? | CommonSense |
専用記事 |
780 右240 |
薄藤 白 白 |
青 灰 |
定点 |
1 | Generic |
専用記事 |
810 右320 |
ヘッダー画像 白 白 白 |
薄青 灰 |
定点 |
2 | Classica |
専用記事 |
782 右272 |
ヘッダー画像 白 白 白 |
灰 灰 |
追尾 |
3 | VeryMerry |
専用記事 |
750 右300 |
肌 白 白 |
灰 灰 |
追尾 |
4 | Sincerely-yours |
専用記事 |
788 右260 |
薄紫 白 白 |
灰 灰 |
追尾 |
5 | Dark-Divine |
専用記事 |
840 右260 |
ヘッダー黒 白 白 右黒 |
灰 白 |
追尾 |
6 | Chronicle |
専用記事 |
740 右270 |
スライド画像 白 白 右薄藤 |
茶 灰 |
追尾 |
7 | Pianissimo |
専用記事 |
720 右300 |
白 白 白 |
薄青 薄青 |
追尾 |
8 | Vanilla-Sky |
専用記事 |
760 右270 |
白 白 右薄藤 |
灰 灰 |
追尾透明 |
9 | Synchronisity |
専用記事 |
830 右260 |
白 白 右薄藤 |
薄藤 灰 |
追尾 |
10 | Basement |
専用記事 |
798 右220 左220 3カラム |
ヘッダー黒 白 白 白 |
薄緑 灰 |
追尾 |
11 | Arrival |
専用記事 |
810 右260 |
灰 白 白 白 |
灰 灰 |
追尾 |
12 | Fraise |
専用記事 |
810 左260 |
白 白 白 |
灰 灰 |
追尾 |
13 〇 |
Belong |
専用記事 |
820 右300 |
白 白 白 |
灰 灰 |
追尾 |
14 | Sweetie |
専用記事 |
900 下270 |
白 白 白 |
薄緑 灰 |
追尾 |
15 | Life-is |
専用記事 |
810 右260 |
白 白 黒 |
薄青 白 |
定点 |
16 | StoicBrown |
専用記事 専用記事 |
850 右270 |
白 白 白 |
灰 灰 |
追尾透明 |
StoicBlue |
専用記事 |
900 下270 |
ヘッダー黒 白 白 白 |
薄青 薄青 |
追尾透明 | |
17 | Fields |
専用記事 |
818 右230 左230 3カラム |
ヘッダー白 白 白 白 |
藤 藤 |
追尾 |
18 | Jingle |
専用記事 |
810 右280 |
薄紫 白 白 薄紫 |
茶 茶 |
定点 |
19 | OnTheGround |
専用記事 |
810 右280 |
茶色画像 茶色画像 |
茶 茶 |
定点 |
20 | DaisyGreen |
専用記事 |
780 右270 |
薄紫 白 薄紫 |
薄緑 灰 |
定点 |
21 | TheCity |
専用記事 |
810 右300 |
白 白 黒 |
薄青 白 |
定点 |
22 〇 |
GirlOnWire |
専用記事 |
790 右240 |
スライド画像 茶色画像 薄茶色画像 |
茶 茶 |
定点 |
23 〇 |
Valparaiso |
専用記事 |
788 右270 |
スライド画像 白 白 白 |
茶 黒 |
定点 |
24 | Capricious |
専用記事 |
810 右280 |
薄紫画像 薄紫画像 |
茶 茶 |
定点 |
25 | Ranchu |
専用記事 |
810 右280 |
薄紫画像 薄紫画像 |
茶 茶 |
定点 |
26 | Sakura_daylight |
専用記事 |
800 右280 |
茶色画像 薄茶色画像 |
茶 茶 |
定点 |
27 | Sakura_daylight 2 |
専用記事 |
800 右280 |
茶色画像 薄茶色画像 |
茶 茶 |
定点 |
28 | Sakura_nightglow |
専用記事 |
800 右280 |
黒色画像 薄黒色画像 |
白 白 |
定点 |
テンプレート名をクリックして表示されるページのプレビューをクリックするとプレビューを見ることができます。
スマホでこの記事を見てやればスマホで表示される画面のプレビューを見ることができます。
プレビューの画面であっても「ページのソースの表示」ができます。
vanillaice000さん(=Akiraさん)のレスポンシブテンプレートのうち全文表示タイプだけのダウンロード数トップ3 (2018.07.17調べ)
13.Belong 5,932
22.GirlOnWire 5,387
23.Valparaiso 5,151
FC2ブログのレスポンシブテンプレートの作者さんとして有名な vanillaice000さん(=Akiraさん)のレスポンシブテンプレートのうち全文表示タイプだけを抽出して上記の一覧表を作ってみました。(2018年7月7日)
テンプレート名をクリックするだけでプレビュー画面が見れるのでテンプレート探しに便利だと思います。
また、専用記事と書いてあるリンクを辿ればそれぞれのカスタマイズに関する作者さんの記事を読むことができます。
この専用記事をパソコンではなくスマホやタブレットで読むとカスタマイズの仕方がよりハッキリ判る画像やページが見れるようです。
上掲の表は主に次の4つの記事を私が勝手に判断して取りまとめたものです。(2018年7月)
FC2共有テンプレート一覧(表示タイプ別) - リリーステンプレート早見表(「全文表示」タイプ28件)
共有テンプレート追加 (PC用)の検索画面73件(作者全作品の追加ダウンロード・プレビュー)
テンプレート - The other way round67件(作者全作品の説明の一覧)
テンプレート固有機能説明
再DLの仕方をお伝えしておけば良かったですね。 気が利かなくて申し訳ないです ^^; 名称が同じだとDLできませんので、再DLの際はお手元のテンプレート名の末尾に英数字を追加して名称を変更します。 例) Life-is → Life-is1 その上でDLし、新しい方に設定します。 旧ソースの比較が必要な時もあると思いますので覚えておかれると良いですね。 |
Tango.abc - YouTube 0:06
動画縦横比固定
YouTubeの埋め込みタグを「width="560" height="315"」のまま貼りましたが、スマホで見たらピッタリサイズに自動縮小されてて見やすかったです。埋め込む時にサイズの設定に悩む必要がないので大変助かります。
ついでに書くと、Googleマップを埋め込む時にサイズを「小」にさえ設定しておけば、これまたスマホピッタリサイズで大変助かります。(実例)
fc2無料版ブログの環境設定
広告をできるだけ消したい
レスポンシブテンプレートを適用したい
SSL化したい
URL欄に「保護された通信」を表示されたい。
スマートフォン版を非表示にする |
スマートフォン版を非表示にしてご利用ください。
左メニューの「環境設定」をクリック→「ブログの設定」→「スマホ版の表示設定」→[スマートフォン版の表示設定]で[無効にする]を選択してから「更新」ボタンをクリックします。
fc2ブログの広告の外し方 |
Neememo ? fc2ブログの広告の外し方
記事下のスポンサー広告は非表示にできます
規約違反ではなくブログ個人設定から選択が可能です

vanillaice000さん(=Akiraさん)のFC2ブログのレスポンシブテンプレート全文表示タイプの一覧表.jpg 400x400
iPad(iOS 11.2)では横スクロールすることなく普通に見れました。
この画像に「バー」が3つ映っていると思うのですがそれぞれのバーの公式?名称を知りたいです。
「Editボタン」も映っています。このボタン、超便利です。クリックするといきなりこの記事の編集画面に飛びます。
全てのテンプレートに付いてるのか、要調査です。

vanillaice000さん(=Akiraさん)のFC2ブログのレスポンシブテンプレート全文表示タイプの一覧表.jpg 360x360

vanillaice000さん(=Akiraさん)のFC2ブログのレスポンシブテンプレート全文表示タイプの一覧表.jpg 320x320

vanillaice000さん(=Akiraさん)のFC2ブログのレスポンシブテンプレート全文表示タイプの一覧表.jpg 300x300

柴犬ゆき:想定外の事故.jpg 400x400
vanillaice000さん(=Akiraさん)のFC2ブログのレスポンシブテンプレートでテンプレート探しをしていて、
個別記事に

テンプレートのカスタマイズでなくても記事の管理をお気に入りするとかリンクをサイドバーに貼っておくのもかなり便利だと思います。
vanillaice000 Edit - Google検索
vanillaice000 - Google検索
vanillaice000 レスポンシブテンプレート 全文表示タイプ - Google検索
Webテク倉庫 - レスポンシブ
FC2「共有テンプレート追加」 vanillaice000さん(=Akiraさん)の『 Out-of-style 』
The other way round
webのあれこれ - MFIローンチの前にPC版とSP版の表示確認をしましょう
やったぁ~~~ヽ(^。^)ノ - パソコン&iPhone
ついにわたしのブログも【保護された通信】になりましたぁ~SSL化
Am I Responsive?
GTmetrix
PageSpeed Score F(37%)
YSlow Score E(51%)
Fully Loaded Time 10.3s
Total Page Size 1.68MB
Requests 212
モバイル フレンドリー テスト - Google Search Console
テスト日時: 2018/07/13、01:47 このページはモバイル フレンドリーです
モバイル ユーザビリティ
ユーザビリティの問題 問題のあるページ
1 コンテンツの幅が画面の幅を超えています 13→6
2 クリック可能な要素同士が近すぎます 11→5
3 ビューポートが設定されていません 4→5
4 テキストが小さすぎて読めません 4→5
5 互換性のないプラグインを使用しています 2→0
レスポンシブ Responsive 全文表示タイプ カスタマイズ
変更 取替 比較 選ぶ 探す 覚書 メモ
FC2ブログのレスポンシブテンプレート全文表示タイプ(作者vanillaice000さん=Akiraさん)の一覧表
無料fc2ブログの常時SSL化(https化)挑戦録
FC2ブログ - レスポンシブテンプレート全文表示タイプ - Generic
FC2ブログ - レスポンシブテンプレート全文表示タイプ - Belong
FC2ブログ - レスポンシブテンプレート全文表示タイプ - Basement
(社交ダンス sho)fc2