从嵌入应用程序的内框架中删除网站页眉和页脚

Posted

技术标签:

【中文标题】从嵌入应用程序的内框架中删除网站页眉和页脚【英文标题】:Removing website header and footer from inframe embedded in an app 【发布时间】:2021-06-08 21:24:23 【问题描述】:

我已经建立了以下 Wordpress 网站:https://bofin.com/terms-conditions/

我的客户希望将此条款和条件页面嵌入到应用程序中,以便我们只需要更新一份副本。但是我们需要能够在应用程序中显示网站页眉和页脚时删除它。

有什么想法吗?

我找到了这个脚本,但我不确定我需要采取哪些步骤来实现它以及我需要添加什么以包括不包括页脚。

    <script>
    $(document).ready(function()
        var url = window.location.href;
        if(url.search('inapp=true') === true)
            $('header').css('display', 'none');
        
    );
</script>

【问题讨论】:

这是和 html 问题,但您可以“隐藏”一些取决于屏幕分辨率的项目 link 您可以使用 url 参数有条件地隐藏页眉和页脚。 非常感谢@javdromero!不幸的是,我仍然需要这些元素出现在网站的移动版本中,而不是在应用程序中。 那么@Phil 答案是一个有效的选项,在你正在使用的 url 上传递一个参数 【参考方案1】:

我找到了一些您可以应用到您的页面的自定义 CSS:

header#masthead 
display: none;

footer#colophon 
display: none;

请参阅here 了解有关它的 WordPress 支持页面。

我不确定您需要制定什么计划来实施此计划,但可能值得一试?

【讨论】:

谢谢!会试一试:) 告诉我进展如何! :)【参考方案2】:

例如在singular.php中,添加一个条件参数,当“minimal”附加到url时隐藏页眉和页脚。例如 example.com?minimal 并且页面 url 在允许列表中

<?php

    $allowed_minimal = array(
        "/terms-conditions/"
    );
    $url = $_SERVER['REQUEST_URI'];
    $hide_header_footer = isset( $_GET['minimal'] ) && in_array( $url, $allowed_minimal ) ? true : false ;

    if ( $hide_header_footer ) 
        get_header();
    
?>

<main id="site-content" role="main">

    <?php

    if ( have_posts() ) 
        while ( have_posts() ) 
            the_post();
            get_template_part( 'template-parts/content', get_post_type() );
        
    
    ?>

</main><!-- #site-content -->
<?php get_template_part( 'template-parts/footer-menus-widgets' ); ?>

<?php
    if ( $hide_header_footer ) 
        get_footer();
    
?>

【讨论】:

以上是关于从嵌入应用程序的内框架中删除网站页眉和页脚的主要内容,如果未能解决你的问题,请参考以下文章

从 window.print() 中删除页眉和页脚

需要从本地 iframe 中的 src url 中删除页眉和页脚

在 Elementor 中删除页眉和页脚

CSS:从打印预览 Chrome 中禁用页眉和页脚

RegEx 删除密钥和证书页眉和页脚 [重复]

使用 Javascript 或 CSS 从 Internet Explorer 打印时隐藏页眉和页脚