Home > WP Theme Hacks
WP Theme Hacks Archive
[WPTH vol.02] 携帯3キャリアに対応した header.php のメモ
- 2008-05-07 (水)
- WP Theme Hacks | wordpress
日本国内の携帯電話3キャリア(ただし3Gのみ)に対応した WordPress Theme 記述の手抜き版。既存の携帯プラグインは多機能なため、自分でテーマを管理できる場合や、要求精度が低い場合には冗長すぎるので、プラグインなしでPC用と同一テンプレートで処理するには?ということで書いてみた。
アウトプットはPC版の文字コードに依存する。ME では検証していない(たぶん問題なく動く)。UTF-8 以外の文字コードで動作確認をしていないが、変更する場合は記述も変えないといけないことに注意。動作確認は、テストサイト漢字読めるかな?(QRから携帯で確認可能)にて行っている。各々の環境で確認してみて、不具合などあれば教えていただけると非常にありがたい。
<?php
$agent = $_SERVER['HTTP_USER_AGENT'];
$isPC = 1;
if(ereg("^DoCoMo", $agent)){
header("Content-Type:application/xhtml+xml");
$isPC = 0;
$xml=<<<EOF
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//i-mode group (ja)//DTD XHTML i-XHTML(Locale/Ver.=ja/1.0) 1.0//EN" "i-xhtml_4ja_10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
EOF;
}else if(ereg("^J-PHONE|^Vodafone|^SoftBank", $agent)){
$isPC = 0;
$xml=<<<EOF
<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="ja" xml:lang="ja" xmlns="http://www.w3.org/1999/xhtml">
EOF;
}else if(ereg("^UP.Browser|^KDDI", $agent)){
$isPC = 0;
$xml=<<<EOF
<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="ja" xml:lang="ja" xmlns="http://www.w3.org/1999/xhtml">
EOF;
}else{
$xml=<<<EOF
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="ja" xml:lang="ja" xmlns="http://www.w3.org/1999/xhtml">
EOF;
}
echo $xml;
?>
<head>
中略
<?php if ( $isPC != 1 ){ ?>
<style type=text/css">
<!--
// 携帯用にCSSを記述。利用可能範囲に注意。
//-->
</style>
<?php } ?>
漢字読めるかな?の環境まわりは次のとおり。
- WordPress 日本語版 2.5
- DB は MySQL 5
- 文字コードはUTF-8
- docomo は 705,905 など多数の機種で確認(自前ではないので正確な表示確認はしていない)
- au は W43SA INFOBAR2 などの機種で確認
- SoftBank は、911SH 920T などの機種で確認
- Comments: 6
- Trackbacks: 0
[WPTH vol.01] header.php でよく使う書き方メモ
- 2008-05-06 (火)
- WP Theme Hacks | wordpress
WordPress の Theme ファイルのうち、header.php でよく使う書き方を備忘的にメモ。まだ検証途中であり、後々まとめを作成する予定。将来的に汎用的に使いまわせるようにできるといいと思う。
title
<title><?php
wp_title(' | ',true,'right');
bloginfo(’name’);
if(is_home()){
echo ' | ';
bloginfo('description');
}
?></title>
description
<?php if ( $description = get_bloginfo('description') ) { ?><meta name="description" content="<?php bloginfo('description'); ?>" /><?php } ?>
CSS
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/print.css" type="text/css" media="print" />
link (ナビゲーション) home へのリンク用
<?php if (!is_home()) { ?><link rel="start" href="<?php bloginfo('home'); ?>" title="<?php bloginfo('name'); ?> Home" /><?php } ?>
link (ナビゲーション) アーカイブへのリンク用
<?php wp_get_archives('type=monthly&format=link'); ?>
- Comments: 1
- Trackbacks: 0
ホーム > WP Theme Hacks
- Search
- Feeds
- Meta