javascript - 在一页的标题中隐藏图像，仅限在线表格

Question

我在每个页面的标题中都有一个巨大的图像/按钮，将我的用户引导到他们填写的表单，我想删除表单页面本身上的那个图像/按钮，希望使用 css。我正在使用 wordpress，但此表单不是 wordpress 页面，它位于不同的目录中，名为 index.php。我该如何隐藏图像？

在 index.php 中，前几行调用了 get_header() 来加载 header ，所以我想在它后面加上这段代码:

<?php if ( is_page('mysite.org/the-index-page/') ) { ?>
<style type = "text/css">.order-btn { display: none; }</style>
<?php } ?>

然而什么也没有发生。我这样做是否正确，或者有更好的方法吗？

Answer 1

更好的解决方案可能是从该特定页面中删除该按钮。听起来好像按钮标记在您的 header.php 文件中。你可以试试这个:

<?php if ( !is_page( 'the-index-page' ) ) : ?>
    // Button markup here
<?php endif; ?>

如果它不起作用，这应该:

$url = $_SERVER['SERVER_NAME'] . $_SERVER['REQUEST_URI'];

<?php if ( !( $url == 'mysite.org/the-index-page/' ) ) : ?>
    // Button markup here
<?php endif; ?>