wordpress主题⾃定义样式
先看看效果,
本来我的导航栏是这样⼦
修改后的效果
其实我就是调了⼀下导航栏的透明度,从⿊⾊变成透明灰是不是瞬间感觉逼格上升了⼏个档次,有⽊有,有⽊有想不想跟我⼀样,想的话下⾯就是实现的⽅案。
下⾯讲下实现的⽅案
⽅案⼀、利⽤wordpress⾃带的功能(推荐⽤该⽅案)
第⼀步,打开⾃定义控制台
第⼆步,选择额外的css
第三步,直接添加你的css,wordpress真的⾮常强⼤,只要你添加进去他就会实时显⽰效果
我的就是改了background-rgba最后的数值,原来是0.9 我改成了0.1 就是最透明的程度。第四步,调整完样式后直接点击右上⾓的保存
wordpress主题怎么安装
⽅案⼆、修改主题的css⽂件
第⼀步,css⽂件(指的是主题的style.css和style.min.css)
我的是 /var/www/html/wordpress2/wp-content/themes/xxxx/assets/css
第⼆步,修改css⽂件,修改你需要改动的元素
我还没试过只修改style.css,不清楚是否会⾃动同步过去
⼩技巧
1、关于如何到对应样式⽂件的路径
如果使⽤了缓存⽐较⿇烦,可以先删除缓存,或者把缓存插件关闭,然后使⽤浏览器的开发者⼯具,可以查看到这个样式所在的位置然后就可以修改。建议⽤⽅案⼀,直接在wordpress中的插件加⼊css代码,你写的样式优先级会最⾼会覆盖掉原来的样式。
你只需要做的就是,把整个样式贴上去
2、关于如何调整样式
我的建议是使⽤浏览器的开发者⼯具进⾏实时修改,想我这种前端渣渣的⼈只能不断在上⾯试,试完后再贴上去
我是⽤chrome的开发者⼯具调试好样式,然后再复制黏贴上去。
举个例⼦我某个标签的样式,我可以先⽤chrome这个功能快速到这个标签所⽤的样式
然后就可以直接修改右侧栏中的样式,实时调试⾮常⽅便,还有chrome这个开发者⼯具很强⼤,他还告诉了你这个样式所在的路径,如下图
有什么问题,请多多交流。本⽂若对你有帮助请给我⼀个赞,⾮常感谢
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论