ホームページ制作の方法。WordPressを使用したホームページ制作など。
今まで、モバイルサイトを３キャリア向け表示できるように制作するには、それぞれの仕様の違いもあり苦労したが、逆に制作できるなら強みになる部分もあった。 しかし、スマートフォンの普及につれその需要は徐々に減っていくのではないかと思う。 さすがに、即ガラパゴス携帯が消えるという訳ではないが、時間の問題でほぼすべての携帯電話がスマートフォンにとって代わる日も近いのではないだろうか。 現に関連企業では今、スマートフォン向けアプリのエンジニア確保の熾烈な競争が起こっているらしい。 モバイルサイト制作者もスマートフォン用サイト制作者（HTML5、CSS3）への移行が必要かもしれない。
日, 11月 13 2011 » HTMLについて, android, html5, iphone, ホームページ制作, モバイルサイト作成 » No Comments
携帯サイトに複数のアフィリエイト会社の広告を載せている。 ときどき、張り替えているのだが極端にクリック数が変わる。 もちろん広告内容も影響しているのだろうが、あからさまに怪しいトコロも・・・・。 徐々にしぼっていこうかと思います。
火, 9月 6 2011 » モバイルサイト作成 » No Comments
スマートフォンでPCサイトをみるとすごく見づらいので、WordPress用プラグインでスマートフォンの場合はスマートフォン用サイトレイアウトになるようにした。 MobilePress スマートフォンで確認してみるとなかなかいい感じです。
日, 1月 16 2011 » WordPress, android, html5, iphone, ホームページ制作, モバイルサイト作成 » No Comments
モバイルサイトで画像の拡張子をキャリアごとに変えて、それぞれ違うファイルを表示させてみた。 理由としては、飾りとしての画像は３キャリアとも同じものを使っているのだが、フレーム画像やスタンプ画像の配布サイトを作っていて、それぞれキャリアごとで拡張子やら記述やら規定が違うので、それぞれのキャリアにあった画像を表示しないといけない必要ができた。 AU、ドコモ、ソフトバンクとそれぞれのページを作成するという選択肢もあるが、修正などが面倒になりそうなので、同一ファイルを使って、PHPでキャリア判別する事にした。キャリア判別でそれぞれのキャリアがわかったら画像の拡張子部分をキャリアにあった拡張子を表示するようにした。また、キャリアごとのファイルを混合しないためにそれぞれAU用、ドコモ用、ソフトバンク用のフォルダに画像を収納して、キャリア判別時にフォルダ指定もするようにした。 例えば、 au/aaaa.png この場合、最初のauフォルダ、拡張子pngがキャリア判別でそれぞれ変更される。 これによって、それぞれのキャリアごとに適切な画像が表示されることになった。
木, 11月 18 2010 » HTMLについて, スタイルシートについて, ホームページ制作, モバイルサイト作成 » No Comments
ヤフーモバイルのカテゴリ登録サイトがいつの間にか登録削除されていた件について質問メールをしたら、返信メールが届きました。 ざっくり内容は、以下から。 一度掲載したサイトについても、編集方針に基づき、都度確認を行います。 その結果、登録先カテゴリや紹介文などの変更または、掲載の中止。 掲載内容の変更や掲載の中止を行った場合の通知、およびこれらの理由については説明をしない。 メンテナンスや、利用者から違反指摘されたサイトを確認し、適宜対応を行っている。 詳細な登録基準などが漏れた場合、巧妙に基準を回避した悪質なサイトがカテゴリ登録サイトとして掲載されてしまう可能性があるので削除理由等の詳細は非公開。 一度掲載を中止したサイトでも、サイトの内容を見直し、再度 サイト登録をお申し込みいただければ、あらためてサイトを確認し、再度登録させていただく場合もある。 つまり、何らかの理由で削除したけど理由は言えない。 自分で理由探してサイトを手直しして、もう一回登録申請したら登録されるかもね。 ということらしい。 とりあえず、外部リンクのリンク切れが１サイトあったので直したが、他に理由がわからないので再度登録申請してみました。 しかしながら、理由も知らされず手直ししても、登録の可能性は低そう。
日, 11月 7 2010 » ホームページのSEO, ホームページ制作, モバイルサイト作成 » No Comments
驚きました。 ３年ぐらい前からヤフー登録されていた自分のサイトがあるのですが、あるキーワードでヤフーモバイル検索で一位でした。 久しぶりに検索してみると、・・・無い。 一位どころか検索にひっかからない。 どうやらキャッシュすらされてない様子。 調べてみるといつの間にかカテゴリから削除されてる！！！ 特に問題点のあるサイトではないのですが・・・。 解らないので、一応問い合わせのメール送りました。
土, 11月 6 2010 » ホームページのSEO, ホームページ制作, モバイルサイト作成 » No Comments
ホームページを作成していると、メニューリンクやヘッダー、フッターといった箇所を各ページで共通して使う場合が多い。そして、ホームページを制作後に、ページの追加やページタイトルの変更等が生じると全てのページのニューを変更しなければならないという面倒くさい作業をしなければならない。 数ページならまだいいが、これが数十ページ、もしくはそれ以上となるとこれは膨大な作業量となる。 そういった後工程を考えるとホームページの各共通部分はできれば一回修正すれば、前ページが修正されるような仕組みにしたい。 方法としては、まずブログ形式のものを使う。 無料ブログや、オープンソースであるWordPress（ワードプレス）、Movable Type（ムーバブルタイプ）を使えば、ブログ形式なので、メニュー修正は１回で済む。 また、違う方法としては、DreamWeaverなどホームページ制作ソフトを使っている場合はテンプレート機能があるのでテンプレートを作っておけば、複数ページにそのテンプレートをいっぺんに適応させられる。 そして、ホームページを一からつくり、ソフトのテンプレート機能も使わない場合、phpで共通部分を呼び出す方法があり比較的簡単にできる。 その場合、共通部分を呼び出して文字化けする事があった。 自分は、DreamWeaverで作成していたのだが、エンコードの初期設定のせいだった。 UTFでつくったファイルにshift_jisを読み込んでいた。 以前、モバイルサイトを作っていたときに初期設定をshift_jisにしていたのを忘れていた。 両方のファイルを同じようにエンコードして無事文字化けは解消した。
水, 10月 27 2010 » HTMLについて, ホームページ制作, モバイルサイト作成 » No Comments
marquee（マーキー）タグを使い、モバイルサイト上を文字が流れるのをよくトップページでみかけます。 HTML 4.01の時だと <marquee bgcolor=”#FF0000″><font size=”2″ color=”#FFFFFF”>ああああ</font></marquee> こんな感じで、背景が赤色、文字サイズ2、文字色は白色のマーキーになります。 ただ、xhtmlの場合、このままだとダメなので以下のようにします。 <div style=”display:-wap-marquee; background-color:#FF0000; font-size:xx-small; color:#FFFFFF;”>ああああ</div> ちなみに、フォントサイズはピクセル指定でもいいのですが、ここでは、最小サイズで表示されるxx-smallにしています。
土, 10月 23 2010 » HTMLについて, ホームページ制作, モバイルサイト作成 » No Comments
モバイルサイトでPHPを使用したい場合が結構あります。 だけど、拡張子は「.php」じゃなくて「.html」のままにして使いたい。 まず、.htaccessを編集。 自分の場合「AddHandler x-httpd-php .php .htm .html .xml .class」と記述。 これは、phpを以下の拡張子で使いますよってこと。 今回では「.php .htm .html .xml .class」がそれにあたる。 「.html」も記述してるので、拡張子.htmlでphpが使えることになる。 だけど、モバイルサイト制作だと、まだ問題がでてくる。 サイトのデザイン上、xhtmlで制作したい場合、このままだとうまくxhtmlで表示してくれない。 通常、携帯サイトの場合ヘッダー部分に 「<meta http-equiv=”Content-Type” content=”application/xhtml+xml; charset=Shift_JIS” />」 なんて入れてる。 「application/xhtml+xml」の部分が重要で、こうしないとxhtmlとして表示されない場合がある。 普通は、この記述だけでオーケイだが、PHPを使う場合は、もう一行記述しなければいけない。 htmlファイルの一番先頭に記述する（ドキュ宣言より上） <?php header(‘Content-Type: application/xhtml+xml; charset=Shift_JIS); ?> これで、xhtmlとしてデザインを表示できる。
金, 10月 22 2010 » HTMLについて, ホームページ制作, モバイルサイト作成 » No Comments
xhtmlでモバイルサイトを制作する場合、PCのサイトと違い気をつけないとうまく表示されない部分が結構ある。 PCサイトでもIEに代表されるようにブラウザ間の表示の違いを意識しなければならないがモバイルサイトになるとさらに独特な注意がいる。 問題の一つにリンクの下線の色が、思ったような色にならないことがある。 とりあえず、まずはリンクの色の指定方法。 たとえば、リンクの色を赤色、訪問済みリンクも赤色にしてみる。 <head>~</head>の間に下記のように記述する。 <style type=”text/css”> <![CDATA[ a:link{color:#FF0000;} a:visited{color:#FF0000;} ]]> </style> これで、リンク色が赤色になる。 基本的に、この指定をすればリンクは赤色、リンクの下線も赤色になる。 ただ、デザイン上、部分的にリンクの色を他の色にしたい場合がある。 その場合は、 <a href=””●●●●”><span style=”color:#000000;”>あああああ</span></a> これで、リンク色は黒色になる。 しかしこれだと、リンクの下線は赤色のまま。 ここは、黒色リンクにあわせて、下線も黒にしたい。 そこで、先ほどのヘッド部分の記述に少し手を加える。 <style type=”text/css”> <![CDATA[ a:link{color:#FF0000;} a:visited{color:#FF0000;} a.kuro:link {color:#000000;} a.kuro:visited {color:#000000;} ]]> </style> そして、リンク部分は <a href=”●●●●” class=”kuro”><span style=”color:#000000;”>あああああ</span></a> とclassを付ける。 これで、下線も黒色になる。 一見、classだけ付ければspan styleでの色指定は要らないように感じますが、多くの機種に対応 させるには必要となってきます。モバイルサイトではキャリアごとに通用する、しないが変わってくるし、機種ごとにも違ったりするので面倒ですがこんな書き方になってしまいます。 とりあえず、この方法で、リンク下線の色が変えれました。 （iモードブラウザ1.0だと下線の色が変わりません・・・。）
木, 10月 21 2010 » HTMLについて, ホームページ制作, モバイルサイト作成 » No Comments