2

所以我正在为客户构建一个自定义的 wordpress 主题(我是一名自由职业者,对 wordpress 很陌生)并且我已经构建了在主页上 100% 工作的主题,但是当我进入帖子、存档等时,图像路径中断,侧边栏中断。我附上了照片供您查看: 这就是它的样子 这就是帖子的样子: 在此处输入图像描述

======== 代码编辑 =======

header.php:

<!DOCTYPE html>
<html <?php language_attributes(); ?>>

<head>
<meta charset="<?php bloginfo('charset'); ?>" />

<?php if (is_search()) { ?>
   <meta name="robots" content="noindex, nofollow" /> 
<?php } ?>

<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>

<link rel="shortcut icon" href="/favicon.ico">
<link rel="stylesheet" type="text/css" href="wp-    content/themes/custom1/css/reset.css" />
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>">

<!-- HTML 5 shiv -->
<!--[if lt IE 9]>
    <script src="dist/html5shiv.js"></script>
<![endif]-->

<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>">

<?php if ( is_singular() ) wp_enqueue_script('comment-reply'); ?>

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

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

<div id="page-wrap">

    <section id="header">

            <div id="logo"></div>

        <div id="nav">
            <div class="wrapper">
                <nav>
                    <ul>
                        <!-- <li><a href="#">Home</a></li>
                        <li><a href="#">About Us</a></li>
                        <li><a href="#">FAQ's</a></li>
                        <li><a href="#">Contact Us</a></li> -->
                        <?php wp_nav_menu(array('menu' => 'Main Nav Menu')); ?>
                    </ul>
                </nav>
                <div class="clear"></div>
            </div>
        </div>

    </section> <!-- end of Header -->

    <section id="page">
        <div class="wrapper">

索引.php:

<?php get_header(); ?>
<section id="main_content">
                <article>   
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>

    <div <?php post_class() ?> id="post-<?php the_ID(); ?>">

        <h2><a href="<?php the_permalink() ?>"><?php the_title(); ?></a>        </h2>

        <?php include (TEMPLATEPATH . '/inc/meta.php' ); ?>

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

        <div class="postmetadata">
            <?php the_tags('Tags: ', ', ', '<br />'); ?>
            Posted in <?php the_category(', ') ?> | 
            <?php comments_popup_link('No Comments &#187;', '1 Comment &#187;', '% Comments &#187;'); ?>
        </div>

    </div>

<?php endwhile; ?>

<?php include (TEMPLATEPATH . '/inc/nav.php' ); ?>

<?php else : ?>

    <h2>Not Found</h2>

<?php endif; ?>
</article>
            </section>
<?php get_sidebar(); ?>

<?php get_footer(); ?>

和 page.php (错误的):

<?php get_header(); ?>
<section id="main_content">
<article>   
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>

    <div class="post" id="post-<?php the_ID(); ?>">

        <h2><?php the_title(); ?></h2>

        <?php include (TEMPLATEPATH . '/inc/meta.php' ); ?>

        <div class="entry">

            <?php the_content(); ?>

            <?php wp_link_pages(array('before' => 'Pages: ', 'next_or_number' => 'number')); ?>

        </div>

        <?php edit_post_link('Edit this entry.', '<p>', '</p>'); ?>

    </div>

    <?php // comments_template(); ?>

    <?php endwhile; endif; ?>
</article>
</section>
<?php get_sidebar(); ?>

<?php get_footer(); ?>

对不起,很长的帖子:)

4

1 回答 1

1

因此,我在随机博客文章中进行了大量搜索后找到了答案(我忘了在哪里,抱歉)。

我在做什么:如果我将图像的链接放在以下位置,则该图像仅在主页上有效,而在其他页面上无效:wp-content/themes/[mytheme]/images/image.jpg

当我输入以下内容时,它适用于所有其他页面,但不适用于主页:../wp-content/themes/[mytheme]/images/image.jpg

<?php bloginfo('template_directory'); ?>/images/image1.jpg

感谢 Nicholas King、George Marques、Domdev 和 Scott Simpson 让我走上正轨。

谢谢,乔什

于 2013-09-25T17:34:02.640 回答