Question

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

我无法访问外观部分的编辑器。是不是只使用CSS将此文本添加到图像中？

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

在图片上添加文字

1 个答案: