学习本文的知识前提:略懂html和css,已经能搭建一个的博客

学习本文的知识前提:略懂html和css,已经能搭建一个的博客。本文不是高手教程,不过是自己在美化优化博客的过程中,边学边记录而已。打开外观-编辑,这里可以直接修改你的主题样式和代码,我们将在这里进行大量的改变,因为具体的审美人人不同,所以仅仅讲述如何去修改,以及代码大概的意思把。本次教程到此结束,希望能帮上各位访客的博客设计。

文章来源:https://cloud.tencent.com/developer/article/1543481

学习本文的知识前提:略懂html和css,早已能搭建一个的博客。搭建不会的请看我的《关于配置lamp和》。本文不是大神教程,不过是自己在美化优化博客的过程中,边学边记录而已。

首先我的款式是默认的主题黑色为主色彩,左目录,右文章。第一步的觉得就是,字体太大了,一个版面只能放几个文章,

对于初学者而已,在使用中,首先是把后台所有的选项和设计的全部都试一遍。把一切自定义小工具都配置到自己喜欢的样子。

这就是基本可以符合自己的审美就可以了,主要就是设计上背景和底部的图象不要太花哨,博客重要的是文字而已。本博客就使用了红色花岗岩的机理花纹作为整体的背景,请注意两侧的背景是要分开设置的,但是图片不够大的情况下是平铺过去,所以要确保自己的图片适宜平铺否则看起来会很诡异。

如今开始降低有一点点技术浓度的插件了,

第一个是避免垃圾评论的,第二个是取消微软字体的,避免由于微软被墙造成打开的速率太慢,第三个是自带的,挺有意思,第四个是定期备份你的博客,很有用,第五个是须要一点设置才能在你的文章中显示阅读人数,由于别的都是直接安装启用就行,wp-稍稍复杂一点。

怎样使用wp-呢?

打开外形-编辑,这儿可以直接更改你的主题款式和代码,我们将在这儿进行大量的改变,由于具体的审美人人不同wordpress主题修改教程,所以仅仅述说怎样去更改,以及代码大约的意思把。

这儿就是对应的文件以及显示,css是全部的款式表,想更改你任何页面的款式都在这儿,右侧是目录,可以跳转到任何的模板文件中。通常更改是index.php主页面的。。

不反复搬砖了,这个是说明wp-具体使用。推荐

然后开始筹办如何能够把页面的款式显示的好看呢?一个整体的审美必不可少,同时个人虽然喜欢稍为个性一点的,觉得主题如同一块块的不是很舒服。

接出来怎样从数千行的css中找到对应的属性进行更改,使用的浏览器是,按f12,步入开发者模式,在目标更改的块中右击审查元素。

是不是很高大上的界面,你的键盘在代码出滑动就可以看见那一块对应那一部份的代码,在左下有一个款式表,这个特别重要。从中一个个找下去,见到关于背景颜色的,可以看出原先主题的文章框是黑色背景的,我们找到那句话瞧瞧是处于哪一个类中,把那一行复制出来,转入后台编辑式样表的界面,开始查找,ctrl+f,弹出查找框,粘贴复制的代码,可以找到整个款式中背景设为红色的代码,倘若有多个,则一个个试,或则看内容是否和在开发者模式下的始终,是非在同一个类里,这样把背景色代码注释掉,才能把文本框的背景色改为透明,还是很漂亮的。

其次觉得式样的字体太大了,同样也是查找开发者的款式,更改font-size,看是否当即出现变化,变化了则可以确定更改的对象是正确的,之后就是找到这句代码在css款式文件中的具体文件进而更新文件。

尽管方式比较笨,而且还可以做为一个不错的上手方法wordpress主题修改教程,我就更改了背景色,字体大小,以及上下的和距离。

关于性能优化!!

wordpress主题制作视频教程_wordpress主题修改教程_wordpress修改主题

在中选择,瞧瞧网路的联接速率上。

刷新一下则可以看到所有文件的加载时间,进而晓得你的网站的性能怎样,通常而言,只要你的主机别太糟糕,速率是会很快的,。由于内容并不多,而且假如你的背景图非常大,一两m。。。那就呵呵了,请看size栏目中,就是整个页面所有加载项目的大小,我最大的就是背景图有60kb。这个不是问题,只要加载时间不超过两三秒就可以接受,然而也可以见到有两个资源是难以加载的,那个是你的头像问题,由于这个资源被墙了,,造成你的博客会不断处于加载中,这个显然挺好解决,直接不显示任何头像就可以了,,位置在。后台-设置-讨论-最下边,是否显示头像。取消对勾就行。。或则安装一个插件WPUser。

怎样你反复刷新发觉速率越来越快,这个是由于缓存早已在你笔记本上了,所以要想看真实的读取时间,请把上方的cache打勾,表示不缓存。

本次教程到此结束,希望能帮上诸位访客的博客设计。。

给TA打赏
共{{data.count}}人
人已打赏
教程大全

教一教你如何修改自己的主题样式?代码怎么修改

2022-9-2 21:38:34

教程大全

怎么改后台地址后台插件修改后台免费视频教程?

2022-9-2 21:38:41

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索