将页脚链接放到不同的栏中

时间:2020-05-16 作者:user188223

基本上,我希望将每个页脚菜单项拖到我选择的列中。

我为每个页脚列创建了3个小部件,但我不知道如何在小部件页面上分隔导航菜单项。

是否可以将页脚小部件带到菜单页面,并将它们放在菜单结构中,这样我就可以将项目拖放到其中?

或者有更好的方法?我想避免使用任何插件。

非常感谢。

1 个回复
最合适的回答,由SO网友:rank 整理而成

我建议您为要在列中显示的每个菜单创建自己的菜单。这样,您只需在小部件内设置菜单,就不会遇到任何问题。如果需要,菜单也可以只包含一个项目。

1) 您不能在widgets页面上分离菜单。这不是小部件页面的用途。此外,菜单旨在汇集多个页面链接。因此,我们无意再次将它们分开。更清楚的是:如果你想把它们分开,为什么要把它们放在菜单里(并把它们放在一起)?只需创建多个菜单。

2) 借助插件,可以将widets添加到菜单中:https://wordpress.org/plugins/wp-widget-in-navigation/ 但我不知道这是否能解决你的问题。

当我找到正确的方法时,你只想在一个三列布局中有三个单独的菜单项列表。The easiest way is to create three menus and put them in your already existing footer widgets.

您还可以调整页脚。主题中的php文件(如果不是您自己创建的主题,请确保使用子主题),不要为此使用小部件。

在后端“设计”->“菜单”中,如果悬停“删除菜单”链接,您将找到菜单的id。

使用此菜单id,您可以在页脚中获取菜单项。php文件。

<?php
    $menuID = \'12\'; // ID of your menu
    $primaryNav = wp_get_nav_menu_items($menuID); // get your menu items
?>
然后,您可以循环浏览菜单项:

<ul>

<?php
    foreach( $primaryNav as $item ) {
        $link = $item->url; // get the url of item
        $title = $item->title; // get title of item
        ?>

        <li class="item"><a href="<?php echo $link; ?>"><?php echo $title; ?></a></li>

<?php } ?>

</ul>
希望这有帮助!

创建三列布局非常简单:

<div id="your_footer">
    <div> <?php /* your foreach for menu with id... */ ?> </div>
    <div> <?php /* your foreach for second menu with id... */ ?> </div>
    <div> <?php /* your foreach for third menu with id... */ ?> </div>
</div>
在css文件中:

#your_footer {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

相关推荐

Sub Menus will not work

我急需帮助。我尽了我所知的一切努力将我的子菜单恢复到我的网站上。我安装了一个元滑块插件,在我的主页上获得一个滑块。它工作得很好,然后,我的子菜单停止工作!然后我停用了插件,认为这就是导致它的原因,子菜单仍然没有显示在我的网站上。我不确定我是否丢失了代码或什么,但我将非常感谢能得到的任何帮助。我也有海明威的主题,不确定这是否有什么关系。