月度归档:2014年04月

CSS 改变边框方法

CSS - CSS 改变边框方法

.category-picture img{
 background-color: hsl(0, 0%, 100%);
 border: 1px solid hsl(0, 0%, 66%);
 display: block;
 margin: 4px 0 4px 4px;
 padding: 4px;
 position: relative;
 height: auto;
 width: 120px;
 }

 

.category-picture img:hover{
background-color:#FF9797;
}

利用padding使图片区域留出空格,然后通过background-color改变颜色
案例地址:http://qulehe.com/picture/beauty-t036.html

WordPress3.8 添加多个菜单及设置

WordPress - WordPress3.8 添加多个菜单及设置

今天将我的小站建筑一生的工具页面设置一套菜单(导航),想使用WordPress3.8自带的强大的菜单管理功能,可是原主题只支持一个菜单,那就只要自己动手了。

一、设置支持多套菜单

1.查看主题支持菜单数

方法:后台=》外观=》菜单=》管理位置

查看主题支持菜单树

查看主题支持菜单树

2.设置主题function.php

让主题支持多套菜单,方法:打开function.php,找到

register_nav_menu()

替换成:

//定义菜单
	if (function_exists('register_nav_menus')){
		register_nav_menus( array(
			'primary' => __( 'Primary Menu', 'twentytwelve' ),
			'gongjumenu' => __('Gongju Menu', 'twentytwelve')
		));
	}

在需要添加菜单的地方加上下面函数

<!--?php wp_nav_menu( array( 'theme_location' =--> 'gongjumenu', 'menu_class' => 'gongju-menu' ) ); ?>

然后就是在后台创建新的菜单,在【管理位置】标签选择创建的菜单就可以,剩下的就是相应的CSS样式设置。

二、相关函数查询

register_nav_menus( $locations );
wp_nav_menu( $args );

函数register_nav_menus
函数wp_nav_menu