用好WordPress标签生成的样式

还在考虑Wordpress主题中那些类、ID怎么命名吗？其实wordpress输出标签生成的代码中默认已经肇庆网站建设公司自动生成了一些class和id，本文就一些常见的代码中的生成的样式列出来：

wp_nav_menu()生成的菜单（代码略）

最外面层的class=menu-nav-container

无序列表ul样式id=menu-nav class=menu如果是二级菜单则样式为class=sub-menu

内部列表项li样式 id=menu-item-7″ class=menu-item menu-item-type-taxonomy menu-item-object-category menu-item-7″

说明：

1、class=menu-item menu-item-type-taxonomy menu-item-object-category menu-item-7″其实是调用了menu-item、menu-item-type-taxonomy 、menu-item-object-category、menu-item-7四个样式，它们中间是用空格分开的。

2、menu-item在这个所有菜单项是一样，menu-item-type-taxonomy menu-item-object-category 这个在菜单里面是不一样的，如果是这一菜单项是类别生成的就是这段代码，如果这一菜单项是调用的页面则生成的这段代码会变成

menu-item-type-post_type menu-item-object-page，如果这一菜单项是自定义的则为menu-item-type-custom menu-item-object-custom。

3、列表项中每一项menu-item-庆阳网站建设公司7后面的数字不一样

4、在主题类别页当前类别的菜单项中还会多出一个current-menu-item。

生成的类别列表li中带有class=cat-item cat-item-4″，其中cat-item中通用的，cat-item-4后面的数字对应类别名称，文章列表页主题中如果是当前主题，还会多出 current-cat样式

生成的类别列表li中带有class=page_item 网站建设公司 page-item-71″，其中page_item中通用的，page-item-71后面的数字对应页面ID

特色图像the_post_thumbnail() 带有class=Thumbnail thumbnail

系统默认评论模板wp-includes\comment-template.php也已经为我们添加好了对应的样式。

一些插件也会生成的特有样式代码

breadcrumb插件id=breadcrumb

get the image插件生成的图片中class=attachment-100×100 wp-post-image

其实这些命名都是有规律的，例如menu-item翻译过来就是菜单项，current-menu-item翻译过来就是当前菜单项，如果你的英文不错的话就很简单了。

在制作主题的时候我们只要给这些已经取好名字的class和id上添加上样式属性就行了。

例如：

在导航菜单中我们可以给访问的当前类别添加不同的样式以示区分，那只需要给current-menu-item添加上不同的样式就行了。

文章来自：http://www.lqdzxw.com，转载请注明出处。