个人主题建站首选微博秀模板,仿新浪微博官网

博主:小星空小星空 2020-12-18 1662 阅读 0 评论

很久之前就想弄这个仿微博的模板了,但是时间一直不允许,这不抽空弄出来了,主题简单明了,后台设置简单,无需复杂操作,比起以往的CMS主题要简单的多,太适合做个人博客的网站了,当然这不太适合技术和科技播主们,毕竟这款娱乐元素居多,可以设置独立的背景图,列表卡片(要知道,这些功能只有微博会员才能设置)把你微博上你喜欢的卡片和背景抠出来,复制地址到相关接口就性了。一起来看看吧!

注意:开启主题或插件显示“授权文件非法”的解决办法!


更新日志:2020/12/10

-- 优化文章页打赏在部分屏幕下缩小的问题。

-- 优化后台一处php接口的函数代码调用。

更新日志:2020/11/16

-- 优化侧栏标记。

-- 优化文章超链接颜色代码。

更新日志:2020/10/20

--优化编辑器某些特使标记在前台无法显示的问题。

更新日志:2020/10/09

--.优化侧栏标题字体,增加竖线样式。

更新日志:2020/09/10

V、修复文章缩略图在快照下无法显示的问题。

更新日志:2020/09/01 

V、优化图片延迟显示代码,修复缩略图重复加载的问题。

更新日志:2020/08/24

V、修复新用户启用主题后配置内容为空的BUG。

更新日志:2020/08/19

V、优化php兼容性。

V、优化SEO代码规范,修复模板页面会出现关键词及描述重复的问题。

V、删除360搜索出图代码。

更新日志:2020/08/10

V、优化搜索模板代码,删除一处无用JS。

V、精简php和删除不规范代码。

主题更新日志:2020/07/30

V、优化适配“连接模块管理”插件,兼容导航高亮代码。

V、优化各模板标签名称。

主题更新日志:2020/07/16

V、文章列表新增视频显示功能,增加后台接口。

    文章编辑,添加自定义视频和视频封面图,为空则不显示视频。

V、优化移动端css样式、其他优化,精简代码。

主题更新日志:2020/06/08

V、优化侧栏调用缓存方案,更新PHP代码。

更新之后最好删除主题自带模块,模块管理-插件创建的模块,删除,然后重新启用主题模板,清空缓存并重新编译模板,前台,强制刷新下就好了,如果启用CDN及得刷新CDN缓存。

主题更新日志:(2020/05/29)

V、修复搜索特殊字符导致搜索模板错误的问题。

主题更新日志:(2020/05/22)

  • 优化缩略图php代码。

  • 优化视频自适应显示效果。

主题更新日志:(2020/05/19)

  • 优化搜索页无结果时的友好提示。

  • 新增文章发布时间超过365友好提示的功能,主题设置-功能,开启文章超时提示。

  • 优化文章图片自带格式导致的移动端或者PC段被拉伸的问题。

  • 优化视频代码,移动端自适应显示效果。

主题更新日志:(2020/05/13)

  • 优化IE10浏览器,顶部导航出现错位的BUG。

  • 新增宽屏显示效果,屏幕大于1366px和1440px两种模式。

  • 独立页面增加文章推荐底部广告位,跟文章页推荐底部广告分离。

主题更新日志:(2020/05/10)

  • 修复评论翻页不显示的BUG,更新js代码。

主题更新日志:(2020/05/09)

  • 优化评论php及js代码。

  • 新增独立文章页面广告接口,感谢网友反馈。

  • 修复模板两处接口调用错误的BUG。

主题更新日志:(2020/05/06)

  • 优化赞赏移动端自适应显示效果。

主题更新日志:(2020/05/04)

  • 优化侧栏友链和网站收藏样式,增加段落间距。

  • 修复文字加粗设置颜色无效的问题。

主题更新日志:(2020/04/22)

  • 修复分类列表文章NEW标签遮盖下拉菜单的BUG。

主题更新日志:(2020/04/20)

  • 修复文章评论没有翻页功能的BUG。

主题更新日志:(2020/04/19)

  • 优化分类列表文章缩略图的显示方案。

  • 优化移动端叠加评论时左侧的间距。

  • 优化搜索页文章描述调用方式。

