1

我正在使用Wordpress我之前制作的 HTML/CSS/JS 模板构建一个网站。然而，这是我第一次使用它，我真的很挣扎。例如，有很多资源和解决方案，但似乎没有一个对我有用；一个教程指出，如果您进入management screen > pages > add new > page attributes > template. 但是在页面属性下只有“订单”，尽管它确实声称如果您单击帮助应该有一个模板位。

我已经设法链接我的样式表，但我的图像都没有出现。它们都在我的主题目录中名为 images 的文件夹中。

在我的外部样式表中，我有：

body{
    background:url("images/subfolder/image01.jpg");
}

我也试过：

body{
    background-image:url("images/subfolder/image.jpg");
}

在我的 html 中，我有：

<img src="<?php echo get_template_directory_uri(); ?>/images/subfolder/image02.png" alt="DESCRIPTION" />

我也试过：

<img src="<?php bloginfo('template_directory'); ?>/images/subfolder/image02.png" alt="DESCRIPTION" />

我似乎无法解决这些问题。

4

3 回答 3

0

尝试从您的 Web 根目录指定主题目录的完整路径。

例如。/wp-content/themes/[yourtheme]/images/subfolder/image01.jpg

于 2013-07-19T11:13:04.813 回答
0

图像路径应该在你的 CSS 中工作，但在你的 HTML/PHP 中你需要使用类似的东西

<img src="<?php bloginfo('stylesheet_directory'); ?> /images/subfolder/image02.png" />
于 2013-07-19T11:17:15.877 回答
0

这是交易：）您的文件夹结构“必须”如下所示

-Yourtheme Folder
index.php
style.css
page.php
single.php
...其他文件
  -images（图像文件夹）
  -js（js文件夹）

因此，如果您正在开发主题完整图像路径对您没有多大帮助，因为您根本不知道您的客户域的外观，就像它可以是http://www.mydomain.com/somefolder/但也可以http://www.mydomain.com/somefolder/subfolder/anothersubfolder这样访问您的图像使用这样的相对路径
background-image:url('../images/myimage.jpg');：无论您的域路径看起来如何，图像都会起作用。

现在到模板:)

为了让 wordpress 识别出您正在使用模板，请创建一个文件并将其命名为mycooltemplate.php（您可以随意命名）您的模板文件中的第一行必须如下所示： 

<?php /*Template name: This is my cool template*/   
?>

这样wordpress就会知道你正在使用一个模板，你可以在里面访问它

management screen > pages > add new > page attributes > template

所以举一个真实世界的例子，让我们创建我们的第一个模板，好吗？我们现在将创建一个简单的存档模板。

打开您的文本编辑器并添加此代码

<?php
/*
Template Name: My Cool Archives Template
*/
get_header(); ?>

<div id="container">
<div id="content" role="main">

    <?php the_post(); ?>
    <h1 class="entry-title"><?php the_title(); ?></h1>

    <?php get_search_form(); ?>

    <h2>Archives by Month:</h2>
    <ul>
        <?php wp_get_archives('type=monthly'); ?>
    </ul>

    <h2>Archives by Subject:</h2>
    <ul>
         <?php wp_list_categories(); ?>
    </ul>

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

            <?php get_sidebar(); ?>
            <?php get_footer(); ?>

将其保存为archives.php（随意命名）并将其上传到您的主题文件夹。所以现在你的文件夹应该是这样的：

-Yourtheme 文件夹
index.php
style.css
page.php
single.php
archives.php （你的第一个模板耶！！）
...其他文件
  -images （图像文件夹）
  -js （js文件夹）

希望这有帮助......

于 2013-07-19T11:54:09.460 回答