首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在自己的网站添加一个灯笼

过年了,许多网站的站长在自己的网站上挂起了红灯笼;也有小伙伴想挂红灯笼却不知道怎么挂来询问我,这时最简单的办法就是掏出源码发出来,但我想,授之与鱼不如授之与渔,所以我就写了一篇教程出来供大家参考~ 灯笼展示...(如果你愿意,你甚至可以挂10个灯笼在网站上面~) 因为html和css是不分家的,所以小橙先放出css部分结合来写教程~ css部分: css部分是放在自定义css里面的 .deng-box {...(如果是能读懂的大佬可以自行自定义甚至是自己写一个出来完全不是问题) 如果只是想更改灯笼文字,只需更改html部分中的文字即可~ 如果是想添加多个灯笼,在css里面的第二段后面添加如下代码 .deng-box...top: -40px; right: -20px; z-index: 999; } 并且更改.deng-box这个定义名与html相对应 html里面有几个灯笼,就在css里面添加多少个样式...,并且不要忘记修改灯笼的位置哟,不然它会重叠的 这样就可以在你的网站上挂上美美的红灯笼啦~

84330

如何网站添加Web Bookmark

于是就想给自己的个人网站也生成一张值得分享的卡片,本篇文章用来记录总结我是如何网站添加Web Bookmark的。 什么是web bookmark bookmark的中文翻译是书签。...顾名思义,这里就是根据网站的URL来生成一个卡片或者书签,只不过这里的卡片和书签是存在于web上的。目的是方便分享某些URL时,会自动生成该网站的一些关键信息。...这里我们就需要使用OG协议来在网站添加关键信息,其实也就是在meta标签中添加信息。 Open Graph Protocol 这里总结下比较常用的OG协议配置。...配置 到现在为止,我们知道了应该将关键信息放到网站的meta标签中,这里我们采用OG协议。那么现在问题就是如何进行配置,并且需要添加哪些信息?...具体来说,这里添加了以下关键信息: 网站的标题 网站的描述 网站的预览图片 网站的网址 网站的名称 网站的预览图片宽度 网站的预览图片高度 网站的预览图片描述 发布 更新完meta标签配置后,还需要生成网站的预览图片

1.4K10
您找到你想要的搜索结果了吗?
是的
没有找到

如何网站添加Web Bookmark

前言 在查看阮一峰老师最新的周刊时,发现了一个很好玩的工具bookmark.style/,作用就是输入网站,会根据网站上的信息生成精美的分享卡片,可以保存成图片并进行分享。...于是就想给自己的个人网站也生成一张值得分享的卡片,本篇文章用来记录总结我是如何网站添加Web Bookmark的。 什么是web bookmark bookmark的中文翻译是书签。...顾名思义,这里就是根据网站的URL来生成一个卡片或者书签,只不过这里的卡片和书签是存在于web上的。目的是方便分享某些URL时,会自动生成该网站的一些关键信息。...介绍 上面工具的作者写了一篇文章就是介绍如何创建可视化的Web Bookmark,感兴趣的可以点击链接进行查看。这里大概介绍下生成bookmark的原理是什么?...这里我们就需要使用OG协议来在网站添加关键信息,其实也就是在meta标签中添加信息。 Open Graph Protocol 这里总结下比较常用的OG协议配置。

94350

网站如何添加背景音乐

网站如何添加背景音乐 经常有童鞋来问我:“如何在自己的网站添加背景音乐?网站添加背景音乐是用什么技术手段实现的?” 其实,在网站添加背景音乐的方式有很多,常见的代码有embed和object。...下面我给大家介绍一个常用插入背景音乐的代码embed。 什么是embed?为什么要在网站上使用embed来插入背景音乐呢?...Embed:是用来在网站上插入背景音乐的 为什么要在网站上使用embed来插入背景音乐呢? 这是因为: 1、 embed是HTML5中新增的标签。 2、 embed标签支持所有的主流浏览器。...(这里我把背景音乐“The End Of World.mp3”存放到一个叫做“bgsound”的文件夹里。)当然,你的背景音乐也可以放到你的电脑桌面上。

5K50

注销网站备案主体教程(腾讯云为例)

注销备案主体教程图文直播 1、注销须知 注销主体后,您的网站可能会有以下影响: 注销主体是指您当前的主体备案号和网站备案号均会被注销。 主体信息注销后,该主体下的所有域名将无法访问。...注销主体申请提交审核后,将无法撤回。...2、信息确认 确认信息后通过接收备案负责人联系电话的短信验证码提交备案主体注销申请 3、等待审核 注销主体申请已提交 注销主体申请提交后将无法撤回,如需撤回,请不要进行管局核验操作,24小时后系统将自动驳回您的申请...至于为什么注销备案主体请看推荐阅读。 推荐阅读 域名备案驳回原因分析 网站个人备案的利弊 昨天的域名接入申请被驳回了,原因有三个,最主要的问题还是第一个需要域名有效期3个月。

