如何在WordPress主题中实现引导站点中的css定义的图像

时间:2015-05-13 作者:fritzbitz

我正在从我设计的Bootstrap 3网站制作我自己的主题。如何最好地实现我在WordPress中的CSS中定义的图像,以便以后可以更改它们并引用媒体库?

具体来说,如何在此处获取背景图像mockup site with background image


要在我的wordpress主题中显示?

wordpress site with no background image


具体来说,我用来绘制花朵图像的CSS是

.herobox {
background: url("http://i.imgur.com/cJKKR3Q.jpg") ;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
padding-bottom:30px;
padding-top:30px;
z-index: -1;
  }
如果我想稍后在wordpress上更改图片,这显然不是一个可行的解决方案,我将在博客页面上这样做。

所以我的问题是,我如何调用背景图像?我是使用CSS还是不使用CSS?我应该将图像放置在何处以引用它?

谢谢你的帮助

1 个回复
SO网友:m4n0

定义图像的多种解决方案->

Post Thumbnails

创建新帖子时,可以设置Featured Image 将自动设置后期图像。

由于图像是全宽的,因此需要使用以下方法设置缩略图的大小:https://codex.wordpress.org/Function_Reference/the_post_thumbnail

Media Upload

<转到Media -> Add New. 上传图像,上传完成后,点击Edit.

在右侧,复制File URL 在保存元框中,并在CSS中替换该URL。您可以在中查看所有图像的列表Media -> Library 过后

此解决方案用于直接编辑代码。

Advanced Custom Fields

如果需要允许图像上载程序直接替换此图像,则需要使用Advanced Custom Fields 图像上载字段并在标题中引用该字段。src属性的php文件。

结束