wordpress调用二级导航怎么实现

wordpress调用二级导航怎么实现很多朋友对这方面很关心，我爱编程网整理了相关文章，供大家参考，一起来看一下吧！

本文目录一览：

• 1、wordpress 主题目录下的 functions.php 相关问题
• 2、wordpress调用二级导航怎么实现
• 3、wordpress首页如何调用最新文章

wordpress 主题目录下的 functions.php 相关问题

functions.php中的代码：
function download($atts, $content=null) {
extract(shortcode_atts(array(
'auto' => '0',
'hight' => '500',
), $atts));

return '<iframe scrolling="no" name="iframe" frameborder="0" width="100%" src="?url=' . $content . '" height="' . $hight . '"></iframe>';
}
add_shortcode('down','download');

文章中调用 [down hight=“800”] ... [down]
这样就可以定义iframe的高度为800。如果你不提供参数hight，[down] ... [down] 默认高度为500，可以修改以上functions.php代码中的500

wordpress调用二级导航怎么实现

Wordpress调用二级导航的方法：
1、新建 functions.php 函数文件并添加以下代码：
<?php
//自定义菜单
register_nav_menus(
array(
‘header-menu’ => __( ‘导航自定义菜单’ ),
)
);?>
2、把导航位置的li标签都删除掉，换上调用代码：
<?php wp_nav_menu( array( ‘container’ => ”,’menu_class’ => ‘navigation’,’menu_id’ => ‘nav_sgBhgn’) ); ?>
3、添加一个jquery库，放在body开始和结束的适合的位置即可：
<script type=”text/jscript”>
$(document).ready(function(){
$(‘ul.navigation li’).hover(function(){
$(this).find(‘ul:first’).slideDown(200);//显示二级菜单，括号中的数字表示下拉菜单完全显示出来需要200毫秒。
$(this).addClass(“hover”);
},function(){
$(this).find(‘ul’).css(‘display’,’none’);
$(this).removeClass(“hover”);
});
function hide_submenu(){
$(‘ul.navigation li’).find(‘ul’).css(‘display’,’none’);//红色标注改为当前导航ul的class名称
}
$(‘ul.navigation li li:has(ul)’).find(“a:first”).append(“”);
document.onclick = hide_submenu;
});
</script>
4、使用jquery库文件加载，大家可以测试一下模板打开的速度，哪个快用那个：
谷歌加载：<script src=” ” type=”text/javascript”></script>
百度加载：<script type=”text/javascript” src=”//libs.baidu.com/jquery/2.0.3/jquery.min.js”></script>
新郎加载：<script type=”text/javascript” src=”//lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js”></script>
5、添加CSS样式：
/* 二级菜单 */
.sub-menu{
display:none;/*初始状态下隐藏子目录*/
position:absolute;/*显示最顶层*/
}
.sub-menu li{
width:100%;/*显示子目录宽度/*针对IE6*/
clear:both;/*垂直显示*/
background:#000;/*子目录背景颜色*/
}

wordpress首页如何调用最新文章

我爱编程网(https://www.52biancheng.com)小编还为大家带来wordpress首页如何调用最新文章的相关内容。

第一种方法
WordPress最新文章的调用可以使用一行很简单的模板标签wp_get_archvies来实现. 代码如下：
<?php get_archives(‘postbypost’, 10); ?> (显示10篇最新更新文章)
或
<?php wp_get_archives(‘type=postbypost&limit=20&format=custom’); ?>
后面这个代码显示你博客中最新的20篇文章，其中format=custom这里主要用来自定义这份文章列表的显示样式。具体的参数和使用方法你可以参考官方的使用说明- wp_get_archvies。(fromat=custom也可以不要，默认以UL列表显示文章标题。)
补充: 通过WP的query_posts()函数也能调用最新文章列表， 虽然代码会比较多一点，但可以更好的控制Loop的显示，比如你可以设置是否显示摘要。具体的使用方法也可以查看官方的说明。
第二种方法
调用最新文章：(直接在想要呈现的位置放上以下代码即可)
<?php
$limit = get_option(‘posts_per_page’);
$paged = (get_query_var(‘paged’)) ? get_query_var(‘paged’) : 1;
query_posts(‘showposts=’ . $limit=7 . ‘&paged=’ . $paged);
$wp_query->is_archive = true; $wp_query->is_home = false;
?>
<?php while(have_posts()) : the_post(); if(!($first_post == $post->ID)) : ?>
<ul>
<li><a href=”<?php the_permalink() ?>” rel=”bookmark” title=”Permanent Link to <?php the_title_attribute(); ?>”>
<?php the_title(); ?></a></li>
</ul>
<?php endif; endwhile; ?> 我爱编程网

以上就是我爱编程网为大家带来的wordpress调用二级导航怎么实现，希望能帮助到大家！更多相关文章关注我爱编程网：www.52biancheng.com

免责声明：文章内容来自网络，如有侵权请及时联系删除。