在图像上添加文字

Question

如何在 wordpress 上的图像上添加文字。我正在使用 Sydney 主题并在自定义区域中使用 wp 显示图像插件，我设法为每个页面分配一个图像，无论如何我也可以在这些图像上添加文本吗？

我没有权限访问外观部分的编辑器。仅使用 CSS?

无法将此文本添加到图像中

Answer 1

这是在header下方显示图片的代码。如果要添加文本，则需要修改此代码。如果不更改此代码，您将无法执行此操作。

您能在管理面板的编辑器中看到代码吗？

    <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;
}

在图像上添加文字

adding text over images

wordpress

wordpress-theming

custom-wordpress-pages