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

news/2024/5/21 2:29:13/文章来源:https://blog.csdn.net/weixin_30667487/article/details/117845213

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

f6e6fb04a4ab8174307ea1b75bdedfa6.png

更新日志:2021/06/02

-- 新增快捷保存功能,主题设置,ctrl+s可实现快速保存。

-- 优化文章列表缩略图匹配方案。

-- 优化部分样式细节。

更新日志:2021/04/30

-- 优化适配zbp1.7版本相关功能。

-- 修复关闭UE编辑器主题设置无法上传图片的问题。

-- 优化侧栏及留言头像优先采用QQ邮箱代码。

-- 精简部分php代码。

-- 1.7版本新增文章重新编辑提示信息。

更新日志:2021/03/20

-- 优化微博分享开发代码,可自定微博自定义来源。

-- 新增夜间模式,如果有背景图,开启夜间模式会屏蔽背景图,采用默认黑色背景。

-- 精简js代码等。

更新日志:2021/01/18

-- 优化侧栏标题角标样式,修复移动端显示效果。

-- 优化侧栏最新文章列表样式。

-- 新增侧栏作者头像挂件,主题配置-首页设置-侧栏作者ID,上传挂件图片,开启功能即可。

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

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

更新日志:2020/11/16

-- 优化侧栏标记。

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

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

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

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

更新日志:2020/09/01

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

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

V、优化php兼容性。

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

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

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

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

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

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

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

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

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

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

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

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

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

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)优化导航自适应显示效果。

新增新春皮肤及全屏飘雪特效。开启步骤:登录后台,主题设置,基本设置,开启网页背景和新春特效,如图:956a1d4fe0bdbe6b78b22bdf0e812385.png

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

主题更新日志:(11/22)优化导航自适应显示效果,由原来左侧手指图标显示改为顶部状态栏显示。

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

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

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

主题更新日志:(11/21)优化评论信息模块,昵称,邮箱和网址单独列出。

ff38036ab7e53b52969ddd2affd30b3f.png

主题更新日志:(11/14)优化缩略图尺寸4:3,修复文章摘要间距。

主题更新日志:(10/25)修复移动端验证码出现重叠等错位的Bug。

主题更新日志:(10/18)修复开启pjax公告速度加载太快的bug。

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

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

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

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

8c9bc574a8e7ea1f7d2c1b1f479445d4.png

