-
纯CSS绘制各种箭头方法
用 CSS 即可绘制出各种箭头，无需裁剪图片，甚至没有用到 CSS3 的东西。对浏览器支持良好。以前写过一片文章，我博客的评论框就是用箭头来实现的。原理非常简单，通过截取 border(边框)的部分“拐角”实现，几行 CSS 代码即可理解。 一个梯形 当元素宽、高和边框的宽相近（等）时，改变某一边的颜色可以看到一个梯形: 三角形 当元素宽、高为零，且其他边为透明颜色时，可以形一个三角形: 任意角度…- 3
- 0
-
CSS样式表属性最佳书写顺序是怎样的？
好久没有更文了，博客都要荒废了，惭愧一下下，刚好这段时间稍微整理了一下之前写的样式表，就来说下 CSS 样式表中各个属性的书写顺序是怎样的。 像很多初学者一样，飞鸟刚开始写样式表也是很佛系的，想到什么就在样式里写什么，毫无规律。其实这样不仅不利于查看维护，更重要的是混乱的 CSS 属性书写顺序会对网页的加载渲染造成影响，拖慢页面加载速度。也就是说，一个规范的 CSS 属性书写属性也是网页优化的组成…- 15
- 0
-
文章标题链接平滑右移效果代码
在很多的博客上看到了，鼠标过去，文章列表标题抖动右移的效果。感觉挺炫的。我试了一下。在我的博客主题上感觉不太适合，所以没有继续用。不过先收着吧，以后需要的时候也可以继续用。大家可以试试！ 方法一： 优点：兼容所有浏览器，包括 IE 什么的。 缺点：代码也很短，没什么缺点。 jQuery(document).ready(function($){ $('.entry-title a'…- 7
- 0
-
网站侧边添加梅花飘落特效
给网站左右两侧添加梅花飘落特效，花瓣从空中飘落，想雪花一样非常漂亮，刚开始耍博客的时候，比较热衷于这些，其实就是给网站加上一些特效，稍微的美化下带来一点异样的感觉，如果看起来感觉还可以，并且有兴趣的话，那我们继续看下怎么操作： 步骤一 首先，在 body 中，添加一个 div，来放置梅花树枝的图片 <div id="meihua"></div> 步骤二 …- 10
- 0
-
WordPress中使用Font Awesome图标
Font Awesome 是一种矢量图标，或者叫图标字体，矢量的好处是无限缩放不会失真，可以适应各种尺寸的屏幕，省掉了做很多图片的麻烦。如果你想在自己的 WordPress 主题中使用 Font Awesome，下面介绍了方法。 插件方案： 我的博客有很多代码，但今天我要把插件放在前面，不希望大家觉得在 WordPress 中使用插件就一定会降低性能。相反，我推荐使用插件，插件小巧灵活，即…- 10
- 0
-
如何设置自己的默认首页
高级主题如何设置自己的首页？ WP 系统是个博客系统，所以 90%的模板安装以后，首页显示为博客页面，怎么把首页变为演示网站类型的企业网站首页或是其他类型的首页？方法很简单： 1.登录 WP 系统后台； 2.点设置 -> 阅读 3.首页显示 -> 一个静态页面（在下方选择） -> 选择自己建立的首页页面（如果没有创建请到页面 -> 新建页面 创建一个你想要的首页内容 ） 4… -
傻瓜方法给博客文章添加漂亮小按钮
本来准备用高上大的 CSS 给博客添加按钮来着，但是老是不成功，但是忽然想到为啥一定要用 CSS？用图片不行吗？首先寻找漂亮的空白按钮，最好是透明背景的，如果有文字图片什么的直接去水印，处理下就好了。 代码方案： <a target="_blank" href="https://www.22vd.com/%E4%B8%8B%E8%BD%BD%E5%9C%B0… -
给WordPress相关文章显示缩略图
为了增加用户体验和阅读深度，很多朋友喜欢为自己的博客添加相关文章功能，有些是纯文字的，而有些则是带缩略图的，今天这里我就简单说下带缩略图的相关文章的实现方法。 将以下代码加入 single.php 文件中想要显示带缩略图的相关文章处： <div id=”related-posts”> <div class=”caption”>带缩略图的相关文章：</div&g…- 20
- 0
-
WordPress博客PHP7.1与7.2性能对比
去年就已经使用 PHP7 版本了，那时就说 PHP7 比老版本快了很多很多，在今年，又分别出了 7.1 和 7.2 版本，从 WordPress 4.9.3 开始，该版本修复了 4.9 以来的 34 个问题。包括外观定制器更改、小工具、可视编辑器和 php 7.2 兼容性的修复。做了一些对比后，最终决定将博客环境升级到 PHP7.2 版本。 PHP7.1/7.2 对比图： 汇总 bench.php… -
WordPress实现JQuery鼠标放上后链接平滑移动效果
在不少 wordpress 博客里都有链接平移的特效，就是在鼠标移动到链接上的时候，链接平滑移动，效果如下图：下面就通过插件和代码两种方式实现这种 JQUERY 链接平移效果： 插件方式： 对于懂编程的朋友实现这个效果是非常简单的，但是对于不懂编程的站长这个插件还是非常实用的，安装即可实现链接平移效果。 1.下载插件 wp-linkmove，下载后解压。 2. 把整个文件上传到/wp-conten…- 17
- 0
-
WordPress主题添加自定义导航菜单
网站的导航菜单可能有好多个：顶部导航菜单、主导航菜单、底部导航菜单等。这里的导航，通常包含网站的栏目、特殊的页面等等。对于一个博客来说，有的时候也需要一个这样的导航。如果仅仅是调用 文章分类 或者 页面链接 作为导航的话，会比较难控制，无法自由的添加链接等。当然，成熟的 WordPress 系统已经为我们考虑到了这一点，添加了一个 “自定义菜单” 功能。使用这个功能，可以在 后台 -》 外观 -》…- 13
- 0
-
移除WordPress后台隐私相关页面
WordPress 4.9.6 版新增 Privacy（隐私）设置，个人数据导出和删除工具，主要是为了兼容欧洲即将生效的通用数据保护条例，即 General Data Protection Regulation ，简称 GDPR。对于我们只是在国内运营的博客，这些页面暂时没有必要，所以可以把后台隐私相关的内容屏蔽掉。最新 GDPR 条例已经于 2018 年 5 月 25 日生效，这是被称为史上最严… -
WordPress加入网络音乐电台
偶然看到一些博客里面加入了网络音乐电台，感觉很新鲜，而且听歌写博也和惬意。其实方法很简单，通过 iframe 可以套用现在比较流行的音乐应用，如酷狗电台，百度随心听，豆瓣电台，酷我音乐等。哈，其实只需要一行代码即可： <iframe id="mainFrame" src="http://fm.taihe.com/" height="400&q…- 10
- 0
-
is_home()判断首页无效解决办法
选择使用 WordPress 来搭建博客，主要原因便在于 WordPress 有较高的流行度，还有各种围绕其进行的 开发的扩展功能应有尽有，基本上可以说我们在博客建设中所需的任何功能，都已有人想到并得到实现，让你不必在博客具体的技术实现及功能扩展方面投入过多的精力，而更专注于内容建设。今天再给 WordPress 增加功能时，要利用 is_home()判断是否为首页，可是发现居然不起作用，一般而言… -
WordPress 自动重新发布旧文章 WP Auto Republish
创客云之前在为一个公司搭建网站的时候，对方要求可以定期自动更新旧文章的时间，这个对于大多数的公司网站来说，他们的网站内的文章基本都是很少更新的，但是又不希望访客看到是 N 年前的旧文章，所以这个功能还是有所需求的。今天就和大家分享 WP Auto Republish 这个插件，很简单就实现了我们的需求。 WP Auto Republish 插件通过将发布日期重置为当前日期来帮助恢复旧文章。这会将旧… -
代码禁用 Gutenberg（古腾堡） 编辑器
自从新的 Gutenberg 古腾堡编辑器（又名 Block Editor 编辑器）集成进 WordPress 以来，众多用户都强烈表示蓝瘦香菇，本来很简单的文字编辑操作，变得繁琐复杂，虽然用户对这个编辑器意见很大，但 WP 开发团队强推也没有办法。从 WP 5.0 开始，更是正式将这个 Gutenberg 编辑器完全融入到了 WordPress… WordPress 5.0 正式版发布以后，新的… -
谷歌(Google)被墙 解决地图和字体无法显示的问题
谷歌基本上是被和谐透了，谷歌地图 API 自然也打不开了，于是那些谷歌地图都变成空白了…总不能让访客都自己翻墙吧。 纠结了一阵子才知道原来谷歌地图的服务并没有完全被屏蔽，只是我们以前访问的域名 maps.google.com 访问不了。 这个域名的谷歌地图还是能正常访问的：http://ditu.google.cn 那么把原来的 JS 引用地址 https://maps.googleapis.co…- 16
- 0
-
WordPress首页排除某些分类
首页排除某些分类 主要有利于我们首页凸显某些我们想要展示的分类，从而排除掉其他分类，特别是你的博客分类比较多时，或者是一个 cms，但某些分类又不想显示在首页。在主题的 functions.php 添加以下代码： <?php function excludeCat($query) { if ( $query->is_home ) … -
WordPress文章中英文数字之间自动加空格
前几天分享的《WordPress 文章中英文数字间自动添加空格》一文，今天分享 JS 的方法实现中英文自动添加空格，这种方法感觉更实用，因为可以完全自定义样式。作为作为一个注意细节和力求极致的我来说，发现别人编辑的文章格式都非常的规矩，特别是在中文、英文、数字之间用空格隔开，观感和阅读上显得更加分明，也就是说整体的排版会更加的好看，但是如果在编写文章的时候去添加，就会显得特别的繁琐和降低编辑或写作…- 22
- 0
-
WordPress判断文章发布时间输出提示
今天走访博客时发现一个小功能挺好的，就是判断文章发布时间是否超过一个月时输出一段声明。因为百影阁是一个技术型、分享型网站，发布的文章时间久了可能有些技术功能已经过时、图片失效或者下载资源失效，当有访客再次阅读文章时，就应当设定一个友善的提醒，告诉他们正在阅读一个老帖子，已经发布 1 年以上或者更久，不是最新的文章，特别是当文章不显示发布日期时，这个功能更为有用，下面一个非常简单的方案可以实现这个提… -
输入QQ号自动获取用户名及邮箱
经常浏览博客且常留言的小伙伴可能会发现一些网站上为了方便用户快速输入用户信息提供了一个“输入 QQ 号快速填写信息”的功能，功能不大但确实有利于增加博客留言的积极性，希望能帮助到同样需要此功能的小伙伴们尽快部署上。在我实际的测试过程中，发现了一些小问题，于是仿造博客 112 的做法，对代码做了简单修改。好了，废话不多说，还是看下具体的部署方法。注意：对主题进行修改操作之前请自行备份需要修改的文件，…- 40
- 0
-
WordPress调用总浏览数总评论数
显示博客的总浏览、总评论数，自定义了以下二个函数，用于显示需求的这二个项。 一、找到主题下的 function.php,加入以下函数： /*总浏览数*/ function lo_all_view(){ global $wpdb; $count=0; $views= $wpdb->get_results("SELECT * FROM $wpdb->postmeta WHERE … -
WordPress评论等级博主及友链认证
给 WordPress 评论者添加等级显示，在一定程度上能够刺激用户发言的积极性，今天雅兮网就分享下目前在用的评论样式以及实现代码！作为一个博客型站点，评论功能起着举足轻重的作用，可以说访客的一言一语让整个站点“活”起来了。这时候适当给评论者加个评论等级，更有种锦上添花的感觉。一方面可以很直观的看到哪些是忠实的读者，另一外面也在一定程度上刺激了读者发言的兴趣。有朋友留言咨询，今天雅兮网就分享下目前…- 62
- 0
-
WordPress 文章页添加3篇相关文章
网站跳出率（Bounce Rate)指某个时间段内，只浏览了一页即离开网站的访问次数占总访问次数的比例。跳出率是评价一个网站性能的重要指标，跳出率高，说明网站用户体验做得不好，用户进去就跳出去了，反之如果跳出率较低，说明网站用户体验做得不错，用户能够找到自己需要的内容。简单来说，跳出率越低的网站，SEO 效果越好。 然后这篇文章的这个小功能将会非常有效地降低网站的跳出率。虽然说在文章底部加一个假的…- 325
- 0
-
￥优惠劵使用时效：无法使用使用时效：
之前
使用时效：永久有效优惠劵ID：×