主题更新日志:(2020/03/17)

  • 修复文章页微信分享无法生成图片的BUG。

主题更新日志:(2020/03/14)

  • 修复文章列表a标签未闭合的BUG。

  • 首页轮播幻灯片新增轮播新窗口功能开关。

主题更新日志:(2020/02/26)

  • 修复背景图不是平铺的BUG。

  • 集成文章分享代码,主题设置-按需开启。

主题更新日志:(2020/02/18)

  • 新增移动端置顶距离接口。

  • 新增分类文章列表图片链接。

  • 文章页新增两侧上下篇功能。

  • 优化图片灯箱悬浮效果。

  • 顶部登录功能开关,同步PC和移动端。

  • 网友反馈的其他优化内容。

主题更新日志:(2020/01/23)

  • 修复一处因春节皮肤导致字体颜色不清晰问题。

主题更新日志:(2020/01/22)

  • 优化导航自适应显示效果。

  • 新增新春皮肤及全屏飘雪特效。开启步骤:登录后台,主题设置,基本设置,开启网页背景和新春特效,如图:个人主题建站首选微博秀模板,仿新浪微博官网,个人主题建站首选微博秀模板,仿新浪微博官网 第1张,第1张

  • 如图填写内容:

背景色:#d61e12

距离:130

图片地址:https://s2.ax1x.com/2020/01/22/1kxL4O.jpg

  • 最后保存提交(图片不想用外链就保存本地,点击上传图片即可),打开前台强制刷新,如果使用了CDN请清空主题缓存文件。

主题更新日志:(11/22)

  • 优化导航自适应显示效果,由原来左侧手指图标显示改为顶部状态栏显示。

  • 修复独立文章页编辑时链接指向文章的BUG。

  • 优化了自适应导航各模块之间的间距。

  • 此次更新内容较多,修改过css样式,更新之后请清空主题缓存编译并强制刷新前台,如果启用CDN需要清空主题文件缓存。

主题更新日志:(11/21)

  • 优化评论信息模块,昵称,邮箱和网址单独列出。

个人主题建站首选微博秀模板,仿新浪微博官网,个人主题建站首选微博秀模板,仿新浪微博官网 第2张,第2张

主题更新日志:(11/14)

  • 优化缩略图尺寸4:3,修复文章摘要间距。

主题更新日志:(10/25)

  • 修复移动端验证码出现重叠等错位的Bug。

主题更新日志:(10/18)

  • 修复开启pjax公告速度加载太快的bug。

  • 修复开启pjax搜索文章时未在pjax下重载的bug。

  • 修复开启pjax使用键盘快捷回复重复提交的BUG。

    另外说下,如果发现pjax失效请先检查a标签是否含有“ target="_blank" ”标签,有的话pjax无效。

    明月浩空音乐播放器的音乐插件设置参考如图:(切记不要开启jquery,ZBP自带JQ库)

个人主题建站首选微博秀模板,仿新浪微博官网,个人主题建站首选微博秀模板,仿新浪微博官网 第3张,第3张

主题更新日志:(10/17)

  • 新增全站Pjax功能,实现打开页面无刷新加载,同时支持音乐播放不间断功能(明月皓空音乐插件,其他插件未测试)。

  • 新增Pjax开关,需要的可以开启,不需要的可以关闭。

  • 在开启Pjax情况下,评论“加粗、倾斜、下划线”功能失效,如果你的插件较多、较杂不建议开启。

PS:Pjax对收录不是很友好,大型网站慎用。

主题更新日志:(10/15)

  • 优化关闭顶部导航搜索太短的问题。

  • 修复文章转载网址无效的BUG。

  • 优化css样式表。

主题更新日志:(10/14)

  • 修复顶部登录开关无效的BUG。

主题更新日志:(10/08)

  • 删除微博国庆皮肤。

主题更新日志:(09/30)

  • 增加微博国庆皮肤(优先使用国庆皮肤)。

  • 修复部分CSS代码。

主题更新日志:(09/23)

  • 修复移动端顶部导航部分点击无效的BUG。

在这里说下,顶部登录偶尔点击无效,原因是为了自适应,所以在没有下拉菜单的情况下直接屏蔽了a链接,换句话说就是得开启QQ登录,开启之后才会有下拉菜单,这时移动端点击登录才能正常显示,整理用户体验不是特别好,后期有时间修改一下。

