Custom header tiling?

时间：2012-11-01 作者：speedypancake

我一直在玩wp自定义标题和背景选项。

我喜欢你可以将一个小图像平铺为背景的方式，并寻找一种将该选项添加到自定义标题图像的方法。

我的主题的标题有一个div，我添加了wp自定义标题，如下所示：

<div class="header">
<img src="<?php header_image(); ?>" height="<?php echo get_custom_header()->height; ?>"    width="<?php echo get_custom_header()->width; ?>" alt="" \'/>

我可以理解脚本需要图像src、width和；在“添加自定义标题”对话框中输入的高度值，但可能需要一些帮助来说服所选图像平铺。

我试过这样的方法，但没有成功。。。

 <div class="art-header" style="background-image:url(\'<img src=<?php header_image(); ?>\');> background-repeat:repeat;">

我真的不需要在wp后端设置标题时使用“平铺”对话框，但只要上传的图像小于div的大小，它就会自动平铺

谢谢

2 个回复

最合适的回答,由SO网友:Eric Holmes 整理而成

您正在将图像放入“样式”属性-这是错误的。您只需要路径，不需要标记：

<div class="art-header"
style="background-image:url(\'<?php header_image(); ?>\'); background-repeat:repeat; height:<?php echo get_custom_header()->height; ?>px; width:<?php echo get_custom_header()->width;?>px;">
</div>

看到眼前的问题后，我建议：

您的HTML：<div class="art-header">....</div>

同一文件（或header.php）上的任意位置：

<style type="text/css">
div.art-header, div.art-header::after {
background-image:url(\'<?php header_image(); ?>\');
background-repeat:repeat;
height:<?php echo get_custom_header()->height; ?>px;
width:100%;
}
</style>

SO网友:s_ha_dum

如果这样将图像添加到HTML中，则无法将其平铺。为了使图像平铺，它必须是背景图像，因此需要通过CSS规则添加它。

如果我理解您所做的，您需要将高度和宽度添加到header类，并将您的图像作为背景图像放置在该div上。对于这两个方面，您需要编写一些CSS。为了使用主题中的设置，您需要在PHP中创建CSS并将其插入页面的标题中。

function my_inserted_css() { ?>
<style type="text/css">
.header {
  height:<?php echo get_custom_header()->height;?>px;
  width:<?php echo get_custom_header()->width;?>px;
  background-image:url(\'<?php header_image(); ?>\') background-repeat:repeat;"
}
</style> <?php
}

“高度”和“宽度”将是容器大小，而不是要平铺的图像大小。

并通过挂钩将其插入wp_enqueue_scripts.

add_action( \'wp_enqueue_scripts\', \'my_inserted_css\' );

所有这些都会在你的主题中functions.php 文件

结束

标签： images custom-background 小码农

images within style sheet

我希望有人能在这方面帮助我，因为这已经开始让我抓狂了。我已经搜索了好几个小时，想找到一种在我的样式表中放置图像路径的方法，但一直没有找到。路径不能是绝对路径或“主题相关”路径。解决问题的唯一方法是在html文件中添加以下内容：<style type=\"text/css\"> #menu .menu-drop .menu-label { background: url(<?php echo get_template_directory_uri().

小码农CODE

Custom header tiling?

相关推荐

images within style sheet