如何将图像附件标记为背景图像?

时间:2011-08-31 作者:0al0

我正在尝试添加一个功能,将帖子的附件id标记为背景图像。基本上,我想复制post缩略图功能:在图像附件详细信息中,用户将单击“用作post background”链接/按钮,该图像将设置为post background。

我一直在google上寻找类似于自定义字段的内容,但用于图像附件,但没有找到任何内容。有什么想法吗?

2 个回复
SO网友:Ignacio

您可以使用插件“Custom Field Template”用一个更易于使用的界面来替换标准的自定义字段,该界面还允许您使用复选框、选择、带有tinymce的文本区域以及文件上传等。然后客户端只需通过该字段上传图像,您就可以使用

<?php
    $bg = wp_get_attachment_image_src(get_post_meta($post->ID, \'custom_field_name\', true),\'original\');
?>
获取文件信息。这将返回一个数组,图像url将是0值。然后执行以下操作:

<?php
if(isset($bg) && $bg != \'\')) {
   echo \'<div style="background:url(\'.$bg[0];.\');">CONTENT</div>\';
}
?>

SO网友:kevin

我是这样做的:

1-我创建了一篇带有自定义字段名的帖子bg-pic 作为一个值,我输入了刚刚上传的图片的url。

2英寸content.php 用于检索值的php和按钮:

<?php the_excerpt();
$bg = get_post_meta($post->ID, \'bg-pic\', true); //retrieve the value
if($bg) { //if there\'s a value i show the button ?>
        <a class="test" href="<?php echo $bg; ?>" >Use bg</a>
<?php } ?>
3英寸footer.php 在后台加载图像的javascript(在domready中):

$(".test").click(function(){
    var bgvar = $(this).attr("href");                     
    //alert (bgvar);
    $("body").css("background", "url(" + bgvar + ")" );
    return false;
});
4-检查是否包含jQuery并对其进行测试。

希望这有帮助。

结束

相关推荐

fetch images and videos

是否可以获取特定网站的视频和图像并将其发布?我的意思是我正在考虑写一个函数,在这里我只写网站名称,然后在网站url的帮助下,所有或最新的图片和视频都会发布到我的帖子上。这可能吗?