个性化阅读
专注于IT技术分析

WP在图像上添加文本

如何在Wordpress的图片上方添​​加文字。我正在使用Sydney主题, 并且在自定义区域中使用wp display images插件, 我设法为每个页面分配一个图像, 无论如何, 我还可以在这些图像上添加文本吗?

我无权访问外观部分的编辑器。不能仅使用CSS将文本添加到图像?


#1


这是用于在标题下方显示图像的代码。如果要添加文本, 则需要修改此代码。如果不更改此代码, 你将无法做。

你可以在管理面板的编辑器中查看代码吗?

    <div class="sydney-hero-area">
        <?php sydney_slider_template(); ?>
        <div class="header-image">
            <?php sydney_header_overlay(); ?>
            <img class="header-inner" src="<?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;
}
赞(0) 打赏
未经允许不得转载:srcmini » WP在图像上添加文本
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

 

觉得文章有用就打赏一下文章作者

微信扫一扫打赏