7K40

如何给WordPress网站添加ICO图标?

如何给WordPress网站添加ICO图标? ---- 今天突然发现,我的ico图标不捡了。...而很多网站都带有ico图标或favicon图标,这个的话方便用户记住你网站,同时便于用户在收藏夹上快速找到你网站。...今天我们谈谈如何给WordPress添加网站图标,方法很简单的,只需2步就可以实现。 步骤一:准备图片 准备一个图片,用于转换为IOC图片。网上很多转图片的网站,百度一下,不要太多。...然后将favicon图标命名为favicon.ico上传到网站根目录(图标大小16*16或48*48)。清除浏览器缓存文件,重启浏览器。重新打开主页你会发现网站图标更换完成了。...任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

2.8K20

如何添加 wordpress 网站流量统计代码?如何选择?

如何添加 wordpress 网站流量统计代码?现在网站的流量统计一般都采用第三方统计网站代码了,比如国内常见的百度统计,CNZZ,51 啦等等。群友问魏艾斯博客如何添加网站底部的流量统计代码?...国内那么多网站统计哪个好用?我应该选哪个?下面老魏就根据自己的使用经验和国内实际情况给大家详细说一下,一方面是一个知识点普及,另一方面也是对刚入门朋友们普及一个添加流量统计代码的操作过程。...一、如何申请网站流量统计代码 以百度统计代码获取为例,进入百度统计站点,在管理>>网站列表中新增网站添加网站域名、首页、名称、行业类别后,可获取代码,添加网站中即可。...三、如何添加网站流量统计代码 在 wordpress 网站中,添加流量统计代码有两种途径,一种是在网站模板自带的主题设置中添加,另外一种是把统计代码添加到 wordpress 模板文件的 footer.php...1、很多 wordpress 模板都可以在主题设置中添加统计代码,比如国内常见的 DUX 主题,知更鸟主题等大部分主题都自带一个添加网站统计代码的栏目。

2K30

如何添加 wordpress 网站流量统计代码?如何选择?

如何添加 wordpress 网站流量统计代码?现在网站的流量统计一般都采用第三方统计网站代码了,比如国内常见的百度统计,CNZZ,51 啦等等。群友问魏艾斯博客如何添加网站底部的流量统计代码?...国内那么多网站统计哪个好用?我应该选哪个?下面老魏就根据自己的使用经验和国内实际情况给大家详细说一下,一方面是一个知识点普及,另一方面也是对刚入门朋友们普及一个添加流量统计代码的操作过程。...一、如何申请网站流量统计代码 以百度统计代码获取为例,进入百度统计站点,在管理>>网站列表中新增网站添加网站域名、首页、名称、行业类别后,可获取代码,添加网站中即可。...三、如何添加网站流量统计代码 在 wordpress 网站中,添加流量统计代码有两种途径,一种是在网站模板自带的主题设置中添加,另外一种是把统计代码添加到 wordpress 模板文件的 footer.php...1、很多 wordpress 模板都可以在主题设置中添加统计代码,比如国内常见的 DUX 主题,知更鸟主题等大部分主题都自带一个添加网站统计代码的栏目。

4.3K20

WordPress免费教程:如何网站添加导航?

添加导航是我们拿到一个新的WordPress网站要做的事情,对于内容的规划我们在心里可能已经有了一个大概的雏形,我们需要给网站添加导航栏。 那么WordPress如何网站添加导航呢?...首先不管你是使用的什么主题机会都是有导航的,比如像各种类型样式的导航,虽然表现形式不一样,结构不尽相同,但是总结起来都是导航这样的一个功能。...WordPress添加导航步骤: 1、登陆WordPress网站的后台,在外观-菜单中找到我们的菜单设置功能; ?...4、在前台首页浏览网站看看,是否已经成功添加网站的导航了呢? 网站突然不收录了有哪些原因?收录的页面也无法通过标题搜索到 我的wordpress网站为什么会出现那么多404状态码?...wordpress站点好用的SSL插件推荐 如何解决WordPress更改新域名后无法访问的调试 Wordpress建站:宝塔面板好用的Linux服务器面板安装教程 使用CDN加速,让网站访问速度瞬间提升

2.7K20

如何给个人网站添加免费的SSL

