用户登录

当前使用的这个主题,会在页面的头部这里显示网站的名字 .. 我想把它隐藏起来 .. 最简单的方法就是使用 css 样式 .. 检查一下这个标题元素 .. 它是一个 h1 元素 .. 在这个元素上把 display 属性设置成 none .. 就会让它隐藏起来 ..

所以需要在主题里面添加点自定义的样式 .. 我们不能直接编辑 WordPress 的核心主题 .. 可以基于当前使用的这个主题去创建一个子主题,然后在子主题的样式表里面添加自定义的样式 ..

回到编辑器 .. 在 wp-content .. themes 目录的下面新建一个目录 .. 名字是 twentynineteen_child .. 它的下面再添加一个 style.css 样式表 ..

在这个样式表里面添加一段注释内容 .. 里面描述一下这个主题 .. 添加一个 Theme Name: 它的值是主题的名字 .. Twenty Nineteen Child ..

再添加一个 Template .. 它的值是这个子主题的父主题的名字 .. 这里就是 twentynineteen ..

然后回到网站管理后台 .. 打开 主题 .. 这里会出现刚才我们创建的主题 .. 让它作为网站现在的主题 ..

再回到前台内容页面 .. 刷新一下 .. 你会发现页面上的样式不见了 .. 这里我们需要把主题的父主题样式表放在页面上 ..

在这个主题目录下面,再添加一个 functions.php 文件 ..

文件里面定义一个函数 .. 名字可以是 twentynineteen_child_enqueue_styles .. 函数里面用一下 WordPress 提供的 wp_enqueue_style .. 载入一个样式表 .. 样式表的名字可以是 parent-style .. 样式表的位置,先用一下 get_template_directory_uri 这个函数,它会返回主题的父主题的位置 .. 后面加上一个 /style.css ..

下面再把这个函数挂载到 wp_enqueue_scripts 这个动作上 .. add_action .. wp_enqueue_scripts .. 函数的名字是 twentynineteen_child_enqueue_styles ..

再回到前台内容页面 ... 刷新一下 ... 现在页面显示就正常了 .. 因为页面上已经链接了父主题的 style.css 这个样式表 ..

因为更换了主题,所以之前设置的网站标志不见了 .. 可以重新再自定义一下 .. 打开站点身份 .. 选择图标 ..

找到之前上传的网站图标 .. 裁剪图像 ..

发布一下 .. 然后再退出自定义 ..

再回到我们自己的主题的样式表 .. 在这个样式表里 .. 设置一下 .site-title 这个 css 类的样式 .. 把 display 设置成 none .. 隐藏使用了 .site-title 这个类的元素 ..

回到前台 ... 刷新一下页面 ... 现在页面头部的标题文字就被隐藏起来了 ...

自定义主题样式(创建子主题)《 电商网站案例:产品 》

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点