如何在Wordpress的图片上方添??加文字。我正在使用Sydney主题, 并且在自定义区域中使用wp display images插件, 我设法为每个页面分配一个图像, 无论如何, 我还可以在这些图像上添加文本吗?
我无权访问外观部分的编辑器。不能仅使用CSS将文本添加到图像?
#1【WP在图像上添加文本】这是用于在标题下方显示图像的代码。如果要添加文本, 则需要修改此代码。如果不更改此代码, 你将无法做。
你可以在管理面板的编辑器中查看代码吗?
<
div class="sydney-hero-area">
<
?php sydney_slider_template();
?>
<
div class="header-image">
<
?php sydney_header_overlay();
?>
<
img class="header-inner" src="http://www.srcmini.com/<
?php header_image();
?>" width="<
?php echo esc_attr( get_custom_header()->
width );
?>
" alt="<
?php bloginfo('name');
?>
" title="<
?php bloginfo('name');
?>
">
<
/div>
<
?php sydney_header_video();
?>
<
?php do_action('sydney_inside_hero');
?>
<
/div>
试试这种风格
.page-id-10 .header-image:before {
content: 'onze-klanten';
}.page-id-8 .header-image:before {
content: 'werken-bij';
}
.page-id-206 .header-image:before {
content: 'Wie zijn wij';
}.header-image:before {
display: block;
padding-top: 25%;
font-size: 45px;
text-align: center;
color: #fff;
}.header-image {
position: relative;
}
推荐阅读
- 从WordPress自定义主题中的标准样式添加Jquery
- 将产品添加到店面主页上的最畅销产品列表中
- 在WordPress网站中添加”加入群组”按钮
- 关于graalvm 的一些官方QA
- java.util.concurrent.locks.LockSupport用法
- npm镜像加速
- Qt-error C3872: “0x3000”: 此字符不允许在标识符中使用
- springboot
- 介绍一款开源电商网站的购物车添加功能的实现