标签

HTML

文章缩略图
css HTML 信息技术

网页利用 view-transition 仿 AppStore 转场动画

其实上个月为了体验这功能就做了这个demo项目，碍于后面有些事忙起来遗忘了，这次补发文章出来。 介绍一下 view-transition 背景，是 Web 开发中用于实现 DOM 元素过渡效果的技术，在24年中旬引入，现在各大主流浏览器也已经支持了，除了火狐（真的会有人用火狐吗）。 项目链接：https://github.com/miniwater/AppStore 示例：miniwater.gi ...
AppStore HTML HTML5 view-transition
文章缩略图
HTML WordPress 信息技术

一秒钟，把大家网站底裤扒出来 — Wappalyzer

对于许多人来说，深入了解一个网站背后使用的技术是非常有趣的。 也许你是一个开发者，想知道竞争对手使用的技术堆栈，或者你是一个数字营销者，想要知道一个网站使用的分析工具。无论你是哪一种，Wappalyzer 插件都是一个强大的工具，它能够迅速、准确地揭示网站所使用的技术。 只需要在浏览器中安装这款插件 Chrome: https://chromewebstore.google.com/detail/ ...
HTML Wappalyzer 技术架构
HTML PHP WordPress 信息技术

WordPress 简单代码实现 外链跳转安全提示

通过代码方式实现知乎那种外链跳转提示 可以自行定制提示页面 目前不清楚对搜索引擎是正收益还是负收益 核心代码 使用get传参进行传值，如以下这样 如果需要把网址直接写到url里面，可以自行小调整实现 改写文中所有url地址，进行base64编码 注释掉的那行为url传值，需要自己另外实现方法截取地址请求地址 添加提示页面模板 创建 link-tempate.php 模板文件，用于自定义返回页面内容 ...
HTML PHP WordPress 外链
HTML nginx 信息技术

为Nginx站点添加防盗链

如果你发现网站没什么人访问但是服务器流量却哗哗的走，有一种可能是你的静态资源被盗用了，别人网站展示的图片，却从你的服务器上加载。 作用 主要防止其他网站直接引用自己网站的资源 原理 正常用户，正常浏览器，浏览A网站加载图片的时候，会在HTTP的头信息携带Referer这个参数，里面包含了A网站的网址。 Nginx通过检查HTTP的头携带的Referer参数，判断是否是自己的网址，如果不是，则拒绝访 ...
HTML http nginx referer 网络安全 防盗链
HTML js PHP WordPress 信息技术

WordPress文章中自动转义"&"成"&038;"

今天发现在文章内用自定义html写js时，&号会被自动转义成 &038; 。 html元素转义不要紧，但是js转义就直接报错了。 网上说在 function 里加各种代码都不行。 分享一个官方的解决方法： https://codex.wordpress.org/Using_Javascript 在自定义html内写入： 这时候就算换行，wordpress也不会给你加入<p&g ...
& &038; HTML js WordPress
PHP WordPress 信息技术

WordPress后台顶部添加显示选项和帮助选项卡

如何在后台顶部右上角添加 显示选项卡 和 帮助选项卡 。 通过wordpress提供的接口可以轻易实现该功能。 在 add_action('admin_menu', '') 创建菜单中，添加以下内容： 保存刷新便能在页面顶部看到内容了。 但如果你点进显示选项卡修改分页数，会发现数值无法保存，怎么点击都是默认数20，其实这需要另外手动实现方法保存。 wordpress提供了保存选项的实现方法。 但是 ...
HTML menu PHP WordPress WordPress后台 帮助选项 显示选项 菜单
css HTML 信息技术

冷门的css属性：initial

分享一个比较强硬的属性, 可以把几乎所有css属性进行重置。前端在 ctrl + c 时就不用这么痛苦检查样式了，虽然没办法像 <iframe src="..."></iframe> 那样彻底隔离 css 和 js 。 一键隔离所有父级css属性： 还可以单独还原css属性默认值： 属性值 值 描述 initial 修改所有元素属性的值为其初始化值 inherit 修改所有元素属性的值 ...
CSS HTML
HTML PHP WordPress 信息技术

2024纯代码美化WordPress登录页

内容来自：https://www.iowen.cn/chundaimameihuawordpressmorendengluye/ PHP源代码： 将代码添加到WordPress主题的“functions.php”文件中即可。 我试了一下，踏马直接报错 毕竟两年前的文章，还是要修改一下才行。 上修复后的代码： $ico 里替换自己logo。 $img 里替换左边图标 css里没适配多语言切换按钮，只 ...
CSS HTML login WordPress 定制 登录 美化