所以我想在我的WordPress网站的导航菜单上工作.我正在尝试从hongkiat.com复制导航菜单(如图所示).
在Hongkiat的导航菜单中,您会看到五(5)个家长类别(设计/开发,技术,灵感,SOCO COMMER和交易).一旦用户徘徊在父类别上,它将显示父类别下的最近帖子.
无论如何,我设法使用父类别显示加上它的子类别代码下拉菜单.现在的困境在于如何显示用户所徘徊的父类别下的最新帖子(至少3个帖子).
无论如何,这是我的代码：
HTML / PHP
<ul>
<?PHP
global $post;
$myposts = get_posts('numberposts=3&offset=1');
foreach($myposts as $post) ;
$args = array(
'show_option_all' => '','hide_empty' => '0','orderby' => 'name','order' => 'ASC','style' => 'list','use_desc_for_title' => 1,'child_of' => 0,'hierarchical' => 1,'title_li' => (''),'show_option_none' => __( '' ),'number' => null,'echo' => 1,'depth' => 2,'current_category' => 0,'pad_counts' => 0,'taxonomy' => 'category','walker' => null
);
wp_list_categories( $args );
?>
</ul>
CSS
.navone {
display:inline-block;
height:35px;
vertical-align:middle;
margin:0px auto;
font-family: "Raleway",san-serif;
font-feature-settings: normal;
font-kerning: auto;
font-language-override: normal;
font-size: 12px;
font-size-adjust: none;
font-stretch: normal;
font-style: normal;
font-synthesis: weight style;
font-variant: normal;
font-weight: 600 !important;
letter-spacing: 0.03em;
text-transform:uppercase;
}
.navone ul {
margin:0;
padding:0;
}
.navone ul ul {
display: none;
}
.navone ul li:hover > ul {
display: block;
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
}
.navone ul {
list-style: none;
position: relative;
display: inline-table;
}
.navone ul:after {
content: ""; clear: both; display: block;
}
.navone ul li {
float: left;
cursor:pointer;
padding:10px 20px;
}
.navone ul li:hover {
background:#000;
}
.navone ul li:hover a {
color: #fff;
}
.navone ul li a {
display: block;
color: #FFF;
text-decoration: none;
}
.navone ul li ul {
width:200px;
z-index:9;
}
.navone ul ul {
background: #000;
padding: 0;
position: absolute;
top:100%;
left:0;
}
.navone ul ul li {
float: none;
position: relative;
padding:5px 10px;
}
.navone ul ul li a {
color: #fff;
}
.navone ul ul li a:hover {
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
}
.navone ul ul ul {
position: absolute; left: 100%; top:0;
}
.navone ul li ul li {
padding:8px 10px;
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
}
.navone ul li ul li:hover {
border-left:5px solid #F52100;
padding-left:20px;
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
}
.navtwo {
display:inline;
}
如果任何人可以帮助我,或者指出我缺少什么,因为我的代码不起作用.我的代码没有错误,但我没有实现我想要完成的.
任何人都可以伸出援手.
<ul>
<?PHP $args = array(
'type' => 'post','child_of' => 0,'parent' => '','orderby' => 'name','order' => 'ASC','hide_empty' => 1,'hierarchical' => 1,'exclude' => '','include' => '','number' => '','taxonomy' => 'category','pad_counts' => false
);
$categories = get_categories( $args );
foreach($categories as $cat)
{
if ($cat->category_parent == 0) {
?>
<li>
<?PHP echo $cat->name; $cat_id = $cat->term_id;?>
<?PHP $post_args = array(
'post_type'=>'post','posts_per_page' => 3,'cat' => $cat_id
);
$the_query = new WP_Query($post_args);
if($the_query->have_posts()): ?>
<ul>
<?PHP while($the_query->have_posts()): $the_query->the_post(); ?>
<li>
<a href="<?PHP the_permalink(); ?>"><?PHP the_title(); ?></a>
</li>
<?PHP endwhile; ?>
</ul>
<?PHP endif; wp_reset_query(); ?>
</li>
<?PHP } }?>
</ul>