ホームページやblogをスマホ対応

-
最近は、ホームページを制作する際に、スマホにも対応させるのが標準化になりつつあります。

みなさんどうされてますか？

PC版とスマホ版を制作しますか？
プラグイン等で対応してますか？
アメブロなどのサービスは自動的に対応してくれてますが。

SEO（検索上位対策）的にも、Googleが推奨してるらしい「アクセス端末を判別してスタイルシートを割り当てる方法」がいいでしょう。

私がよく使ってるconcrete5の場合ですと、
<head>～<head>間にこう書いてます。
↓
<?php
$ua=$_SERVER['HTTP_USER_AGENT'];
$browser = ((strpos($ua,'iPhone')!==false)||(strpos($ua,'iPod')!==false)||(strpos($ua,'Android')!==false));
if ($browser == true){
$browser = 'sp';
}
?>
<?php if($browser == 'sp'){ ?>
<link rel="stylesheet" type="text/css" href="<?php echo $this->getStyleSheet('smartphone.css')?>"/>
<?php }else{ ?>
<link rel="stylesheet" type="text/css" href="<?php echo $this->getStyleSheet('main.css')?>" />
<?php } ?>
<link rel="stylesheet" media="screen" type="text/css" href="<?php echo $this->getStyleSheet('typography.css')?>" />
<!--[if IE]>
<link href="<?php echo $this->getStyleSheet('main.css')?>" type="text/css" rel="stylesheet" />
<![endif]-->

そして、main.cssの制作が終わってからsmartphone.cssにコピペして必要なところを書き換えていきます。

widthを100％にしたりです。
（このスマホcssの調整にそこそこ時間かかりますね）

一番見た目がいいのは、スマホ専用のページを別で作ることですが、管理が大変ですよね。

一つ更新したら、PCもスマホも更新されるほうがラクに管理できますよね。

みなさんはどういう方法でされていますか？


※この方法はすぐにやめました。
　今は画面幅に合わせてスタイルシートを読み込む方法にしてます。

コメント

コメントを投稿

このブログの人気の投稿

FTP Rush v3 の日本語化

-
イメージ
翻訳ちょっとがんばってみました。 FTP Rush バージョン3を日本語化したい方は、下記URL（Googleドライブ）からダウンロードして「language」フォルダに放り込んでください。 そしてFTP Rush v3を開いていた方は一旦閉じて再度開き、Option→LanguageでJapaneseを選択すれば日本語化成功です。 https://drive.google.com/file/d/1Kxrrt-06LjeXIM1VvNk4p3UcrJLmjo-R/view?usp=sharing 新しいバージョンは、インストールするソフトではなくなっているんですね。 SSHの公開鍵（エックスサーバーのSFTP接続したい時）の設定方法が分からない… （誰か教えてー） ※一部、何と翻訳したらいいのか分からない所があり英字のままです。 ※これ間違ってるやろって所があったらごめんなさい。
続きを読む

はがきデザインキットが使えなくなって困った

-
イメージ
表題の通りなのですが、郵便局の「 はがきデザインキット 」が使えなくなって困った人はたくさんいるのではないでしょうか。 かく言う僕もその1人です。 特に宛名印刷が便利でした。 WEB版はあるようですが、いちいちPDFをダウンロードして印刷する方法になるらしく、使い勝手がイマイチ…。 使えなくなったものは仕方ないので、 Word（ワード） と Excel（エクセル） を使った【差し込み印刷】を使うことにしました。 無料で使えた「はがきデザインキット」に比べ、Word（ワード）やExcel（エクセル）といった Microsoft（マイクロソフト） の Office（オフィス） 製品を使うにはお金を払わないといけませんので、「年賀状印刷のみ」で考えると プリントパック や プリントネット などの 印刷通販 を使う方がコストを抑えられると思います。 普段からOffice（オフィス）製品を使う方であれば、今回のやり方でいかがでしょうか？ まずはエクセルでリスト作成 テンプレートを OneDrive（ワンドライブ） からダウンロードできるようにしておきますので、ご希望の方はお使いください。 ※エクセルファイルのみをzip圧縮してます。 年賀状リストテンプレートのダウンロードはこちら はじめに ①「氏名」「フリガナ」「電話番号以降」は 入力不要 です。 ②住所は建物名などわざと2行に分けたい時に「住所2」を使ってください。 ③御中で会社名宛ては「姓」「名」どちらでも大丈夫。 リストは分けてください！ 分けるための重要な要素は、 宛名の文字数 です。 Wordの差し込み印刷の場合、自動で文字の大きさを調整してくれません。 例えば「株式会社サンプル会社 サンプル支店　御中」が1行で入るように文字の大きさを調整すると、「苗字 名前　様」がとても小さくなってしまい不格好です。 そのため、 •個人名様宛のリスト •御中の文字数ここまでのリスト •御中の文字数ここからここまでのリスト といった具合に、Excelのリストを分けておくと最終的な仕上がりがキレイになります。 これは一例ですが、最終的にWordのデータも保存した状態は下記のようになります。 （ファイル名につけている数字が文字数のことです） 件数の増やし方 下記画像のようにして、オレンジの線で囲まれた枠を増やしてから入力してください。...
続きを読む