最新消息:20210917 已从crifan.com换到crifan.org

【已解决】WordPress中参考实现POFO各种页面的主页实现联系方式部分

页面 crifan 778浏览 0评论
折腾:
【记录】用POFO主题搭建xxx官网WordPress页面
期间,接着继续去实现联系方式部分
不需要联系表单
只需要联系信息文字放上去
http://wpdemos.themezaa.com/pofo/home-classic-one-page/
或者想办法在 footer中写上这个联系方式
倾向于简单一点
看看能否在这里:
把联系方式写上去
http://wpdemos.themezaa.com/pofo/home-classic-interactive-agency/
地址
邮件
电话
优先:简单一点,放在footer,把 地址 邮件 电话 放进去
或者找找 参考沃邦的 菜单顶上 还有一行 显示联系信息的
此处去看看:
http://wpdemos.themezaa.com/pofo/home-classic-interactive-agency/
的源码
Home classic interactive agency
是:
看不到想要的联系方式
去看看:
footer sidebar 17
有很多,去看看官方是否有footer的例子
才注意到:
http://wpdemos.themezaa.com/pofo/home-classic-interactive-agency/
中的底部的内容,是全局的,不是当前页面的:
去看看:
http://wpdemos.themezaa.com/pofo/footer-standard/
http://wpdemos.themezaa.com/pofo/footer-standard-dark/
再去找找我们希望的:
http://wpdemos.themezaa.com/pofo/footer-modern-dark/
去看看demo数据中是否有这个
footer-modern-dark
没找到,但是找到另外几个:
也可以去参考看看
https://xxx/features/
-》里面所有footer都有
但是点击连接进去看看:
https://xxx/home-classic-interactive-agency/
还是之前的连接,底部不存在我们要的效果
-》不过其他一些例子,比如:
则是有的。
所以可以去参考这种类似的,看看能否实现我们要的内容
重新搜:footer,可以搜到更多:
结果看了都不要我们要的
去试试不同的style 1,2,3
去实时编辑预览的话,可以看出:
Footer Wrapper
是最底部上面那行的控制:
且可以看到style 2的效果:
那这样的话:
好像就可以在中间写联系信息,多行的话,可以用br去换行了?
去试试
首页是改了:
但是刚才的页面还是没有改:
去修改页面配置:
然后写上联系方式:
看看是否换行,结果没有
加上br
© 2018 xxx
<br/>地址:苏州工业园区
<br/>邮件:contact@xxx.com
<br/>电话:0512-12345678
虽然换行,但是不是靠左对齐:
去参考:
http://wpdemos.themezaa.com/pofo/footer-modern-dark/
拷贝对应的html代码:
过来:
<div class="textwidget"><span class="display-block">苏州工业园区
纳米科技园</span><a title="contact@xxx.com" href="mailto:contact@xxx.com">sales@domain.com</a> | 0512-12345678</div>
看看效果:
还不是左对齐。
去看看能否加上css
试试:
<div class="textwidget" style="text-align:left"><span class="display-block">苏州工业园区
纳米科技园</span><a title="contact@xxx.com" href="mailto:contact@xxx.com">sales@domain.com</a> | 0512-12345678</div>
结果:
可以左对齐,但是又太靠左了:
算了,等抽空再去优化吧。
不过此处用style1:
文字部分在左边,则左对齐后,效果就好很多:
所以就先这样,等需要调整,再说。

转载请注明:在路上 » 【已解决】WordPress中参考实现POFO各种页面的主页实现联系方式部分

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
94 queries in 0.186 seconds, using 20.14MB memory