GG资源网

WordPress Hestia主题的定制和优化(wordpress功能集成(十四):添加自定义背景功能)

WordPress Hestia主题的定制和优化

WordPress优秀的免费企业主题不多,国外网站themeisle提供了一套免费的wordpress企业主题Hestia,Hestia设计非常简介大方美观,能够支持响应式,可以在手机上面正常访问,各方面的优化都不错。Hestia主题还可以支持拖拽页面编辑工具、后台设置选项、高级菜单、SEO优化功能等等。

下面我就介绍一下通过WordPress Hestia主题来免费搭建一个企业网站的方法:

1、优化插件

安装完主题后,其附带的插件其实都不用安装,但是建议安装一个“Self-Hosted Google Fonts”插件,因为Google字体从中国无法访问,而这个插件默认会加载Google Font,因此安装Self-Hosted Google Fonts插件后,可以提升中国用户访问速度。具体方法是:安装插件,点击:Plugin Setting , Enable Processing 选择 Yes Enable , 保存更改。

2、页面设置

编辑WordPress里的“示例页面”,将其名称修改为“首页”,编辑里面的代码,有编程能力的可以将网页的HTML代码都放在这个页面里。

3、外观设置

点击外观 - 自定义,在主页设置里,将“您的主页显示”,选“一个静态页面”,主页为“首页”。

在首页区域 - 大标题区域,修改标题、文本、按钮文字、按钮链接为公司的相关内容。

小工具里,点击:脚注1-添加小工具-文本-公司名,脚注2-添加小工具-文本-联系电话,脚注3-添加小工具-文本-公司地址。

4、增加自定义JS

安装一个名为All in One SEO Pack的插件(多合一SEO集),在底部“首页头部额外内容”里,增加所需的自定义JS代码。

5、额外CSS

首页的其他定制化操作,可以通过“额外CSS”功能来实现。例如:

1)背景图颜色:主题默认的背景图被加了一层阴暗的遮罩色,色调不好,恢复原背景图颜色的方法是,在“额外CSS”里增加如下一行即可。

.header-filter::before {background:none !important;}

2)标题字间距:调整大标题、子标题的字间距方法为:

.hestia-title {

letter-spacing: 20px;

.sub-title{

letter-spacing: 8px;

}

3) 隐藏脚注菜单

自定义-菜单-脚注菜单里不选择菜单。然后在额外CSS里加入:

hr {display:none;

}

4) 隐藏页脚声明

一般企业使用wordpress的主题时,往往会修改主题页脚,去掉一些和企业无关的版权声明。

正常情况下,只需要找到footer.php文件,然后进行相应的更改,就可以了。然而,hestia主题将这段内容隐藏的很深,那么,当使用hestia主题时,如何修改页脚呢?

}

wordpress功能集成(十四):添加自定义背景功能

上一篇文章将为文章添加特色功能的时候说到add_theme_support还可以为主题添加其它的功能支持。比如自定背景功能,老版本的wordpress使用的是 add_theme_support()函数,但是这个函数在3.4版本中已经弃用了,我们应该使用add_theme_support函数来添加自定义背景支持,方法很简单,只需要往主题的functions.php中添加一下代码即可:

  1. add_theme_support(\'custom-background\');  
由于网站搬家,部分链接失效,如无法下载,请联系站长!谢谢支持!
1. 带 [亲测] 说明源码已经被站长亲测过!
2. 下载后的源码请在24小时内删除,仅供学习用途!
3. 分享目的仅供大家学习和交流,请不要用于商业用途!
4. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
5. 本站所有资源来源于站长上传和网络,如有侵权请邮件联系站长!
6. 没带 [亲测] 代表站长时间紧促,站长会保持每天更新 [亲测] 源码 !
7. 盗版ripro用户购买ripro美化无担保,若设置不成功/不生效我们不支持退款!
8. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
9. 如果你也有好源码或者教程,可以到审核区发布,分享有金币奖励和额外收入!
10.如果您购买了某个产品,而我们还没来得及更新,请联系站长或留言催更,谢谢理解 !
GG资源网 » WordPress Hestia主题的定制和优化(wordpress功能集成(十四):添加自定义背景功能)

发表回复

CAPTCHAis initialing...