快好知 kuaihz

WordPress顶部显示问候语和日期的完美解决方法

这段代码自己添加过,但一直认为不够完美。在【语云博客】看到此教程,感觉非常好看和人性化,也是我想要的效果,所以立马转帖过来分享给大家使用。本教程以知更鸟begin主题5.2版为例,效果参考本站。代码理论上适用任何类型的站点,可自定义。关于错位问题,我用火狐、IE11,没发现此问题。经过测试,在使用E语云的方法后,只有在设置“登录”按钮后才可以显示这段“提示语”,所以对代码添加位置做了调整,大家可以自己测试下。

添加代码至user-profile.php文件

1、打开主题目录下/inc/user/user-profile.php文件,查找以下代码(请仔细查找,不要全部复制进行查找,因为格式不同会提示查找不到。)

  

  


  



2、在上面代码后面添加下面的代码

经过上面的步骤,基本功能都已经实现了,保存后刷新站点首页看看是不是有效果^_^

友情提示

我经过测试后发现,这段显示“问候语+日期的代码”在添加到 /inc/user/user-profile.php文件后,只有在知更鸟主题基本设置里面设置“显示登陆按钮”才可以显示这段话。反之,则不显示。

所以,我后来把添加的这段代码的位置给调整了下,添加到了如下位置,可以在不选择“登录”按钮的情况下就可以显示出来了。

我是小白,对于这种方法,如不正确,请各位指正!

但是,有一个小问题,主题默认css文件中,在该处设置的宽度太窄,如果你用小屏的平板电脑打开网页,这个地方就会自动换行,影响页面美观。所以,我们需要修改style.css文件相应代码

修改styless.css文件

打开主题根目录下的style.css文件,查找#user-profile {代码,修改其中的宽度width属性,主题默认的是35%,我们修改成45%即可,数字不要太大,否则会把后面的内容挤掉。

效果对比

使用后:

使用前:

 

该教程已经本站测试,使用效果完美!

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:WordPress  WordPress词条  问候  问候词条  顶部  顶部词条  日期  日期词条  完美  完美词条  
优化

 网站建设小贴士轻松打造优质网站

网站建设并不像你想象的那么难,只要你努力,你就能做好,而且有很多小贴士可以帮助你。一个网站有一个主题,网站中的所有内容都应该与主题一致,不能超出主题的范围。一般...(展开)