Php 用自定义html页脚替换wordpress页脚
我是wordpress新手,我想用纯html代码替换页脚。 我的意思是,我仍然想要由wp生成的“容器”,但在里面我想要使用纯html代码。 我尝试将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
“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="#"> </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="#"> </a></li>
<li><a href="#">Press</a></li>
</ul></div>
<div class="footer-column-four">
<h6> </h6>
<ul>
<li><a href="#"> </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="#"> </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="#"> </a></li>
<li><a href="#">Press</a></li>
</ul>
</div>
<div class="footer-column-four">
<h6> </h6>
<ul>
<li><a href="#"> </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底部添加一个#吗?不管怎样,对于真正的链接,它也不起作用