カエテンジョイSeesaa版（旧デザインシステム）

トップページ ＞ カスタマイズ ＞ スマホ・タブレットからのアクセスでの表示

テンプレートは、レスポンシブデザインに対応していますが、
基本的にPC用テンプレートとなります。

無料ブログの場合、スマホ・タブレットからのアクセスは、
無料ブログ側のシステムプログラムにより、スマホ用テンプレートでの表示となります。

ですので、便宜を図る為の情報提供の一環として、
スマホ・タブレットからのアクセスでPC用テンプレートを表示させる方法をお知らせしますが、
サポート対象ではありませんので予めご了承願います。

PC版テンプレートを強制表示させる方法

Seesaaの場合、
管理画面　→　デザイン　→　スマートフォン　→　コンテンツ　のページで、

ヘッダーの１番目に自由形式を追加して、次のjavascriptプログラムを入れることで、
スマホ・タブレットからのアクセスでPC用テンプレートを強制表示させることができます。
※スマホ用テンプレートの指定はありません。どのテンプレートでもOKです。

下記図のようにヘッダーに自由形式を追加して、javascriptプログラムを入れてください。

javascriptプログラム

※ソースをダブルクリックしてその状態でコピーしてください
【ご注意】Google Chromeは ドラッグ でコピーしてください。ダブルクリックしてコピーすると文字化けします。

<script type="text/javascript">
<!--
document.cookie = 'force_pc=1; max-age=15768000; path=/';
document.cookie = 'force_sp=0; max-age=15768000; path=/';
location.href=location.pathname;
// -->
</script>

ネタ元記事
http://myweblogblog.seesaa.net/article/397162515.html

共通ヘッダーは非表示にしてください

※2016-01-22 09:30 内容追加

Seesaa側が共通ヘッダーの横幅を指定しているため
スマホ等（IphoneでiOS9の場合）で閲覧したとき、共通ヘッダーの全体が表示されて
ブログ部分が小さく表示されてしまいます。

ですので、共通ヘッダーを非表示にしてください。
共通ヘッダーとは下記図の箇所のことです。



管理画面　→　設定　→　ブログ設定　の　共通ヘッダー　を｢表示しない｣にしてください。

スマホ・タブレットのOSバージョン・閲覧するブラウザによって共通ヘッダーの表示のされ方は違いますが、共通ヘッダーは非表示にすることをお勧めします。

スマホ・タブレットからのアクセスでの表示関連ページ

はじめに(カスタマイズについて)

投稿日の非表示

ヘッダーの表示内容

記事一覧の表示内容

個別記事・記事一覧の表示制御

記事装飾パーツ（ショートコード）

テンプレートの表示幅

関連記事の表示

PCとスマホでの広告表示切替

ソーシャルメディアのボタン