wordpress：如何添加自定义静态HTML页面模板，其中包含一些图像

Question

我创建了一个自定义静态html页面 通过在

中添加一个php文件

 wp-content/themes/myactivetheme/

基本上包含

<?php
  /*
  Template Name: test
  */
  ?>
  <div><p>blablabla</p>
 <div><img src="content/images/thumb/00500_Partition_Vivaldi_Printemps.jpg"  /></div>

我已将相应的图像文件放在

中

wp-content/themes/myactivetheme/content/images/thumb

使用此测试模板使用仪表板创建新页面时，会显示文本但不显示图像，为什么？

Answer 1

图像的源地址可能是错误的。不要使用相对链接。例如：

而不是：

<img src="content/images/thumb/00500_Partition_Vivaldi_Printemps.jpg"  />

使用：

<img src="<?php bloginfo('template_url'); ?>/content/images/thumb/your-image.jpg" />

它将帮助Wordpress找到显示图像的确切路径。

Answer 2

相对URI将相对于您的WordPress索引，因此WordPress将在错误的位置查找图像。你可以

1. 移动图片
2. 硬编码图片网址
3. 干净利落地做，<img src="<?php echo get_stylesheet_directory_uri(); ?>/content/images/thumb/00500_Partition_Vivaldi_Printemps.jpg" />

Answer 3

图像文件必须放在

中

/wordpress/content/images/thumb