按照官方的说法就是所谓的网站劫持就是打开一个网站,出现一个不属于网站范畴的广告,或者是无法跳转到某个不属于这个范畴的网页。...网站域名泛解析 在域名DNS解析的时候用到了*,泛解析,有可能导致这个情况。 浏览器被劫持 网站浏览器被劫持就是当你使用一些浏览器的时候,会自动出现一个浏览器的广告新闻。...黑客攻击被植入木马程序   就是我们输入某个域名时,却跳转到另外一个不相关的域名,一般而言,这就是被黑客劫持的征兆。  ...给网站一个免费SSL 推荐的网站是 https://www.cloudflare.com/, Cloudflare是一家美国的跨国科技企业,总部位于旧金山,在英国伦敦亦设有办事处。...Cloudflare以向客户提供网站安全管理、性能优化及相关的技术支持为主要业务 [在这里插入图片描述] 打开网站,在网站的首页下方输入邮箱和密码,点击 sign up [在这里插入图片描述] 添加自己的网站信息

2.9K20

如何给个人网站添加免费的SSL

按照官方的说法就是所谓的网站劫持就是打开一个网站,出现一个不属于网站范畴的广告,或者是无法跳转到某个不属于这个范畴的网页。...网站域名泛解析 在域名DNS解析的时候用到了*,泛解析,有可能导致这个情况。 浏览器被劫持 网站浏览器被劫持就是当你使用一些浏览器的时候,会自动出现一个浏览器的广告新闻。...浏览器被劫持是浏览器自身的问题,可以选择关闭广告程序,或者是直接下载,装一个无广告的浏览器。...给网站一个免费SSL 推荐的网站是 https://www.cloudflare.com/, Cloudflare是一家美国的跨国科技企业,总部位于旧金山,在英国伦敦亦设有办事处。...Cloudflare以向客户提供网站安全管理、性能优化及相关的技术支持为主要业务 ? 打开网站,在网站的首页下方输入邮箱和密码,点击 sign up ? 添加自己的网站信息 ?

2.8K30

Speed丨如何快速给网站添加Pjax?

Pjax是一种很多网站( facebook,  twitter)都支持的浏览方式, 当你点击一个站内链接的时候, 不是做页面跳转, 而是只是站内页面刷新。...设置后的这些网站的ajax刷新是支持浏览器历史的, 刷新页面的同时, 浏览器地址栏位上面的地址也是会更改, 用浏览器的回退功能也能够回退到上一个页面。Pjax是可以增加访客打分的好功能。...为何要添加此功能? 1.有助于提升访问质量。 2.极大地减小了服务器的资源消耗。 如何添加? ①  检查你的网站是否引入1.7.0版本以上的jquery.js,如果没有请全局引入。...WordPress如何添加Pjax?...,调用代码添加到主题页脚或页眉文件都可以。

1.8K40

如何给WordPress网站添加Anchor定位功能

如果文章比较长,加一个文章的内部导航明显会大大提高客户的阅读体验,对于内容站是非常受欢迎的一个功能。 这里就分享下如何给Wordpress网站的文章添加这样的Anchor定位功能。...一、最适合使用Anchor Links功能的文章结构 我们在给网站制造内容时,应该以议论文的格式为主,即一个文章主题,多个子主题,然后分别阐述。...接下来,就一步一步的演示如何在Avada主题添加Anchor Links功能。 1. 添加Container把文章隔开 我们点击添加新文章,然后点击Fusion Builder,进入高级编辑模式。...三、Wordpress网站文章添加Anchor Links功能 上面的那个功能演示主要是针对Avada主题而言的,而对于别的主题来说这种操作就不适用了。...但是我们可以通过添加代码的方式为所有的Wordpress网站的文章添加Anchor Links的功能,而这个是不限制主题的。

1.8K20

如何搭建一个网站

如何搭建一个网站,我估计很多程序员都有这个冲动想去搭建一个属于自己的网络小天地,但是苦于不知道从何下手,或者因为不知道水有多深,而望而却步,其实搭建网站没有你想的那么复杂,且听我细细分解, 一共就五步...权衡好,登录阿里云的备案系统备案,就好了 备案无非就是认证一下你是网站的主人,不要干违法的事情就好了, 具体操作看页面的流程,他们的网站上写的非常清楚,备案只有一个坎就是拍照,这里不得不说阿里云做的好...5.域名解析 你买的域名如何跟你的空间关联起来呢,在阿里云里面,点击域名,看到域名列表后点击解析按钮,然后添加解析记录就好了。...解析记录有两种方式, 一种是直接IP地址关联的,学名叫A记录,就是说你的空间有一个ip地址,然后你只要在你的域名解析里面添加一条A记录解析到你的ip地址就可以了。...我这个网站现在就是采用这种方式解析的。 两种记录添加一种就好了,添加好了,等个十分钟,你的网站就可以通过买的域名访问了。

4.4K30
领券