主题更新日志:(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组合(自定义推荐和热门文章)”如图:

39e220be4f015eeb367685a737e464de.png

前台效果:

282d8c0e63fc833c00ab142cf5d4fde4.png

侧栏设置完成。

设置网站图片:

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

036eabf005b0e1d0ea61c6bbc0dda90b.png

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

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

68b3709ead64484badc8f59ab0fa6bfe.png

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

背景图设置方法:

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

d224cbea2bb2a64b8926e50c45ce15b5.png

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

79f37a890ee23baa184cd7fdc3947eaf.png

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

1b33eb75ba3787d807a3f2b0fa777942.png

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

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

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

a396288777eee5f7c97c088fa0150013.png

前台显示效果:

c6280cc260f7d7217f547e9ae6d5cdfa.png

代码如下:

首页留言本

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

公告设置方法:

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

首页自定义公告,前往后台设置首页自定义公告

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

设置文章数据调用:

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

c66fb650a37c778229fc880971286b27.png

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

设置博主卡片背景:

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

037d13b45c4617849435fea8df245712.png

前台显示:

cc7f02fb56f652554c85182c2e583ab6.png

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

9e24060e83eee004e606905aa5394dc9.png

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

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

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

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

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

fabd9f4bc7209e7edc86772ea16c9f4c.png

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

f6373e4c533faa2dc2cc53b9ba41ff47.png

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

附件下载(永久会员免费查看)

售价:80 米

文件名:weibolee_4.3.11_2021-06-02.zba

大小:888KB

文件类型:zba

升级超级VIP可免费查看,【 点击开通VIP】

未购买,点击此处购买

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_738996.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【大型网站技术实践】初级篇:借助Nginx搭建反向代理服务器(转)

出处:http://edisonchou.cnblogs.com/ 一、反向代理:Web服务器的“经纪人” 1.1 反向代理初印象 反向代理(Reverse Proxy)方式是指以代理服务器来接受internet上的连接请求,然后将请求转发给内部网络上的服务器,并将从…

大型网站系统架构分析大型网站系统架构分析

千万级的注册用户,千万级的帖子,nTB级的附件,还有巨大的日访问量,大型网站采用什么系统架构保证性能和稳定性? 首先讨论一下大型网站需要注意和考虑的问题。 数据库海量数据处理:负载量不大的情况下select、…

换服务器影响网站排名,换服务器对网站排名有影响吗?

很多站长朋友也许都会碰到这个问题,由于网站要备案从而要把数据搬移到其他服务器上去,都会先在网上搜索一下相关的信息,怕更换过后的服务器IP发生了更改,会影响百度蜘蛛的对网站的爬行,继而影响网站的收录和排名&#…

让你的网站免费支持 HTTPS 及 Nginx 平滑升级

为什么要使用 HTTPS ? 首先来说一下 HTTP 与 HTTPS 协议的区别吧,他们的根本区别就是 HTTPS 在 HTTP 协议的基础上加入了 SSL 层,在传输层对网络连接进行加密。简单点说在 HTTP 协议下你的网站是光着身子在奔跑,但到了 HTTPS 下你穿了一件衣…

PHP网站漏洞poc,ThinkPHP-5.0.23新的RCE漏洞测试和POC

TP5新RCE漏洞昨天又是周五,讨厌周五曝漏洞,还得又得加班,算了,还是先验证一波。新的TP5RCE,据说发现者因为上次的RCE,于是又审计了代码,结果发现的。TP5也成了万人轮啊。测试环境搭建windows下p…

商城网站优化

在一次正常的活动促销之后,客服开始陆续反馈有用户反应在抢标的时候打不开网页或者APP,在打开的时候标的就已经被抢光了,刚开始没有特别的上心,觉得抢标不就是这样吗,抢小米手机的时候也不就这样吗?随着活动…

php 架构的网站 如何上传.sql文件到远程主机并用它部署数据库,技巧和诀窍: 如何上传一个.SQL文件到远程主机并且执行它来部署一个SQL数据库...

上个月 (英文),我讨论了新的(免费的)数据库发布向导,它是设计来充分简化在web主机环境中上传和部署 SQL Express 和 SQL Server数据库的。在 第一个关于数据库发布的贴子 (英文)里 ,我示范了你如何可以使用数据库发布向导自动生成 .SQL 安装文…

网站服务器间歇性打不开,网站打不开的常见原因之域名解析问题

建站是为了更好地进行宣传,引导访客订阅或成交消费,如果网站经常打不开,用户体验就会很差,对企业的影响也很大。相信大多数人都有类似的经历,兴致勃勃打开一个网站,结果半天没有响应,好不容易打…

iframe 无权限 不通网站_神马蜘蛛池 - 网站内页不收录的原因分析

原出处:最蜘蛛池原文链接:http://www.zuizhizhu.com神马蜘蛛池 www.zuizhizhu.com 快速提高网站收录、外推收录,百度蜘蛛池、搜狗蜘蛛池、360蜘蛛池、神马蜘蛛池、繁殖池、权重池;最蜘蛛池35台智能服务器,每天超千万蜘…

服务器上网站管理系统登录,云服务器管理平台 使用标准登录方式登录

WebShell 为腾讯云推荐的登录方式。无论您的本地系统为 Windows,Linux 或者 Mac OS,只要实例购买了公网 IP,都可以通过 WebShell 登录。本文介绍如何使用标准登录方式(WebShell)登录 Linux 实例。WebShell 优点如下:支持快捷键复制…

httppost传递内容过大_网站内容页的SEO排名技巧

SEO优化的意图是获取查找引擎流量,但在SEO履行中却需求分阶段周期进行,以此确保SEO方案的可行性以及SEO进程的可控性。按照引流的意图进行SEO进程倒推,想要获取查找引擎流量,需求的是关键词排名,获取关键词排名首先要确…

python网站登录爆破登录_用python爆破某会员网站

暑假在家上网,qq群里一位好友给我说他想要某个网站的会员,ps(是个小网站),本着助人为乐的精神我去踩了点。。。是吗然后就有了思路(骚操作)先讲一下思路1 .先注册用户登录2.flidder抓包3.python 模拟登录4.在评论区抓取评论的用户名5.弱密码爆…

用户体验分析:以 “师路南通网站” 为例

1、目标 针对师路南通,开展UX分析。PS:对比公众号;UMU学习平台(umu-umu)、学生安全教育平台(xueanquan123) *基于实例分析,体会用户体验设计的7条准则。 *功能测试脚本及Bug报告。 2…

wps怎么投递简历发到boss直聘_BOSS直聘、前程无忧、智联招聘……实测这个网站投简历效果好!...

又到了一年一度的“金三银四”招聘季作为职场人大家是不是开始蠢蠢欲动计划跳槽了?可那么多打着不同招牌的招聘网站伴随着海量的工作信息到底哪个网站最适合自己找工作投简历呢?今天,小编就带大家进入“非诚勿扰”之招聘网站专场看看哪个网站…

cms的html调用,浅谈CMSEasy企业网站内容调用经验

首先,打开CMSEasy免费企业网站的后台管理界面,选择“模板”,点击左侧“当前模板编辑”,在出现的内容也中,找到index.html找到index.html后,点击编辑,出现下图所示在出现上图内容后,烦…

门户网站建设方案ppt_智慧园区应用系统建设方案(ppt)

智慧园区总体规划设计方案(ppt)智慧园区整体规划设计方案(ppt)智慧园区总体架构解决方案(ppt)智慧园区整体规划设计方案(ppt)智慧园区大数据平台市县解决方案(图文)智慧工业园区安防集成系统总体方案(ppt)智慧园区公共服务云平台建设方案(ppt)智慧创业园区整体规划建设方案(ppt…

php 心愿墙系统源码,php开发表白墙 |源码|微信表白|微信表白墙|吐槽墙|心愿墙|网站留言板源码...

php开发表白墙 |源码|微信表白|微信表白墙|吐槽墙|心愿墙|网站留言板源码告白墙程序使用说明下载之后,文件目录如下:Forlove :程序核心文件夹;Public :样式图片 JS 文件夹,logo图片文件在这里面&#xff1b…

php系统网站安全吗,网站安全性设置

为了提高网站安全性,通常有服务器环境的安全策略和软件的安全策略,我们cms属于软件安全策略,并且支持多种方案:1、重命名后台入口文件在根目录找到默认的admin.php,任意命名一个名称即可,以后你就访问新名字…

艾宾浩斯计划表自动生成网站_施工进度计划表不会做?18个横道图自动生成模板,直接在线编辑...

施工进度计划表不会做?18个横道图自动生成模板,直接在线编辑对于工程建设来说,施工进度横道图在工程进度计划制定、项目管理等方面被广泛的应用,也是管理人员必须要掌握的技能,在编制的时候还是很繁琐的,需…