好的,所以我承认在这方面是全新的。我首先是一名设计师,我试图通过拆解预先构建的模板并研究它们来学习如何编码。
我想要做的是 - 有一小行文本(左浮动),一个居中的徽标(其宽度/高度可能会因最终确定而有所不同)和一个文本导航(右浮动)。我正在修改一个主题。
这是我所拥有的:
<header id="header" class="wrapper<?php if (get_option($prefix.'_width') == "width_full") { ?>_full<?php } ?>">
<div class="header_top clearfix">
<div id="logo" class="left_float">
<a class="logotype" href="index.php"><img src="<?php echo get_option($prefix.'_logo', 'images/logo.png'); ?>" alt="Logotype"></a>
</div>
<?php if(function_exists('wp_nav_menu')) : ?>
<?php
wp_nav_menu(
array(
'theme_location' => 'primary-menu',
'container' => 'nav',
'container_id' => 'nav',
'container_class' => 'right_float',
'menu_class' => '',
'menu_id' => '' ,
'walker' => new custom_menu_output()
));
?>
<?php else: ?>
<nav id="nav" class="right_float">
<ul>
<?php wp_list_pages('title_li=&depth=0'); ?>
</ul>
</nav>
<?php endif; ?>
</div>
下面是CSS。我试图将 .left_float 与 .center 类互换作为测试,但它最终将导航向下推。
.left_float {
float: left;
}
.center {
display: block;
margin-left: auto;
margin-right: auto }
.right_float {
float: right;
}
长帖-对不起!任何帮助将不胜感激 - 甚至是一些我可以阅读和学习并自己开始的链接。
非常感谢!