在页脚中实现以下标记的正确方法是什么。php

<footer class="footer">
  <ul>
    <li><a href="#"><i class="fa fa-youtube"></i></a></li>
    <li><a href="#"><i class="fa fa-twitter"></i></a></li>
    <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
  </ul>

  <p>This site is hosted by <a href="https://www.bluehost.com" target="_blank">Bluehost </a></p>
</footer>

Twenty16有一个“社交链接菜单”菜单位置。下面是来自父页脚的代码。php

<?php if ( has_nav_menu( \'social\' ) ) : ?>
                <nav class="social-navigation" role="navigation" aria-label="<?php esc_attr_e( \'Footer Social Links Menu\', \'twentysixteen\' ); ?>">
                    <?php
                        wp_nav_menu(
                            array(
                                \'theme_location\' => \'social\',
                                \'menu_class\'     => \'social-links-menu\',
                                \'depth\'          => 1,
                                \'link_before\'    => \'<span class="screen-reader-text">\',
                                \'link_after\'     => \'</span>\',
                            )
                        );
                    ?>
                </nav><!-- .social-navigation -->
            <?php endif; ?>

出于好奇，我在我的子主题页脚中添加了上述代码。php创建了一个新的菜单，使用自定义链接和字体很棒的类作为原始标记，但我得到了以下输出：

我还没有尝试调整wp\\u nav\\u菜单，以便它按照上述方式输出我的标记。我搞不清楚的是，如果我删除通过自定义链接添加的菜单标签“github”、“codepen”、“youtube”，整个菜单将从页脚消失。