如何在WordPress中从我自己的主题网站上迁移菜单?

时间:2014-11-22 作者:Павел Иванов

我是WordPress主题的新手,现在我正试图找出如何将此网站上的设计部分(我决定从顶部的导航栏菜单开始)迁移到基于WordPress的我自己的网站:http://roomble.com

我尝试在此处恢复的菜单片段没有净空效果:http://fiddle.jshell.net/zhfapnfg/

导航栏菜单使用净空。js和我想在滚动到我的站点时传递相同的行为。是否有可能迁移所有设计而不造成任何损失?如果可能的话,怎么做?它将采取什么样的结构?

到目前为止,我已经在我的网站上创建了一个没有布局但带有标题的简约主干:

<?php
/*
 * header.php
 *
 * The header for the theme.
*/

$favicon = IMAGES . \'/icons/favicon.png\';
$touch_icon = IMAGES . \'/icons/apple-touch-icon-152x152-precomposed.png\';
?>

<!DOCTYPE html>
<!-- [if IE 8]> <html <?php language_attributes(); ?> class="ie8"> <![endif]-->
<!-- [if !IE] <!--><html lang="en"> <!--<![endif]-->

<head>
        <meta charset="<?php bloginfo(\'charset\'); ?>">
        <title><?php wp_title(\'|\', true, \'right\')?><?php bloginfo(\'name\'); ?></title>
        <meta name="description" content="<?php bloginfo(\'description\'); ?>">

        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
        <link rel="stylesheet" href="css/style.css">

        <!-- [if lt IE 9]>
                <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->

        <link rel="shortcut icon" href="<?php echo $favicon; ?>">
        <link rel="apple-touch-icon-precomposed" sizes="152x152" href="<?php echo $touch_icon; ?>">
        <?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
        <!-- HEADER -->
        <header class="site-header" role="banner">
                <div class="container header-contents">
                        <div class="col-xs-3">
                                <div class="site-logo">
                                        <a href="<?php echo esc_url(home_url(\'/\')); ?>" rel="home"></a>
                                </div>
                        </div>
<div class="col-xs-9">
                                <nav class="site-navigation" role="navigation">
                                                <?php
                                                        wp_nav_menu(
                                                                array(
                                                                        \'theme-location\' => \'main-menu\',
                                                                        \'menu-class\' => \'site-menu\'
                                                                )
                                                        );
                                                ?>
                                        </nav>

                                </div>
                        </div>
        </header>

        <!-- MAIN CONTENT AREA -->
        <div class="container">
                <div class="row">

                </div>
        </div>

1 个回复
SO网友:Rarst

是的,通常可以在WordPress中重新创建任意标记。然而,这项任务的难度从简单到极具挑战性不等。有时,将标记转换为WordPress提供的标记比将标记转换为精确状态更容易。

对于导航菜单,基本上有两个级别的标记控制:

根据wp_nav_menu() documentation 它接受大量与标记相关的参数。由于菜单本身通常只是一个HTML列表,因此这足以自定义该列表的包装内容

  • walker 参数接受对象实例以重写本机Walker_Nav_Menu 具有Walker对象包含实际迭代数据结构(本例中为菜单)的代码,并处理参数以将内容组合到HTML输出中。自定义它可以完全控制过程,但自定义本身是。。。后天品味:)很多人(对WP来说更为陌生)不喜欢与步行者打交道
  • 结束

    相关推荐

    Migration Question

    我正在试图弄清楚,对于我计划的一个非常重要的迁移,我是否正确地理解了迁移过程。我目前以Add On 我个人帐户上的域。www.example.com</我已经在我的经销商WHM系统上使用相同的域名为他们创建了一个帐户。www.example.com</我已经将他们的所有文件从我的个人托管帐户复制到我的HD</我会留下他们的MySQL DB和MySQL DB用户帐户,以防出现任何问题</我已经为他们的数据库创建了一个备份</现在据我所知,我所要做的就是:移除Add On 我个人