Question

我正在尝试将自己使用jQuery Mobile Themeroller制作的主题应用到我的Wordpress主题中。但不知怎的，它不适用。

这是我的header.php代码

<!DOCTYPE html> 
<html> 
    <head> 
    <title>
        <?php
            if (function_exists('is_tag') && is_tag()) {
                single_tag_title("Tag Archive for &quot;"); echo '&quot; - '; }
            elseif (is_archive()) {
                wp_title(''); echo ' Archive - '; }
            elseif (is_search()) {
                echo 'Search for &quot;'.wp_specialchars($s).'&quot; - '; }
            elseif (!(is_404()) && (is_single()) || (is_page())) {
                wp_title(''); echo ' - '; }
            elseif (is_404()) {
                echo 'Not Found - '; }
            if (is_home()) {
                bloginfo('name'); echo ' - '; bloginfo('description'); }
            else {
                bloginfo('name'); }
            if ($paged>1) {
                echo ' - page '. $paged; }
        ?>
    </title>
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="apple-mobile-web-app-capable" content="yes" />

    <link rel="apple-touch-icon-precomposed" href="<?php bloginfo('template_url'); ?>/img/icon.png" />
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="<?php bloginfo('template_url'); ?>/img/icon-ipad.png" />
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="<?php bloginfo('template_url'); ?>/img/icon-iphone4.png" />

    <link rel="apple-touch-startup-image" href="<?php bloginfo('template_url'); ?>/img/splash.png" />
    <link rel="apple-touch-startup-image" sizes="640x920" href="<?php bloginfo('template_url'); ?>/img/splash-iphone4.png" />

    <link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" /> 



<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css">
<link rel="stylesheet" href="themes/CustomTheme.min.css" />
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js"></script>

    <?php
    wp_head();
?>
</head> 

<body <?php body_class(); ?>>

还尝试了jQM CSS之前的自定义css以及在themeroller下载时使用Theme.zip给出的代码

<link rel="stylesheet" href="themes/CustomTheme.min.css" />
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.2/jquery.mobile.structure-1.4.2.min.css" />
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js"></script>

你能看到任何不适用的问题吗？

自定义jQuery Mobile Theme不会应用Wordpress

0 个答案: