Php 用自定义html页脚替换wordpress页脚

Php 用自定义html页脚替换wordpress页脚,php,html,wordpress,Php,Html,Wordpress,我是wordpress新手,我想用纯html代码替换页脚。 我的意思是,我仍然想要由wp生成的“容器”,但在里面我想要使用纯html代码。 我尝试将“partials/footer layout.php”的内容更改为此代码,我可以看到代码,但无法单击链接 有什么想法吗 <?php /** * @package Make */ // Footer Options $footer_layout = (int) get_theme_mod( 'footer-layout', ttfmake

我是wordpress新手,我想用纯html代码替换页脚。 我的意思是,我仍然想要由wp生成的“容器”,但在里面我想要使用纯html代码。 我尝试将
“partials/footer layout.php”
的内容更改为此代码,我可以看到代码,但无法单击链接

有什么想法吗

<?php
/**
 * @package Make
 */

// Footer Options
$footer_layout = (int) get_theme_mod( 'footer-layout', ttfmake_get_default( 'footer-layout' ) );
?>

<footer id="site-footer" class="site-footer footer-layout-<?php echo esc_attr( $footer_layout ); ?>" role="contentinfo">
    <div class="footer-text">
    <!-- CUSTOM FOOTER CODE STARTS HERE --> 
        <div class="footer-custom-container">
        <div class="footer-column-one">
        <h6>Title</h6>
        <ul>
        <a href="#">About us</a>
        <li><a href="#">Contact us</a></li>
        <li><a href="#">&nbsp;</a></li>
        <li><a href="#">Careers</a></li>
        </ul>
        </div>
        <div class="footer-column-two">
        <h6>first column</h6>
        <ul>
        <li><a href="#">Support</a></li>
        <li><a href="#">FAQ</a></li>
        <li><a href="#">User guides</a></li>
        <li><a href="#">Download app</a></li>
        </ul></div>
        <div class="footer-column-three">
        <h6>Social & media</h6>
        <ul>
        <li><a href="#">Facebook</a></li>
        <li><a href="#">Twitter</a></li>
        <li><a href="#">&nbsp;</a></li>
        <li><a href="#">Press</a></li>
        </ul></div>
        <div class="footer-column-four">
        <h6>&nbsp;</h6>
        <ul>
        <li><a href="#">&nbsp;</a></li>
        </ul></div>
        <div class="footer-column-five">
        <h6>Title</h6>
        <ul>
        <li><a href="#">For business</a></li>
        <li><a href="#">For installers</a></li>
        <li><a href="#">Terms & conditions</a></li>
        <li><a href="#">Privacy policy</a></li>
        </ul></div>
        <div class="footer-column-six">
        <h6>first column</h6>
        <ul>
        <li><a href="#">Store</a></li>
        <li><a href="#">Login</a></li>
        </ul></div>
        </div>  

        <!-- CUSTOM FOOTER CODE ENDS HERE -->
</div>

</footer>


通常,当您无法单击链接时,一个层位于链接顶部

使用诸如Firebug之类的代码检查器,查看该区域上方是否存在任何“不可见层”

css也有可能应用了
游标:none
,因此看起来您不能单击它,但它可以。尝试用真正的链接替换你的链接


另外,
需要
li
标记,但我怀疑这是问题所在。

您的HTML代码不符合XHTML。缺少一个
  • 一些可能的解决办法: 1-尝试向锚定标记添加链接,并检查其是否有效。 2-检查是否存在与锚定标记重叠的HTML元素。使用firebug或任何其他开发工具检查是否存在重叠元素。 3-检查是否有一个Javascript事件,一旦你点击锚,它就会被调用。使用Javascript调试器(Firebug等)

    以下是更新的代码:

    <?php
    /**
     * @package Make
     */
    
    // Footer Options
    $footer_layout = (int) get_theme_mod( 'footer-layout', ttfmake_get_default( 'footer-layout' ) );
    ?>
    
    <footer id="site-footer" class="site-footer footer-layout-<?php echo esc_attr( $footer_layout ); ?>" role="contentinfo">
        <div class="footer-text">
        <!-- CUSTOM FOOTER CODE STARTS HERE --> 
            <div class="footer-custom-container">
                <div class="footer-column-one">
                    <h6>Title</h6>
                    <ul>
                        <li><a href="#">About us</a></li>
                        <li><a href="#">Contact us</a></li>
                        <li><a href="#">&nbsp;</a></li>
                        <li><a href="#">Careers</a></li>
                    </ul>
                </div>
                <div class="footer-column-two">
                    <h6>first column</h6>
                    <ul>
                        <li><a href="#">Support</a></li>
                        <li><a href="#">FAQ</a></li>
                        <li><a href="#">User guides</a></li>
                        <li><a href="#">Download app</a></li>
                    </ul>
                </div>
                <div class="footer-column-three">
                    <h6>Social & media</h6>
                    <ul>
                        <li><a href="#">Facebook</a></li>
                        <li><a href="#">Twitter</a></li>
                        <li><a href="#">&nbsp;</a></li>
                        <li><a href="#">Press</a></li>
                    </ul>
                </div>
                <div class="footer-column-four">
                    <h6>&nbsp;</h6>
                    <ul>
                        <li><a href="#">&nbsp;</a></li>
                    </ul>
                </div>
                <div class="footer-column-five">
                    <h6>Title</h6>
                    <ul>
                        <li><a href="#">For business</a></li>
                        <li><a href="#">For installers</a></li>
                        <li><a href="#">Terms & conditions</a></li>
                        <li><a href="#">Privacy policy</a></li>
                    </ul>
                </div>
                <div class="footer-column-six">
                    <h6>first column</h6>
                    <ul>
                        <li><a href="#">Store</a></li>
                        <li><a href="#">Login</a></li>
                    </ul>
                </div>
            </div>  
            <!-- CUSTOM FOOTER CODE ENDS HERE -->
        </div>
    </footer>
    
    
    
    任何锚定标签中均未提供任何链接。你没有提供指向锚(
    a
    )标记的真正链接。是的,好吧,我知道,但无论如何都不应该在url底部添加一个#吗?不管怎样,对于真正的链接,它也不起作用