一、如何自定义wordpress菜单css样式
1.首先找到wordpress菜单中的class类名
2.在wordpress模版目录下一般在wp-content\themes\主题名,找到style.css
3.在style.css中为类名添加样式,如下:
.menu-item:{color:red;}
这样就可以设计菜单css样式了
二、如何修改 wordpress 里菜单 样式
设置方法如下:
进入后台,选择“外观”中的“菜单”一栏,进入编辑。
以往有菜单的可以直接进行编辑,没有菜单的可以选择新建一个菜单。点击如图红色圈圈中的地方。
输入名称,然后点击创建新菜单,即可创建一个你所命名的新菜单。
在左边选择“页面”、“链接”、“分类目录”中的你所要选择的菜单,你可以选择,然后点击“添加到菜单”,即可在右边查看菜单结构。菜单结构可以自由进行顺序的调整,点击后拖动即可,然后选择“保存”。
三、wordpress自定义怎么写自定义css样式
CSS 背景属性(Background)background 在一个声明中设置所有的背景属性。
1 background-attachment 设置背景图像是否固定或者随着页面的其余部分滚动。 1 background-color 设置元素的背景颜色。
1 background-image 设置元素的背景图像。 1 background-position 设置背景图像的开始位置。
1 background-repeat 设置是否及如何重复背景图像。 1 CSS 边框属性(Border 和 Outline)border 在一个声明中设置所有的边框属性。
1 border-bottom 在一个声明中设置所有的下边框属性。 1 border-bottom-color 设置下边框的颜色。
2 border-bottom-style 设置下边框的样式。 2 border-bottom-width 设置下边框的宽度。
1 border-color 设置四条边框的颜色。 1 border-left 在一个声明中设置所有的左边框属性。
1 border-left-color 设置左边框的颜色。 2 border-left-style 设置左边框的样式。
2 border-left-width 设置左边框的宽度。 1 border-right 在一个声明中设置所有的右边框属性。
1 border-right-color 设置右边框的颜色。 2 border-right-style 设置右边框的样式。
2 border-right-width 设置右边框的宽度。 1 border-style 设置四条边框的样式。
1 border-top 在一个声明中设置所有的上边框属性。 1 border-top-color 设置上边框的颜色。
2 border-top-style 设置上边框的样式。 2 border-top-width 设置上边框的宽度。
1 border-width 设置四条边框的宽度。 1 outline 在一个声明中设置所有的轮廓属性。
2 outline-color 设置轮廓的颜色。 2 outline-style 设置轮廓的样式。
2 outline-width 设置轮廓的宽度。 2 CSS 文本属性(Text)color 设置文本的颜色。
1 direction 规定文本的方向 / 书写方向。 2 letter-spacing 设置字符间距。
1 line-height 设置行高。 1 text-align 规定文本的水平对齐方式。
1 text-decoration 规定添加到文本的装饰效果。 1 text-indent 规定文本块首行的缩进。
1 text-shadow 规定添加到文本的阴影效果。 2 text-transform 控制文本的大小写。
1 unicode-bidi 设置文本方向。 2 white-space 规定如何处理元素中的空白。
1 word-spacing 设置单词间距。 1 CSS 字体属性(Font)font 在一个声明中设置所有字体属性。
1 font-family 规定文本的字体系列。 1 font-size 规定文本的字体尺寸。
1 font-size-adjust 为元素规定 aspect 值。 2 font-stretch 收缩或拉伸当前的字体系列。
2 font-style 规定文本的字体样式。 1 font-variant 规定是否以小型大写字母的字体显示文本。
1 font-weight 规定字体的粗细。 1 CSS 外边距属性(Margin)margin 在一个声明中设置所有外边距属性。
1 margin-bottom 设置元素的下外边距。 1 margin-left 设置元素的左外边距。
1 margin-right 设置元素的右外边距。 1 margin-top 设置元素的上外边距。
1 CSS 内边距属性(Padding)padding 在一个声明中设置所有内边距属性。 1 padding-bottom 设置元素的下内边距。
1 padding-left 设置元素的左内边距。 1 padding-right 设置元素的右内边距。
1 padding-top 设置元素的上内边距。 1 CSS 列表属性(List)list-style 在一个声明中设置所有的列表属性。
1 list-style-image 将图象设置为列表项标记。 1 list-style-position 设置列表项标记的放置位置。
1 list-style-type 设置列表项标记的类型。 1 marker-offset 2 内容生成(Generated Content)content 与 :before 以及 :after 伪元素配合使用,来插入生成内容。
2 counter-increment 递增或递减一个或多个计数器。 2 counter-reset 创建或重置一个或多个计数器。
2 quotes 设置嵌套引用的引号类型。 2 CSS 尺寸属性(Dimension)height 设置元素高度。
1 max-height 设置元素的最大高度。 2 max-width 设置元素的最大宽度。
2 min-height 设置元素的最小高度。 2 min-width 设置元素的最小宽度。
2 width 设置元素的宽度。 1 CSS 定位属性(Positioning)bottom 设置定位元素下外边距边界与其包含块下边界之间的偏移。
2 clear 规定元素的哪一侧不允许其他浮动元素。 1 clip 剪裁绝对定位元素。
2 cursor 规定要显示的光标的类型(形状)。 2 display 规定元素应该生成的框的类型。
1 float 规定框是否应该浮动。 1 left 设置定位元素左外边距边界与其包含块左边界之间的偏移。
2 overflow 规定当内容溢出元素框时发生的事情。 2 position 规定元素的定位类型。
2 right 设置定位元素右外边距边界与其包含块右边界之间的偏移。 2 top 设置定位元素的上外边距边界与其包含块上边界之间的偏移。
2 vertical-align 设置元素的垂直对齐方式。 1 visibility 规定元素是否可见。
2 z-index 设置元素的堆叠顺序。 2 CSS 打印属性(Print)orphans 设置当元素内部发生分页时必须在页面底部保留的最少行数。
2 page-break-after 设置元素后的分页行为。 2 page-break-before 设置元素前的分页行为。
2 page-break-inside 设置元素内部的分页行为。 2 widows 设置当元素内部发生分页时必须在页面顶部保留的最少行数。
2 CSS 表格属性(Table)border-collapse 规定是否合并表格边框。 2 border-spacing 规定相邻单元格边框。
四、wordpress自定义菜单中的下拉菜单,怎么做
1.functions.php 注册菜单项。
// 注册菜单add_theme_support( 'Primary Menu );或register_nav_menu( 'primary', __( 'Primary Menu', '主题名称' ) ); 2.后台添加菜单,名为:Primary Menu。2.header.php 菜单位置调用如下代码:你上面写的那段要用下面这段代码替换: <?php wp_nav_menu(="" array(="" 'theme_location'=""> 'primary', 'container_id' => 'primaryNav' , 'menu_class' => 'fr ', 'menu_id' => 'topnav', 'link_before' => '', 'link_after' => '',) ); ?> 然后用firebug,查看菜单位置的源码,修改上面的相应参数。
五、怎样为wordpress导航菜单设置图标
说简单一下,利用插件实现,试试这个插件Font Awesome 4 Menus, 一、WP后台--插件--安装插件页面搜索:Font Awesome 4 Menus,下载安装并启用。
二、WP后台---外观---菜单,进入菜单设置页面,选择并编辑一个菜单项,在CSS类中输入一个图标字体选择器名称,如图: 如果在编辑菜单项目面板中无CSS类,可以打开右上角的“显示选项”,在显示菜单高级属性中勾选“CSS类”。 图标字体选择器名称,打开此页查看:http://fortawesome.github.io/Font-Awesome/icons/ 点开一个认为合适的图标字体,在下会显示类似: 只需在菜单CSS类中输入fa fa-home就可以了。
那然这个图标字体库并不只局限于使用在导航菜单上,只要把相应的图标代码加到主题模板的相应位置,也同样可以显示。
六、如何在插件菜单中使用WordPress默认的菜单图标
一般我们需要编辑主题的 CSS 文件才能给菜单添加图标,今天就给大家介绍一款 WordPress 插件 Menu Icons,可以让你在 WordPress 后台就能给每个菜单指定一个图标,操作非常简单。
安装好 Menu Icons 之后,在 WordPress 后台,外观 >; 菜单 界面,我们就会看到页面的左边有一个新叫做 Menu Icons Setting 的窗体,它可以让我们选择用于菜单图标的图标集,并且设置图标所处的默认位置:
从上图,我们可以看到已有四种最常用的图标字体可供选择,图片选项让我们可以使用 WordPress 媒体库中的已有图片或者新上传一张图片。另外插件也支持其他字体图标,插件的 FAQ 有关于如何安装 Fontello 字体图标详细的介绍。
点击上图中菜单项的“SELECT Icon”按钮,就会弹出一个选择窗,让你选择该菜单的图标:
转载请注明出处51数据库 » wordpress菜单css
?php>