Mobile Joomla!でiモードのCSSを対応させるには

docomoのiモードでCSSに対応させるには、ヘッダ内に

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC
"-//i-mode group (ja)//DTD XHTML i-XHTML(Locale/Ver.=ja/1.1) 1.0//EN"
"i-xhtml_4ja_10.dtd">
<meta http-equiv="content-type" content="application/xhtml+xml; charset=utf-8">

などのような感じで記述しないといけないので、
administrator/components/com_mobilejoomla/markup内の、chtml.phpのヘッダの書き出し部分を編集してやればおk

chtml.phpの変更

25行目辺りから

function getContentType()
{
	return 'text/html';
}

function getContentString()
{
	return 'text/html; charset=utf-8';
}

function showXMLheader()
{
}

function showDocType()
{
	echo '<!DOCTYPE HTML PUBLIC "-//W3C//DTD Compact HTML 1.0 Draft//EN">';
}

を、

function getContentType()
{
	return 'application/xhtml+xml';
}

function getContentString()
{
	return 'application/xhtml+xml; charset=utf-8';
}

function showXMLheader()
{
}

function showDocType()
{
	echo '<?xml version="1.0" encoding="utf-8"?>
	<!DOCTYPE html PUBLIC
	"-//i-mode group (ja)//DTD XHTML i-XHTML(Locale/Ver.=ja/1.1) 1.0//EN"
	"i-xhtml_4ja_10.dtd">';
}

のように変更すればおkです。
DOCTYPEは長いので、表示が崩れるのを防ぐのに改行いれてます…。

doctypeはバージョンによって記述を変更する必要がありますが、その辺は割愛。

コメントする

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です