Mustang77
如何在WordPress中添加自定义字体
自定义字体可以使网站变得新颖，并使它脱颖而出。
相信许多用户都想要为自己的网站添加自定义字体。
今天我们将通过这篇教程为大家介绍运用Typekit和CSS3@Font-Face method在Wordpress主题中添加自定义主题已经成为一种普遍的趋势。
实际上有的主题中加载了很多的自定义字体。
但是加载太多的字体会使得你的网站变慢。
所以今天我们要跟您分享正确加载自定义字体的方法，不至于使得网站变慢。
在添加自定义主题之前，我们首先要了解如何获取自定义主题。
付费字体一般都比较贵，但是我们可以在很多地方找到免费字体，比如：Typekit,FontSquirrel,fonts.com 等。
WordPress中添加自定义字体Typekit中有付费和免费的字体，你可以使用付费的订阅也可以使用有限的免费的订阅。
首先注册Typekit账号并登陆，然后创建一个新的工具包：然后选择一个你想要使用的字体，点击所选字体下方的“+Use fonts”按钮如何在随后进入如下界面：点击选择当前的工具箱，进入新的窗口，在这个界面，需要我门做的有：1、点击“Publish”按钮。
2、点击右上角Embed Code选项和左边栏中第一项中的Usingfonts in CSS按钮，复制界面中出现的两行Embed Code代码和要用到的CSS代码到txt文件并保存（之后会用到）。
然后回到你的WordPress管理界面，点击进入安装插件界面，安装并启用 Typekit Fonts for WordPress 插件。
插件启用完成后，点击设置目录下的TypekitFonts选项，然后复制之前保存的Embed Code代码到插件设置界面，然后添加如下代码到主题样式表中：h1 .site-title {font-family: 'modesto-condensed', Arial,sans-serif;}（代码中的'modesto-condensed'，是随着选择字体的不同而不同的。
该信息在之前txt文件中有保存。
）还可以通过修改大括号之前的内容来设置运用字体的位置。
用CSS3@font-face在WordPress中添加自定义字体运用CSS3@font-face是添加WordPress自定义字体最直接的方法。
首先你需要下载你喜欢的字体，并在你的主题或子主题目录下新建一个文件夹，命名为“fonts”然后上传字体到该文件夹。
上传完成后，你还需要用CSS3@font-face将字体加载到你的主题样式表中，代码如下：@font-face {font-family: Arvo;src:url(http://www.example.com/wp-content/themes/your-theme/fonts/Arvo-Regular.ttf);font-weight: normal;}（不要忘记修改代码中font-family和url的值）加载完成后我们将可以通过如下代码实现对字体的使用。
如何更改wordpress顶部菜单栏的字体大小
参考下面方法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 规定相...
css问题！WordPress 样式表中的所有的超级链接的颜色 不同 ,代码...
实现Wordpress彩色标签云在相应主题的functions.php加入下面的代码，位置刻意在？>；前面：function colorCloud($text) {$text = preg_replace_callback('||i','colorCloudCallback', $text);return $text;}function colorCloudCallback($matches) {$text = $matches[1];$color = dechex(rand(0,16777215));$pattern = '/style=(\'|\”)(.*)(\'|\”)/i';$text = preg_replace($pattern, ＂style=\＂color:#{$color};$2;\＂＂, $text);return ＂＂;}add_filter('wp_tag_cloud', 'colorCloud', 1);修改Wordpress彩色标签字体大小，排序，显示数量等。
文件位置在wp-includes下的category-template.php 文件中，搜索wp_tag_cloud，找到相关参数进行修改：function wp_tag_cloud( $args = '' ) {$defaults = array('smallest' => 12, 'largest' => 16, 'unit' => 'pt', 'number' => 50,'format' => 'flat', 'separator' => ＂\n＂, 'orderby' => 'count', 'order' => 'DESC','exclude' => '', 'include' => '', 'link' => 'view', 'taxonomy' => 'post_tag', 'echo' => true);$args = wp_parse_args( $args, $defaults );$tags = get_terms( $args['taxonomy'], array_merge( $args, array( 'orderby' => 'count', 'order' => 'DESC' ) ) );注：smallest表示标签的最小字号largest表示最大字号unit=px表示字体使用像素单位number=0表示显示所有标签，如果为40，表示显示40个orderby=count表示按照标签所关联的文章数来排列order=DESC表示降序排序（ASC表示升序排序，DESC表示降序排序）Wordpress彩色标签云小工具调用。
保存之后回到首页就可以看到彩色标签云的效果了。
wordpress如何添加自定义功能代码？
后台文章编辑框添加按钮，可以通过下面的代码实现 。
把这个代码放到主题functions.php文件里。
//增强编辑器开始 ，将代码放到function.php文件中function add_editor_buttons($buttons) { $buttons[] = 'fontselect'; $buttons[] = 'fontsizeselect'; $buttons[] = 'outdent'; $buttons[] = 'indent'; $buttons[] = 'copy'; $buttons[] = 'paste'; $buttons[] = 'cut'; $buttons[] = 'backcolor'; return $buttons; } add_filter(＂mce_buttons_3＂, ＂add_editor_buttons＂)；具体添加哪些按钮，可参照下面这些。
wordpress编辑器按钮调用的Key:1.剪切（cut）复制（copy）粘贴（paste）撤销（undo）重做（redo）居中（justifycenter） 2.加粗（bold）斜体（italic）左对齐（justifyleft）右对齐（justfyright） 3.两端对齐（justfyfull）插入超链接（link）取消超链接（unlink）插入图片（image） 4.清除格式（removeformat）下划线（underline）删除线（strikethrough） 5.锚文本（anchor）新建文本（newdocument） 6.字体颜色（forecolor）字体背景色（backcolor） 7.格式选择（formmatselect）字体选择（fontselect）字号选择（fontsizeselect） 8.样式选择（styleselect）无序列表（bullist）编号列表（numlist） 9.减少缩进（outdent）缩进（indent）帮助（wp_help） 10打开HTML代码编辑器（code）水平线（hr）清除冗余代码（cleanup） 11.上标（sub）下标（sup）特殊符号（charmap）插入more标签（wp_more） 12.插入分页标签（wp_page） 13.隐藏按钮显示开关（wp_adv） 14.隐藏按钮区起始部分（wp_adv_start） 15.隐藏按钮区结束部分（wp_adv_end） 16.拼写检查（spellchecker）
如何自定义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-spacin...
wordpress建立博客,关于固定连接,自定义结构。
PX:PX实际上就是像素，用PX设置字体大小时，比较稳定和精确。
但是这种方法存在一个问题，当用户在浏览器中浏览我们制作的Web页面时，如果改变了浏览器的缩放，这时会使用我们的Web页面布局被打破。
这样对于那些关心自己网站可用性的用户来说，就是一个大问题了。
因此，这时就提出了使用“em”来定义Web页面的字体。
EM:EM就是根据基准来缩放字体的大小。
EM实质是一个相对值，而非具体的数值。
这种技术需要一个参考点，一般都是以的“font-size”为基准。
如WordPress官方主题Twenntytwelve的基准就是14px=1em。
另外，em是相对于父元素的属性而计算的，如果想计算px和em之间的换算，这个网站不错，输入数据就可以px和em相互计算。
狠击这里：px和em换算
如何利用bluehost搭建WordPress网站
展开全部 使用bluehost主机搭建WordPress网站很简单，主要操作如下：制作梦幻网站只需5步：1. 选择主题。
主题决定内容的风格和布局。
2. 更新标题和宣传词。
这类信息通常会出现在您的浏览器和互联网搜索引擎排名上。
3. 选择为主页制作博客或静态页面。
您需要决定是想在主页上发布特别内容，还是一系列相关博文。
此外，您还可以通过熟悉网站模板，来设计您的页面布局。
4. 建立自定义菜单，帮助用户导航您的网站。
如果您不想在站内导航上展示所有页面，那么您应该学会自定义菜单。
5. 启用社交分享按钮。
高质量的内容会为您建立起好的口碑，读者们往往会自发地在社交网络上分享您的内容。
变更您的主题挑选或变更网站主题通常让人望而却步，很多主题可以通过多种方法自定义您的字体，颜色，以及整体设计。
WordPress平台上的许多选项和设置的功能十分复杂，所以该视频会为您深入剖析这些进阶功能，向您展示如何更新或变更相应的设置。
至于现在，您无需在选择主题上花费过多的时间，只需立即着手就好。
您可以根据自己喜欢的网站类型（如作品集，杂志或商务博客类型）来搜索相应的主题。
除此之外，您还可以搜索如极简，响应式（适用于移动屏幕）或单页布局等设计功能。
...
转载请注明出处51数据库 » wordpress 字体定义
