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