Wordpress自定义主题仅适用于主页

时间:2013-08-30 19:00:42

标签: php wordpress wordpress-theming

我创建了一个网站并为其添加了wordpress,以便其他人轻松管理内容。 主题在为主页指定的页面上完美地工作,而不是在每个其他页面上。有问题的页面看起来好像缺少样式表。

我目前正在使用我的localhost工作。

这是我的header.php文件:

<!doctype html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo('charset');?>">
<title><?php
global $page, $paged;
wp_title( '|', true, 'right' );
bloginfo( 'name' );
$site_description = get_bloginfo( 'description', 'display' );
if ( $site_description && ( is_home() || is_front_page() ) )
    echo " | $site_description";
if ( $paged >= 2 || $page >= 2 )
    echo ' | ' . sprintf( __( 'Page %s' ), max( $paged, $page ) );
?></title>

<link href="wp-content/themes/theme_name/css/carousel.css" rel="stylesheet"     type="text/css" media="all"/>
<link href="wp-content/themes/theme_name/css/style.css" rel="stylesheet"     type="text/css" media="all">
<?php wp_head(); ?>
</head>

<body>
<div id="wrap">
<div class="header">
<nav>
    <div class="login">
    <a href="login.html"></a><span class="login-icon"><p><a href="login.html">Login / Register</a></p>
    </span>
  </div>

    <div class="logo">
    <img src="wp-content/themes/theme_name/img/logo.png" alt=""/> 
    </div>

    <div class="navbar">
        <?php
        wp_nav_menu(array(
          'theme-location' => 'primary-menu',
          'menu_class' => 'nav',
          'fallback_cb' => 'wp_page_menu'
          ));
        ?>
    </div>
   </nav>

这是我的page.php文件(它与index.php文件相同):

<?php
get_header(); ?>

<div id="primary" class="content-area">
    <div id="content" class="site-content" role="main">

        <?php /* The loop */ ?>
        <?php while ( have_posts() ) : the_post(); ?>

            <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
                <header class="entry-header">
                    <?php if ( has_post_thumbnail() && ! post_password_required() ) : ?>
                    <div class="entry-thumbnail">
                        <?php the_post_thumbnail(); ?>
                    </div>
                    <?php endif; ?>

                </header><!-- .entry-header -->

                <div class="entry-content">
                    <?php the_content(); ?>

        <?php endwhile; ?>

    </div><!-- #content -->
</div><!-- #primary -->

<?php get_footer(); ?>

谢谢

1 个答案:

答案 0 :(得分:3)

在header.php中,使用:

<link href="<?php echo get_template_directory_uri(); ?>/css/style.css" rel="stylesheet">

而不是:

<link href="wp-content/themes/theme_name/css/style.css" rel="stylesheet" type="text/css" media="all">

...也为其他样式表做同样的事情。