主题更新日志:(09/18)

  • 优化SEO标题,修复分类列表翻页显示重复的BUG。

主题设置介绍:

按照我的习惯设置步骤走,首页我可能会先设置侧栏信息,左侧的导航调用的模块是,导航栏(模块管理,导航栏),设置完导航在设置右侧的侧栏信息,标注下各模板对应的侧栏模块:

首 页 模 板(对应)模块管理---右侧,默认侧栏;

分类列表页(对应)模块管理---右侧,侧栏2;

文章页模板(对应)模块管理---右侧,侧栏3;

具体展示哪些模块自己在系统模块和主题自带模块,拖拽到对应侧栏即可。本主题自带两个模块,分类是:“热评文章”“tab组合(自定义推荐和热门文章)”如图:

个人主题建站首选微博秀模板,仿新浪微博官网,个人主题建站首选微博秀模板,仿新浪微博官网 第4张,第4张

前台效果:

个人主题建站首选微博秀模板,仿新浪微博官网,个人主题建站首选微博秀模板,仿新浪微博官网 第5张,第5张

侧栏设置完成。

设置网站图片:

网站logo,景图和卡片图等信息,如图:

个人主题建站首选微博秀模板,仿新浪微博官网,个人主题建站首选微博秀模板,仿新浪微博官网 第6张,第6张

logo和ico图片,直接上传或者填写图片地址,保存即可,没什么难度。

卡片背景图(对应)分类列表右侧图片,看图:

个人主题建站首选微博秀模板,仿新浪微博官网,个人主题建站首选微博秀模板,仿新浪微博官网 第7张,第7张

这个图片,你可以直接复制新浪微博的地址,然后粘贴在背景图接口,保存就行了。

背景图设置方法:

找到你自己喜欢的背景图(可以直接扒新浪的套装背景,复制图片地址)把图片上传或者粘贴在图片地址接口,但有时候背景的颜色不一样,有的黑色有的是蓝色,所以背景色,可以自己设置下,简单说下,打开背景图(刚才填写的图片地址)你会发现图片最下面一般都是一种颜色,看图:

个人主题建站首选微博秀模板,仿新浪微博官网,个人主题建站首选微博秀模板,仿新浪微博官网 第8张,第8张

图中红色区域就是我们要的背景色,这样设置完成之后,网站的整体色系就是一致得啦,怎么获取颜色代码?打开图片,按下F12,

个人主题建站首选微博秀模板,仿新浪微博官网,个人主题建站首选微博秀模板,仿新浪微博官网 第9张,第9张

图中“#000000”就是黑色背景的代码,我们点击代码前面的“黑色方块”(不是屏幕的黑色区域)会出现一个调色板,把鼠标移动到浅蓝色区域,点击即可获得颜色代码,如图:

个人主题建站首选微博秀模板,仿新浪微博官网,个人主题建站首选微博秀模板,仿新浪微博官网 第10张,第10张

图片的黑色区域已经变成了浅蓝色,这样看着舒服多了吧,其中“#a5cee2”就是我们所需的背景色代码,将其复制,然后粘贴在背景色接口就可以了。

最后在说下“距顶部距离”有些背景图可能会有一些图案,比如国庆、春节之类的,如果我们直接设置背景之后可能会遮住上面的图片,这时候我们就需要设置下距离顶部的距离(距离单位是像素,也就是px)让图案显示出来,例如,刚刚设置的山水画,图片有一座山,一间洋房别墅,我们就需要把这个图案显示出来才好看,具体的像素需要自己尝试了,最简单的方法就是你可以先设置成“200”,然后打开网站前台,看看效果,如果图案没显示完全,那么就写大一些,比如“300”,反之亦然。接下来就去自己折腾吧,good luck!

接下来看看怎么设置顶部导航标签:主题设置---首页设置---自定义顶部导航

个人主题建站首选微博秀模板,仿新浪微博官网,个人主题建站首选微博秀模板,仿新浪微博官网 第11张,第11张

前台显示效果:

个人主题建站首选微博秀模板,仿新浪微博官网,个人主题建站首选微博秀模板,仿新浪微博官网 第12张,第12张

代码如下:

