Archive: Category: WordPress教程
如何给网站添加头部可关闭的横幅广告（像justnews一样）
首先在body标签上面添加横幅的html代码，通过设置top banner的display:none 来实现 一开始网站加载时候隐藏横幅： 然后在css文件里面，添加横幅的css，来实现横幅和关闭符号的位置对应： 上面css设置了横幅在浏览器的最上方固定，设置了最大宽度为1230， 宽度为80%， 使用left50%加上transform:translatex 方法来实现居中，加上z-index:999 来实现覆盖到最顶层。通过设置top banner为position:relative 和设置close button 为position absolut 来实现关闭的icon位于图片的右上角。（设置图片的宽度为100%）。通过设置::before属性来实现图片添加icon。 接下来通过javascript来实现网站加载时候更改top banner的style为display:block, 然后通过点击关闭按钮，来实现style变为display:none. document.getElementById(“close-button”).addEventListener(“click”,...
WordPress怎样检测访客是否将网站添加到收藏以及如何统计收藏数量并且展示出来
下面这段代码通过Js来检测访客是否收藏本网站： 将收藏数量统计到数据库，我们可以使用option的api。 利用update_option来更新收藏统计的字段： 如果要输出收藏的字段，可以使用：
WP和任意网站如何按钮切换黑暗模式和白昼模式
首先我们先给body标签添加class名字：<body class=”light-mode”> 然后去任意你想要添加切换按钮的地方添加切换按钮：<button id=”toggle-mode”>Toggle Mode</button> 注意class名称和下面的js和css文件要对应。 然后添加css样式： 然后通过Js来实现点击按钮的时候切换class样式即可： 具体样式可根据自己的需求调整。
WordPress文章如何添加浏览次数
在主题文件夹下面的inc文件夹（如果没有就新建一个），新建一个postviews.php文件，然后在functions.php里面引入： 然后在文件里粘贴： 然后在single.php里面头部get_header() 函数上面添加函数：tie_setPostViews() 就可以了。这样每次浏览文章的时候就会自动执行tie_setPostViews() 函数来新增一次浏览次数的字段。 这种模式不能开启缓存，开启缓存了要用到ajax的方式。这个方式下次我们会讲到。
WordPress利用wp ajax 获取分类帖子并实现加载更多教程
首先html的button里面要加载data-category=category_id 的参数： 然后创建jquery的ajax文件来发送ajax: 然后在functions.php里面创建wp_ajax的回调参数来输出response到js. 要处理loadmore按钮，可以向按钮添加一个单击事件处理程序，并发出另一个AJAX请求以获取更多帖子。在本例中，我们将假设loadmore按钮具有类“loadmore” 要在服务器端处理loadmore按钮，您需要创建另一个函数来处理这个AJAX请求。此函数应该与您之前创建的函数类似，但有一些不同。您需要向查询中添加偏移量参数，还需要添加一种方法来控制每页的帖子数。
wordpress分页函数和教程
用法 在主题文件夹下新建一个pagenavi.php文件，然后把代码粘贴进去，然后在functions.php里导入文件， 然后在需要分页的页面添加函数： $query是代表当前的查询，也就是wp_query, 如果是默认的wp_query，也就是没有自定义的wp_query， 就为空，如果你的自定义查询是$the_query，就为$the_query.
WP自定义的nav walker及讲解
你可以利用wp的walker class来实现自定义二级甚至mage menu菜单。 各部分逐行讲解 该行创建了一个名为 Custom_Nav_Walker 的新类，并扩展了内置的 Walker_Nav_Menu 类。 通过扩展内置类，我们可以使用它的功能和方法，还可以覆盖某些方法来自定义输出。 为每个菜单项调用 start_el 方法，它负责为起始 li标记和链接a标记生成 HTML。 &$output 参数通过引用传递，这意味着在此方法中对其所做的任何更改都将反映在最终的 HTML 输出中。 传递给此方法的其他参数是：...
WordPress主题如何添加下雪特效
添加下雪效果有很多方法，我们这里只讲用snowstorm.js来实现。 首先去Github下载snowstorm.js，或者点击这个链接下载：点击打开后点击链接另存为就可以： https://aprompt.com.cn/wp-content/themes/sahifa/js/snowstorm-min.js 首先将snowstorm.js文件上传到主题下面的js文件夹，然后在functions.php里面通过wp_enqueue_script函数导入， 将下面代码复制粘贴到functions.php 这里已经加载了snowstorm.js这个文件了。 接下来是初始化。如果你的主题选项里有可以直接添加javascript代码的地方，直接将这段代码添加进去，就初始化了snowstorm， 网页就会显示出来： 如果后台没有可以添加javascript的地方，那么有几种方法可以实现，首先，你可以去后台插件处安装一个叫codesnippet的插件，这插件允许你在主题上插入任何代码，甚至php代码。 如果你不想安装插件，你可以用wp_footer钩子，将这个代码复制粘贴到functions.php。 snowStorm.snowFlakeWidth = 60; snowStorm.snowFlakeHeight = 60; snowStorm.flakesMax = 128; snowStorm.flakesMaxActive...