WordPress页面编辑修改顺眼一点的背景色

by

2016-12-06

23:26:01

Leave a comment on WordPress页面编辑修改顺眼一点的背景色

Web

, ,

看着页面这土白土白不顺眼，又手痒想改改，突然又想到4年前当时搞WEB开发，那个破开源软件坑太多最终没坚持下去，思绪飘远了，还是回到把页面改顺眼一点

首先直接Chrome里，审查元素或者检查看下源码，找到Elements，搜索下面标签

id="page"

这个div，然后找到对应的styles.css信息，由于是页面背景，就查找background属性

.site {
    margin: 0 auto;
    padding: 0 5em;
    max-width: 1340px;
    width: 100%;
    background: #fff;
    background-image: initial;
    background-position-x: initial;
    background-position-y: initial;
    background-size: initial;
    background-repeat-x: initial;
    background-repeat-y: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: rgb(255, 255, 255);
}

这不，很容易就找到了，这里rgb可以随意改，但主要为了看哪种颜色顺眼，显然真正要改的地方不在这里，而是后端源码css文件

找到合适的颜色之后，进入wordpress后端，外观，编译进入源码节奏

对了，在上面site的时候，右边style.css?这个query冒号后面应该有个行号，可以直接定位到css文件的该行

/*--------------------------------------------------------------
# 8.0 - Layout Structure
--------------------------------------------------------------*/
.site {
	margin: 0 auto;
	padding: 0 5em;
	max-width: 1340px;
	width: 100%;
	background: #87CEFA;
}

将background的rgb值给改掉就行了

当然如果你更换了主题，这里就会恢复默认

突然发现自己好无聊

发表回复