个人主题建站首选微博秀模板,仿新浪微博官网,个人主题建站首选微博秀模板,仿新浪微博官网 第13张,第13张 Markup
<li><a href="/"><i class="fa fa-home"></i>首页</a></li><li><a href="/"><i class="fa fa-envira"></i>留言本</a></li>

按照此形式填写,可以设置多个导航链接,建议不要超过三个,否则可能出现错位。

公告设置方法:

滚动公告设置方法,主题设置---首页设置---首页滚动公告,代码格式如下:

个人主题建站首选微博秀模板,仿新浪微博官网,个人主题建站首选微博秀模板,仿新浪微博官网 第13张,第13张 Markup
<li><a href="http://zx.001666.cn/post/208.html"><i class="fa fa-bullhorn"></i>首页自定义公告,前往后台设置首页自定义公告</a></li>

格式是固定的,修改文字和链接就行。

设置文章数据调用:

相关文章调用设置,如图,侧栏热门标签数量,设置几前台就显示几个,侧栏热门文章天数,30天为一个月,自行设置,侧栏文章推荐,这个填写文章的ID(文件管理-查看文章ID),

个人主题建站首选微博秀模板,仿新浪微博官网,个人主题建站首选微博秀模板,仿新浪微博官网 第15张,第15张

哦对了,这里说下,侧栏部分数据采用静态缓存机制,例如,你设置了侧栏文章推荐,但是打开前台侧栏推荐的文章可能还是之前的数据,这是因为采用了静态的缓存文件,想要更新数据的话,你需要随意编辑一篇文章,然后直接右侧提交,以此来生成新的缓存数据。

设置博主卡片背景:

后台---主题设置---侧栏作者ID:填写用户ID,背景图片依然沿用新浪博客的图片。

个人主题建站首选微博秀模板,仿新浪微博官网,个人主题建站首选微博秀模板,仿新浪微博官网 第16张,第16张

前台显示:

个人主题建站首选微博秀模板,仿新浪微博官网,个人主题建站首选微博秀模板,仿新浪微博官网 第17张,第17张

蓝天白云,是挺好看的,这个最好都采用新浪微博的套装图片,直接复制粘贴就OK啦,其他设置都是基础了,没有什么难度。另外,分类列表有一个点赞功能,适配应用中心“新·文章点赞开发版”插件,搜索关键词,点击插件,获取插件,然后启用插件就行了,无需额外设置,如图:

个人主题建站首选微博秀模板,仿新浪微博官网,个人主题建站首选微博秀模板,仿新浪微博官网 第18张,第18张

其他设置:

  1. 幻灯片轮播功能,点击“轮播图片”设置标题、上传图片,设置目标链接,保存就行了,记住一点就是,每张图片高和宽要一致。

  2. 广告设置,需要的话在对应广告位开启,添加广告位就行了,另外说下,顶部两个接口,一个是head放置百度联盟等广告公共JS的接口,脚本代码接口,可以放一些自己js代码,比如音乐播放器什么的。

  3. 功能设置就更简单了,写的很清楚,需要就开启,不需要就关闭。

整体设置基本完成,放几张演示图(可以直接点击演示站,查看整体效果)

首页效果图(默认背景):

个人主题建站首选微博秀模板,仿新浪微博官网,个人主题建站首选微博秀模板,仿新浪微博官网 第19张,第19张

首页效果图(开启自定义背景):

个人主题建站首选微博秀模板,仿新浪微博官网,个人主题建站首选微博秀模板,仿新浪微博官网 第20张,第20张

教程基本结束,如果有时间的话,我会给你们做一个扒新浪微博背景图片以及获取背景的视频,应该会在不久的将来,,,嗯嗯,不会太久!


版权声明
  本站致力于为模板爱好者提供国内外插件开发技术和模板共享,着力为用户提供优资资源。
  本站提供的所有下载文件均为网络共享资源,请于下载后的24小时内删除。如需体验更多乐趣,还请支持正版。
  我站提供用户下载的所有内容均转自互联网。如有内容侵犯您的版权或其他利益的,请编辑邮件并加以说明发送到站长邮箱。
  站长会进行审查之后,情况属实的会在三个工作日内为您删除。

发表评论

快捷回复: 表情:
评论列表 (暂无评论,1662人围观)

还没有评论,来说两句吧...

取消
微信二维码
微信二维码
支付宝二维码
{/if}