将Simply主题改成了我喜欢的样式
本来最近是没有文章更新计划的,但本站使用的emlog主题——Simply主题更新了。这一更新之后,我修改过的css样式又变回去了,有点儿愁人。
于是我到服务器后台重新修改了css。主要是集中修改了simply.css这个文件。
body属性
这一修改主要是为了修改页眉和网站内容之间的间隙,大了会不好看。原本我是想修改frame-container属性,但是效果不好,下拉再回到顶部之后还是会空出来(我没学过css不知道原理呢,悲)。
body { font-size: var(--size-texts); background-color: var(--color-theme-0-light); padding-top: calc(var(--height-logo) + 0.5em * 2); }
内容宽度
主题原本的宽度只有1220px,显得太紧凑了。我改成了1360px。
.container { max-width: 1360px; margin-left: auto; margin-right: auto; padding-left: 1em; padding-right: 1em; }
文章文字大小
添加了文章内的字体大小。原本的主题字实在是太小了,加了一个属性固定住。(大概在1890行)
其实emlog的应用商店也有修改字体大小的插件,但最后更新时间是两年前了,对这个主题不生效。我没测试过别的主题能不能用。
article .content { overflow: hidden; font-size: 16px; }
页脚样式、去除信息
主要是调整了文字大小和间距:
footer { padding: 1em; line-height: 1.5; text-align: center; font-size: 14px; }
另外,主题的页脚有这样一行信息:“来不及找到心仪的内容?按Ctrl+D加入收藏夹吧!”我觉得不符合我的风格,遂删除。这个得到footer.php里改了。
修改了之后,展示的区块其实没什么变化,但是修改了宽度后整体会更美观,信息变疏且增多,更利于我的呼吸(x)。
就是每次更新都要重新改一次未免有些过于麻烦。如果emlog也能像wordpress一样,在管理员后台加css覆盖就好了。
除此之外我还做了一些更新:
- 删除了不必要的和修改了网站样式的插件。之前下了一个插件,把暗黑模式的字体颜色全改了,导致根本看不清,正好也用不上了就一起删了。
- 更改了边栏,加入了分类和标签,并调整了顺序。
- 边栏现在变长了,我就把首页文章展示调整到了20篇。现在博客的文章越来越多了,多展示一些也是好的。
最后留档一张网站截图。我趁此机会把右边的背景图片也换了(是新曲《☀》的宣传图。)Simply主题更新之后,首页轮播图可以自动播放了,还可以自己设置轮播时间,我设置成了2000毫秒。







