如何让你的WordPress站点看起来更高级?小技巧分享!

WordPress付费主题美化指南:菜单设置、LOGO优化、主题配色、字体调整、高清图片选用及侧边栏精简,助你还原甚至超越演示站效果。

如何让你的WordPress站点看起来更高级?小技巧分享!

使用同样的WordPress主题,为什么别人的站点就看起来更赏心悦目?更高级呢?特别是买付费主题的同学,明明演示站就非常漂亮啊!到自己的站点启用就那么丑呢?啊老师来跟大家分享一些小经验,让你的WordPress付费主题不白买,至少达到演示站的效果,甚至超过演示站!

第一点:菜单设置。更换主题后,要根据主题的情况来设置导航菜单。有的主题还有多个菜单。

1、每一处菜单的数量要调整到合理范围之内。多了或少了都不好看。

2、菜单加字体图标。在菜单名称前,加上字体图标会让菜单看起来更好看哟。

<i class="iconfont icon-home"></i> 首页

3、菜单文字字数最好统一,这样看起来更整齐。

第二点:换LOGO。一个好看的LOGO是一个站点的灵魂。一般付费主题会有推荐的LOGO尺寸,你按这个来制作LOGO一般不会错。但是啊老师建议大家按推荐尺寸的2倍来制作LOGO。然后在微调CSS,显示为一倍。这样在高分辨率的屏幕下,logo也不会发虚。下面的CSS是设置我的LOGO最大高度为32像素,而实际制作的LOGO是64像素。

.logo img {
    max-height: 32px !important;
}

第三点:主题颜色管理。

高级付费主题可以设置高亮部分的颜色。如果你用默认的就跟别人千篇一律了。建议修改一个自己LOGO中带有的颜色。这样和LOGO搭配起来就很和谐。不知道设置什么颜色的,一般蓝色都不会LOW到哪里去。

除了高亮主色,页面中尽量少用其他亮色。素一点就更高级啦。字体颜色也可以调一下,灰色是万年经典高级颜色。文字一般都是为接近纯黑的深灰色看上去比较高级。例如这种色号:#1a1a1a 。

第四点:字体设置。

字体家族这个系统默认的就好。但是行间距,段间距这些要微调一下,稍微大一点会显得好看一些。字体大小要注意,尽量不要用太大的字。特别是汉字,一般来说字号越大就越Low。14号正文,16号小标题,18号大标题。

第五点:图片。

图片是一个站点显得高级不高级的重要因素。可以去免版权的图库下载一些图作为封面、轮播图。这个站的图都不错:https://unsplash.com/

有些高级主题可以设置默认的缩略图,一定要选一张颜色相对比较素的图片作为默认缩略图。

第六点:侧边栏小工具。

侧边栏不要加太多东西呀。简单一点就够看了。有些主题没有适配的默认小工具,不要加!最好加主题带的那些小工具。

做好这几个方面,你的WordPress站点应该看起来就不错了。希望我的经验能帮助到你!

WordPress 主题优化 网站设计 LOGO设计 CSS定制

特别声明:以上内容(如有图片或视频亦包括在内)为本平台用户上传并发布,本平台仅提供信息存储服务。

内容相关


B2主题更新到B2Pro_5.9.0更新内容

B2主题更新到B2Pro_5.9.0更新内容

B2Pro 5.9.0发布:WordPress轻社交主题更新,含游客请求限制、图片裁剪优化、图形验证码升级、20%性能提升及多项安全与功能修复。

70

安装WordPress用哪一个PHP版本比较好?

安装WordPress用哪一个PHP版本比较好?

WordPress官方推荐PHP 7.3+,最低支持PHP 5.6.20+;需兼顾核心、插件与主题的PHP版本兼容性。

76

WordPress报错Fatal error: Uncaught Error: Call to undefined function mysql_connect

WordPress报错Fatal error: Uncaught Error: Call to undefined function mysql_connect

PHP 7+ 报错Call to undefined function mysql_connect()原因及解决方法:升级WordPress、主题、插件或降级PHP版本。

83

YITH WooCommerce Wishlist插件导致后台首页卡顿的解决办法

YITH WooCommerce Wishlist插件导致后台首页卡顿的解决办法

WordPress后台首页加载慢?YITH WooCommerce Wishlist插件添加的最近更新和最新消息仪表盘小工具是元凶。本文提供精准代码,快速禁用相关Dashboard Widget。

78