繁体   English   中英

将自定义页脚添加到页面模板

Adding Custom Footer to page Template

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

我已经使用“虚拟”内容制作了自定义页脚布局。

这是页脚 html

                                  <!-- MY FOOTER -->
                                    <div class="my-footer">
                                <div class="my-column" style="background-color:#aaa;">
                                <h2>Column 1</h2>
                                <p>Some text..</p>
                              </div>
                              <div class="my-column" style="background-color:#bbb;">
                                <h2>Column 2</h2>
                                <p>Some text..</p>
                              </div>
                              <div class="my-column" style="background-color:#ccc;">
                                <h2>Column 3</h2>
                                <p>Some text..</p>
                              </div>
                              <div class="my-column" style="background-color:#ddd;">
                                <h2>Column 4</h2>
                                <p>Some text..</p>
                              </div>
                            </div>
                            <!-- END MY FOOTER -->

/* Create four equal columns that floats next to each other */
.my-column {
  float: left;
  width: 25%;
  padding: 10px;
  height: 300px; /* Should be removed. Only for demonstration */
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

为了让它显示在我最后一个“滚动部分”(#contact)的底部,我已将此 html 页脚添加到:

页面模板/模板全页.php

但是我的页脚根本没有显示?

查看网站的链接

<?php
/*
Template Name: Scrolling Full Screen Sections
*/
?>
<?php get_header(); ?>

<?php the_post(); ?>

<?php

    $scrolling_page = movedo_grve_post_meta( '_movedo_grve_scrolling_page' );
    $responsive_scrolling_page = movedo_grve_post_meta( '_movedo_grve_responsive_scrolling', 'yes' );
    $scrolling_lock_anchors = movedo_grve_post_meta( '_movedo_grve_scrolling_lock_anchors', 'yes' );
    $scrolling_loop = movedo_grve_post_meta( '_movedo_grve_scrolling_loop', 'none' );
    $scrolling_speed = movedo_grve_post_meta( '_movedo_grve_scrolling_speed', 1000 );

    $wrapper_attributes = array();
    if( 'pilling' == $scrolling_page ) {
        $scrolling_page_id = 'grve-pilling-page';
        $scrolling_direction = movedo_grve_post_meta( '_movedo_grve_scrolling_direction', 'vertical' );
        $wrapper_attributes[] = 'data-scroll-direction="' . esc_attr( $scrolling_direction ) . '"';
    } else {
        $scrolling_page_id = 'grve-fullpage';
    }
    $wrapper_attributes[] = 'id="' . esc_attr( $scrolling_page_id ) . '"';
    $wrapper_attributes[] = 'data-device-scrolling="' . esc_attr( $responsive_scrolling_page ) . '"';
    $wrapper_attributes[] = 'data-lock-anchors="' . esc_attr( $scrolling_lock_anchors ) . '"';
    $wrapper_attributes[] = 'data-scroll-loop="' . esc_attr( $scrolling_loop ) . '"';
    $wrapper_attributes[] = 'data-scroll-speed="' . esc_attr( $scrolling_speed ) . '"';

?>

            <!-- CONTENT -->
            <div id="grve-content" class="clearfix">
                
                <div class="grve-content-wrapper">
                    
                    <!-- MAIN CONTENT -->
                    <div id="grve-main-content">
                        <div class="grve-main-content-wrapper clearfix" style="padding: 0;">

                            <!-- PAGE CONTENT -->
                            <div id="page-<?php the_ID(); ?>" <?php post_class(); ?>>
                                <div <?php echo implode( ' ', $wrapper_attributes ); ?>>
                                    <?php the_content(); ?>
                                    **<!-- MY FOOTER -->
                                    <div class="my-footer">
                                <div class="my-column" style="background-color:#aaa;">
                                <h2>Column 1</h2>
                                <p>Some text..</p>
                              </div>
                              <div class="my-column" style="background-color:#bbb;">
                                <h2>Column 2</h2>
                                <p>Some text..</p>
                              </div>
                              <div class="my-column" style="background-color:#ccc;">
                                <h2>Column 3</h2>
                                <p>Some text..</p>
                              </div>
                              <div class="my-column" style="background-color:#ddd;">
                                <h2>Column 4</h2>
                                <p>Some text..</p>
                              </div>
                            </div>
                            <!-- END MY FOOTER -->**
                                </div>
                                
                            </div>

                            <!-- END PAGE CONTENT -->
                        </div>
                    </div>
                    <!-- END MAIN CONTENT -->
                </div>
                
            </div>

            <!-- END CONTENT -->
            
            <!-- SIDE AREA -->
            <?php
                $movedo_grve_sidearea_data = movedo_grve_get_sidearea_data();
                movedo_grve_print_side_area( $movedo_grve_sidearea_data );
            ?>
            <!-- END SIDE AREA -->

            <!-- HIDDEN MENU -->
            <?php movedo_grve_print_hidden_menu(); ?>
            <!-- END HIDDEN MENU -->

            <?php movedo_grve_print_search_modal(); ?>
            <?php movedo_grve_print_form_modals(); ?>
            <?php movedo_grve_print_language_modal(); ?>
            <?php movedo_grve_print_login_modal(); ?>
            <?php movedo_grve_print_social_modal(); ?>
            <?php do_action( 'movedo_grve_footer_modal_container' ); ?>
            
            </div> <!-- end #grve-theme-content -->
            <?php movedo_grve_print_safebutton_area(); ?>
        </div> <!-- end #grve-theme-wrapper -->

        <?php wp_footer(); // js scripts are inserted using this function ?>

    </body>

</html>

我是否在模板文件中将 html 添加到了不正确的 position 中? 还是模板文件或 css 中的某些内容阻止了页脚显示?

1 个回复

我检查了该网站,似乎那里缺少一些样式。 尝试:

.my-footer {
    height: 200px;
    position: absolute;
    bottom: 20px;
    width: 100%;
}

当然调整高度。

1 Drupal 将自定义模板添加到页面

我正在使用 Drupal 7 并且我想添加一个顶部带有自定义部分的新页面,客户端可以从 Drupal 后端添加 html 内容和该部分下方的部分。 我对节点/块等有点困惑。我只想添加一个新页面,上面有我的自定义模板,我应该遵循哪些步骤? ...

3 将自定义页脚添加到Excel Workbook OpenXML C#

我正在对几年前其他人编写的代码进行更改。 我正在尝试向OpenXML中的工作簿添加自定义页脚。 我尝试使用HeaderFooter类失败。 这是代码: 我找不到任何出色的文档。 感谢您的帮助! ...

4 将自定义页面模板添加到插件制作的模板中的问题

我正在尝试制作一个插件,这个插件会自动生成一个名为“page-cb.php”的页面模板,它还使用 wp_insert_post() 生成一个预构建的页面。 问题是当我尝试设置该自定义模板时,对于 wp_insert_post() 创建的页面,该页面已创建,但我的自定义模板未应用于它,我的代码如下: ...

5 TCPdf将自定义作者或页面添加到多个页面的页脚中(每个页面上的作者/页面可以不同)

我已经在TCpdf的页脚中找到了很多有关页码的信息,但是我没有找到解决我特定问题的方法。 我的问题:用户可以使用以下内容添加内容类型:图片,页码,标题和方向。 需要页码,因为内容是在接收图像时创建的。 因此,这不是按时间顺序排列的。 可以在第20页上添加图像,然后稍后发送应该在第2页 ...

6 将自定义类模板添加到 Visual Studio for Mac

我试图找到一种方法来模板化类文件,以便我可以使用此模板快速添加新类。 我经常这样做,剪切和粘贴并没有真正解决它。 创建扩展似乎是要走的路。 我已经安装了 addinMaker 但没有任何成功。 菜单中没有添加任何内容。 我曾尝试更改类别(在模板中),但没有帮助。 我正在尝试使用 XML 来做这 ...

7 向 CloudFormation 模板添加自定义指标

我需要在 CloudFormation 中添加一个触发回滚的警报。 我已经决定添加一个可以手动分配的自定义指标。 我在这里查看文档。 这看起来可以工作,但我需要将它添加到模板中。 这可能吗? 我最初认为的值将是 0 次失败,如下所示 当我想触发回滚时,我会将其设置为 1 但我需要将其放在模板中,以便 ...

8 将自定义JavaScript添加到Joomla! 模板

我在Joomla中工作! 模板并想知道:如果文件位于模板的根文件夹中的文件夹内,为什么站点中的javascript无法正常工作? 为什么仅当javascript文件位于模板的根文件夹上时才起作用? 这是我在文件位于文件夹中时在index.php上声明javascript的时候: ...

9 将自定义字段添加到模板文件

我正在使用一个插件来显示用户喜欢的帖子,但被困在显示一些自定义字段上。 &lt;?php the_user_favorites_list( $include_links = true, //Adding permalink to the title $filters = null ...

10 将自定义类别模板添加到magento

我正在建立一个网上商店,其中包含超过25个不同商店的产品。 对于每家商店,我们的首页布局都相似但略有不同。 我想添加其他模板,以用于每个商店子主页。 我发现我可以将模板添加到local.xml。 但是,我只能使它适用于一个模板。.将多个模板添加到local.xml的正确方法是什么? ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM