php - Joomla 2.5 - iPad 用のカスタム CSS を追加する

Question

joomla の Web サイトを iPad で表示するときに css ファイルを読み込みたい。

私が使用しているjoomlaのバージョンは2.5です。

現在、Internet Explorer や Firefox などのブラウザー用にスタイルシートを設定していますが、iPad などのデバイス専用の css ファイルを Web サイトにロードするように指示する方法がわかりません。

どんな助けでも大歓迎です。

Answer 1

@isherの答えは良い方法ですが、CSSファイルをインポートするには、Joomlaコーディング標準を使用してそうします:

<?php
$isiPad = (bool) strpos($_SERVER['HTTP_USER_AGENT'],'iPad');

if ($isiPad){    
   $doc = JFactory::getDocument(); //only include if line doesn't already exist
   $doc->addStyleSheet (JURI::root() . "template/template-name/ipad-styles.css" );
}
?>

Answer 2

または、このスクリプトを使用して、テンプレートまたはカスタム モジュールに追加することもできます (すべてのページに割り当てられます)。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript">
jQuery(function($){ 
var userAgent = navigator.userAgent.toLowerCase();
var regex = new RegExp('ipad',"i"); 
if(userAgent.match(regex)){
    $('<link href="css/ipad.css" rel="stylesheet" type="text/css"/>').appendTo($('head'));
}});
</script>

Answer 3

このような何かがそれを行う必要があります:

<?php
$isiPad = (bool) strpos($_SERVER['HTTP_USER_AGENT'],'iPad');

if $isiPad;    
  echo "<link href='ipad-styles.css' rel='stylesheet' type='text/css'>";
?>