WordPress调用默认站点图标函数 WordPress 4.3 新增了一个站点图标功能，允许站长设置网站在桌面或手机中的网站图标（favicon）。站点图标这个功能是独立于主题的，也就是无需修改主题来支持。 站点图标的默认尺寸 WordPress 站点图标默认支持以下4种尺寸： 32x32px favicon.图标 180x180px iOS苹果图标，支持 iPhone 6+ 192x192px 安卓/谷歌浏览器图标 Android......继续阅读
WordPress评论回复邮件通知勾选框美化 先看看效果图： [caption id="attachment_1367" align="alignnone" width="392"] WordPress评论回复邮件通知勾选框美化[/caption] 首先将邮件回复html部分进行结构调整至如下形式，主要就是外层盒子加上mail-notify类，而input标签加上“notify”类。 [xml] <span class="ma......继续阅读
利用WordPress短代码给文章添加卡片式内链 首先需要将如下代码放入你主题的函数模板里（functions.php） [php] /** * 卡片式文章内链功能 * https://www.yaxi.net/2018-03-20/1741.html */ function yx_embed_posts( $atts, $content = null ){ extract( shortcode_atts( array( 'ids' => ......继续阅读
WordPress 后台菜单栏添加气泡数字通知 譬如有访客评论，后台评论上就会显示红色的气泡通知，类似这样的功能，我们在开发主题的时候，也是可以用上的。 譬如后台主题升级通知（参见这篇文章） [caption id="attachment_1358" align="alignnone" width="730"] hjyl_update_theme_option[/caption] [php] function menu_add_notifica......继续阅读
纯CSS实现打赏功能模块 给自己的网站增加代码，网上搜搜看看发现大都是增加一个插件，大多数插件还是付费的，大家都知道对于wordpress来说，插件越多会越增加站点的负担，所以本人采用了纯代码的方式。废话不多说，效果图如下： 设置步骤为： 第一：将需要插入打赏功能的页面、模板（比如 single.php 文件）位置添加下面的 html 代码。 [xml] <div class="reward" s......继续阅读
WordPress评论微信推送基于“Server酱” 什么是Server酱？ 用Wordpress建站的朋友都知道文章有评论回复是可以邮件提醒的，主机mail()函数或SMTP的方式都可以。但是能不能评论留言了也有微信推送提醒呢，其实也可以！当然这里有个局限性就是仅仅提醒管理员（也就是Po主自己），需要准备的就是一个Github和一个微信号。 首先，我们来看一下官方的说法： 「Server酱」，英文名「ServerChan」，是一款「程序员」和「服务......继续阅读
WordPress 伪静态规则（IIS/Apache/Nginx） 先介绍一下用宝塔面板一键配置伪静态规则，如果你使用的宝塔面板，那么就简单了 操作步骤：进入控制面板-网站管理-设置-伪静态-选择wordpress-保存-重启服务器，就这么简单 其他面板应该也有自带配置的，比如WDCP也是有的，更多请百度 IIS伪静态规则 IIS 环境是 Windows 主机常用的服务器环境，新建一个 txt 文件，将下面的代码添加到文件中： [code] [ISAPI_Rewr......继续阅读
jQuery给GIF动画添加缩略图，不止用在WordPress jQuery让GIF图片默认为静态图片，鼠标经过时显示动态，不仅仅在WordPress，基本所有网页上GIF图片默认是显示动态的，这样如果多了，就会让网页很卡，也会消耗资源的，所以我研究了一下怎么让GIF像视频一样，显示个缩略图，等鼠标经过或者点击播放的时候播放动态图片。 首先我们来屡一下思路： 1、假设GIF图片像视频一样都是由帧组成的，我们获取其中一帧来做缩略图，嗯，在CSS3时代我们可以用c......继续阅读
轻量级的WordPress图箱插件lightbox2 算不算轻量级的呢？我也不知道，但js代码只有20kb不到，应该算吧！ 言归正传，演示见本站的图片吧 作者插件地址：https://lokeshdhakar.com/projects/lightbox2/ 主要是作者不断的更新，一直保持着插件适应最新的jquery库，所以我觉得很值得推荐。 首先看下html代码结构： [xml] <a href="images/image-1.jpg......继续阅读
基于Bootstrap4的二级菜单WordPress小插件 这个是基于Bootstrap4.0+的WordPress二级菜单的回传函数，先来看一段WordPress平时写的菜单函数wp_nav_menu的用法： [php] wp_nav_menu( array( 'theme_location' => '',//导航别名 'menu' => '', //期望显示的菜单 'container' => 'div', //容器标签 'conta......继续阅读
