Question

我是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>

Answer 1

您的HTML代码不符合XHTML标准。缺少<li>...</li>。

一些可能的解决方案： 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>

Answer 2

通常，当您无法点击链接时，就会有一个图层位于其上方。

使用代码检查器（如Firebug），查看是否有任何不可见的图层＆＃39;在那个区域之上。

css也有可能已经应用了cursor:none，所以看起来你可以点击它，但它可以。尝试用真实链接替换#links。

此外，<a href="#">About us</a>周围需要li个标签，但我怀疑这是个问题。

用自定义html替换wordpress页脚

2 个答案: