Question

我正在使用之前制作的HTML / CSS / JS模板构建一个Wordpress网站。然而，这是我第一次使用它，我真的很挣扎。有很多资源和解决方案，但似乎没有一个对我有用，例如;一个教程指出，如果你进入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" />

我似乎无法得到任何这些。

Answer 1

尝试从Web根目录指定themes目录的完整路径。

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

Answer 2

图像路径应该在CSS中有效，但在HTML / PHP中，您需要使用类似

的内容

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

Answer 3

这是交易:)您的文件夹结构“必须”看起来像这样

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

因此，如果您正在开发主题完整图片路径对您没有多大帮助，因为您根本不知道您的客户域名将如何显示，例如它可以是http://www.mydomain.com/somefolder/但它也可以是{{1}因此，要访问您的图片，请使用以下相对路径：
http://www.mydomain.com/somefolder/subfolder/anothersubfolder无论您的域路径如何，图片都能正常工作。

现在到模板：）

为了让wordpress认识到你有一个模板创建一个文件并将其命名为 mycooltemplate.php （你可以根据需要命名）模板文件中的第一行必须是这样的：

background-image:url('../images/myimage.jpg');

这样wordpress就会知道你正在使用模板，你可以在

中访问它

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

那么为了给出一个真实世界的例子让我们创建我们的第一个模板吧？我们现在将创建一个简单的存档模板。

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

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

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

- Yourtheme文件夹
的index.php
的style.css
page.php文件
的single.php
archives.php（你的第一个模板yeeey !!）
...其他文件
-images（图像文件夹）
-js（js文件夹）
希望这有助于......

img src和模板页面Wordpress的问题

3 个答案: