首页 教程与分享 正文

将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覆盖就好了。
除此之外我还做了一些更新:

  1. 删除了不必要的和修改了网站样式的插件。之前下了一个插件,把暗黑模式的字体颜色全改了,导致根本看不清,正好也用不上了就一起删了。
  2. 更改了边栏,加入了分类和标签,并调整了顺序。
  3. 边栏现在变长了,我就把首页文章展示调整到了20篇。现在博客的文章越来越多了,多展示一些也是好的。

最后留档一张网站截图。我趁此机会把右边的背景图片也换了(是新曲《☀》的宣传图。)Simply主题更新之后,首页轮播图可以自动播放了,还可以自己设置轮播时间,我设置成了2000毫秒。
网站截图

文章结束啦,感觉咋样?

好耶(0)

学吧(0)

送颗糖(0)

尴尬(0)

怎会如此(0)

绷不住了(0)
文章目录


    radino
    评论
    更换验证码
    友情链接