标签:样式

自定义 WordPress 头像的形状

很多网站都将用户的头像设计的非常炫酷,来吸引用户的注意力,你是否也需要同样的效果呢?我曾经介绍过如何把 WordPress 的头像变成圆形的,但是需要通过添加 CSS 来实现。如果你不想麻烦的添加 CSS 样式,或者想要更多的头像效果,可以继续阅读本文。 自定义炫酷的头像样式 要自定义头像的样式和形状,首先需要安装并启用 Avatar Shaper 插件,然后进入后台的“设置”→“Avatar S…

WordPress 让访问者调整网页字号

很多网站都在网页上放置可以调整字体大小的按钮,这些按钮可以让视力不好的人更轻松的浏览网页。浏览器一般都内置了可以缩放网页的功能,一般都是 Ctrl 加鼠标滚轮或 “+、-”,但这个功能会放大网页的所有元素,而不是只调整文字大小。 实现这个功能一般需要使用 JavaScript,但是在 WordPress 中,我们只需要一个插件就能搞定。 首先安装并启用 Accessibility Widget 插…

WordPress 为不同的语言添加不同的样式

WordPress 是一个多语言的内容管理系统,有完善的多语言发开 API。在开发多语言的主题或插件时,只需要使用语言包即可实现语言本地化。 但是,在实际开发中,只有语言包可能无法保证 100% 的兼容。因为语种、字体的不同,可能需要给某些语言单独添加 CSS 样式。 给不同的语言添加不同的样式只需要把下边的代码放到主题的 functions.php 或者插件之中: 这样,body 标签就会在不同…

WordPress 编辑器文章形式采用选项卡切换

WordPress 曾经在 3.6 的测试版本中修改过编辑器文章形式的切换样式,变得非常好看。 但是在 WordPress 3.6 的正式版中,因为兼容性和某些原因把这个功能取消了,非常可惜。 WordPress 官方在声明里说道,虽然取消了这个样式,但是会独立成插件,用这个插件依然可以实现好看的文章形式切换样式。 但是,后来这个插件变得杳无音讯,所以大家一直没有机会使用这个漂亮的样式。 不过,有…

WordPress 添加更多的后台配色

WordPress 3.8 开始支持多种后台配色,根据自己的喜好可以任意选择。 WordPress 默认提供了八种配色,如果你觉得配色不够可以安装 Admin Color Schemes 插件,这样你就会获得额外八种颜色。 如果你觉得这些配色还不够的话,只好使用 Admin Color Schemer 插件来自定义配色了。 插件主页 插件主页:https://wordpress.org/plugi…

WordPress 恢复旧版后台配色

WordPress 3.8 版本重新设计了后台,采用了扁平化和响应式布局。新的后台不仅更符合现代的设计潮流,而且还提供了好几种配色,每个用户都能选择自己喜欢的配色。 如果你对这几种颜色不满足的话,还可以使用 Admin Color Schemer 插件来自定义颜色。 旧版样式 还有人和我说,他比较喜欢旧版的后台样式怎么办呢?这里,你可以安装 WP Admin Classic Colors 插件,启…

WordPress 自定义文章编辑器的样式

每一个 WordPress 主题的文章样式都是不一样的,但是在使用后台的可视化编辑器编辑文章的时候,样式却都是一致的。 但是 WordPress 提供了一个在文章可视化编辑器中自定义样式的功能,利用这个功能可以在 WordPress 可视化编辑器里自定义 CSS 样式。 把可视化编辑器的样式设置成和前端一样,可以方便用户直接预览出文章显示在前端的结果,不用刷新反复的调试文章排版样式。 自定义文章编…

WordPress 为每个小工具添加不同的 Class 属性

一般情况下,WordPress 侧边栏的每个小工具看起来样式都差不多,非常单调。有些时候你可能会需要单独给某个小工具添加 CSS 样式,这时就需要它们有不同的 Class 属性。 Widget CSS Classes 插件可以帮你给每个小工具添加不同的样式。安装之后,每个小工具都会多出一个选项,你可以用这个选项添加你需要的 Class 属性。 除了你填写的 Class,Widget CSS Cla…

WordPress 后台随机颜色

WordPress 3.8+ 后台开始支持多种配色,没事换一换可以让单调的后台变得不那么无聊。本文就来教你,怎么随机切换后台的配色,每次刷新都是不同的心情哦! 首先把下边的代码放到当前主题的 functions.php 里: 这样,每次刷新后台你都会看到不一样的颜色哦!如果嫌配色太少,不够换的,可以安装 Admin Color Schemes 插件获取更多配色。

WordPress 文章首行缩进

根据国人的阅读习惯,在每个段落前边空两格是很漂亮和舒服的。看似简单的空两格,但在用 WordPress 写文章的时候会涉及到诸如全角半角、遗忘和麻烦等问题,本文就告诉你怎么利用代码让所有段落前统一缩进两格。 关于首行缩进,网上的教程很多,但基本都要去修改 CSS 文件,还要找文章内容的选择器,这就难住了很多的新手,或许你可以尝试把下边的代码放到主题的 functions.php 里,这样是不是所有…