WordPress Hestia主题的定制和优化
wordpress优秀的免费企业主题不多,国外网站themeisle提供了一套免费的wordpress企业主题hestia,hestia设计非常简介大方美观,能够支持响应式,可以在手机上面正常访问,各方面的优化都不错。hestia主题还可以支持拖拽页面编辑工具、后台设置选项、高级菜单、seo优化功能等等。
下面我就介绍一下通过wordpress hestia主题来免费搭建一个企业网站的方法:
1、优化插件
安装完主题后,其附带的插件其实都不用安装,但是建议安装一个“self-hosted google fonts”插件,因为google字体从中国无法访问,而这个hestia主题默认加载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主题时,如何修改页脚呢?
这里提供一个可以隐藏页脚的办法,在外观—自定义选项里,额外css代码加入下面代码即可将相关内容隐藏。
.copyright {display:none;}
经过上面这些操作,我们就可以使用wordpress的免费hestia主题制作一个简洁大方的企业网站了。
上一篇: 移动办公更智能 高端商务手机编辑推荐
下一篇: 开发一款成功人工智能APP的秘密是什么?
推荐阅读
-
WordPress Hestia主题的定制和优化
-
WordPress的主题编写中获取头部模板和底部模板
-
Ant Design 在 create-react-app 中定制主题具体步骤和遇到的坑
-
WordPress的主题编写中获取头部模板和底部模板,wordpress头部
-
WordPress的主题编写中获取头部模板和底部模板_php技巧
-
WordPress的主题编写中获取头部模板和底部模板
-
WordPress的主题编写中获取头部模板和底部模板_php技巧
-
WordPress的主题编写中获取头部模板和底部模板
-
WordPress的主题编写中获取头部模板和底部模板
-
推荐9款最新的WordPress和Magento主题【20130615】_PHP教程