我通常用JavaScript编写, 但是我目前正在尝试为辅助项目设置Wordpress主题。我发现了一些资源, 概述了如何通过内联样式将设置的特色图像用作div背景图像, 但是它们有些陈旧。我目前正在尝试找到的一种基本方法, 并尝试对其进行更新以匹配当前的Wordpress Docs, 但是我对PhP还是陌生的。
在我的函数文件中, 我有:
add_theme_support( 'post-thumbnails' );
在我的模板文件中, 我有:
<
?php $bgImg = wp_get_attachment_image_src( get_post_thumbnail_id($post->
ID), 'large');
?>
<
section style="background: url('<
?php echo $bgImg[0];
?>
') no-repeat;
">
<
/section>
该部分正在渲染, 但开发工具显示” background:url((unknown))”
- 有人可以在这里用php向正确的方向指出可怜的javascript-er吗?
- 如果有人更熟悉wordpress, 他们可以为我确认” 大” 是默认图像大小, 还是我需要注册它?
$thumb_id = get_post_thumbnail_id();
$thumb_url_array = wp_get_attachment_image_src($thumb_id, 'thumbnail-size', true);
$thumb_url = $thumb_url_array[0];
<
div class="image row" style="background: url('<
? echo $thumb_url;
?>
');
">
content<
/div
【WordPress特色图片请求返回未知】编辑:这是默认情况下图像尺寸的列表。 https://codex.wordpress.org/Post_Thumbnails#Thumbnail_Sizes
#2使用以下代码代替你的代码。
<
?php
$featuredImg = get_the_post_thumbnail_url($post->
ID, 'full');
if($featuredImg) {
$bgImg = $featuredImg;
} else {
$bgImg = get_template_directory_uri().'/images/default_bg.jpg';
}
?>
<
section style="background: url('<
?php echo $bgImg;
?>
') no-repeat;
">
<
/section>
推荐阅读
- WordPress的首页不显示模板的内容
- 主题wpexplorer Today主题的WordPress摘录字符限制
- WordPress按标签过滤帖子
- 使用kallyas-child主题的WordPress错误
- WordPress排队样式依赖项加载不正常
- powershell将计算机加入到AD域安全组,并输出日志
- Android技术分享| 自习室自定义View代替通知动画(完)
- 网络不可用怎么办(无法访问互联网怎么办?网络故障原因大起底)
- #私藏项目实操分享#云开发数据库有哪些常用操作