记一次美化过程中的学习

前言

因为有之前不少大佬弄了corepress主题的美化,所以在corenext美化的时候我就借鉴了corepress的美化,就遇到了以下的一些问题并且从中学习到了一些知识,记录一下!

知识

1.网页是由一个个元素组成的,因为我的网站是基于WordPress搭建而成,所以果核大佬创作CoreNext的时候是基于WordPress的框架而写出来的,不同的人就会根据自己的习惯给不同的元素命名。如美化教程中提到的core-next-img就是果核大佬给文章页上传的图片而命名的元素名称。

2.在美化过程中用到最多的就是css,而css就是决定了元素在网页中的布局,CoreNext主题是带有子主题的,很多美化或者其他大佬想在主题中添加东西都可以通过子主题中的css,js或者php达到自己想要的目的。

3.网页中的元素也可以是各个元素组成的,比如美化教程中的post-item就是由post-left和post-right组成的,所以有时候需要某个元素发生改变可能就需要找到具体代表这个元素的名称,否则css或者其他命令就无法达成想要的效果。

4.在css代码中有不少类似hover的css伪类选择器,可以表示在某些场景下需要元素做出相应的反应。比如在美化教程中的首页文章悬浮效果中的hover就表示了当鼠标悬停在类名为 .post-item 的元素上时,就会应用background、transform、box-shadow等样式。

5.在此次修改美化的过程中,有些美化不仅需要通过css来决定元素的样式,还要通过php决定元素在网页中显示的样子。所以无论css,php还是js都是组成网页的重要因素,缺一不可。

总结

最后无论是html,php还是css和js,都需要我们在学习的时候认真一点,因为可能只是代码顺序的问题就会导致网页显示出来的效果和我们预想的效果大相径庭,所以代码之路任重而道远。

用果核大佬的一句话就是代码路上雾蒙蒙。 如果阐述有错误请在留言中指正,万分感谢!

THE END