Blog & Insights

Latest Articles

Discover the latest news, tutorials, and insights about AI prompts and productivity.

72 Articles
14 Categories
Jan 20, 2023 1 min read

如何给网站添加头部可关闭的横幅广告(像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”,...

Jan 19, 2023 1 min read

WP和任意网站如何按钮切换黑暗模式和白昼模式

首先我们先给body标签添加class名字:<body class=”light-mode”> 然后去任意你想要添加切换按钮的地方添加切换按钮:<button id=”toggle-mode”>Toggle Mode</button> 注意class名称和下面的js和css文件要对应。 然后添加css样式: 然后通过Js来实现点击按钮的时候切换class样式即可: 具体样式可根据自己的需求调整。

Jan 19, 2023 2 min read

WordPress文章如何添加浏览次数

在主题文件夹下面的inc文件夹(如果没有就新建一个),新建一个postviews.php文件,然后在functions.php里面引入: 然后在文件里粘贴: 然后在single.php里面头部get_header() 函数上面添加函数:tie_setPostViews() 就可以了。这样每次浏览文章的时候就会自动执行tie_setPostViews() 函数来新增一次浏览次数的字段。 这种模式不能开启缓存,开启缓存了要用到ajax的方式。这个方式下次我们会讲到。

Jan 15, 2023 1 min read

jQuery的success\error和done\fail

在jQuery里面,success和error和done,fail函数做的事情都是一样的。 success参数特定回调函数当请求顺利完成时,然后从后端获取到data作为自己传递的参数。 .done()方法是可链接的方法,用于附加一个回调函数,该函数在AJAX请求成功时执行,并接收从服务器返回的数据作为其参数。 error参数用于指定当AJAX请求失败时执行的回调函数,并接收错误详细信息作为其参数。fail方法是一种可链接的方法,用于附加在AJAX请求失败时执行的回调函数,并接收错误详细信息作为其参数。正如你所看到的,成功和成功是在做相同的事情,而错误和失败是在做同样的事情。jQuery1.5中引入了done和fail方法,并建议使用来取代success和error,以提高可读性和灵活性。

Jan 14, 2023 2 min read

WordPress利用wp ajax 获取分类帖子并实现加载更多教程

首先html的button里面要加载data-category=category_id 的参数: 然后创建jquery的ajax文件来发送ajax: 然后在functions.php里面创建wp_ajax的回调参数来输出response到js. 要处理loadmore按钮,可以向按钮添加一个单击事件处理程序,并发出另一个AJAX请求以获取更多帖子。在本例中,我们将假设loadmore按钮具有类“loadmore” 要在服务器端处理loadmore按钮,您需要创建另一个函数来处理这个AJAX请求。此函数应该与您之前创建的函数类似,但有一些不同。您需要向查询中添加偏移量参数,还需要添加一种方法来控制每页的帖子数。

Jan 12, 2023 7 min read

wordpress分页函数和教程

用法 在主题文件夹下新建一个pagenavi.php文件,然后把代码粘贴进去,然后在functions.php里导入文件, 然后在需要分页的页面添加函数: $query是代表当前的查询,也就是wp_query, 如果是默认的wp_query,也就是没有自定义的wp_query, 就为空,如果你的自定义查询是$the_query,就为$the_query.

Jan 12, 2023 4 min read

WP自定义的nav walker及讲解

你可以利用wp的walker class来实现自定义二级甚至mage menu菜单。 各部分逐行讲解 该行创建了一个名为 Custom_Nav_Walker 的新类,并扩展了内置的 Walker_Nav_Menu 类。 通过扩展内置类,我们可以使用它的功能和方法,还可以覆盖某些方法来自定义输出。 为每个菜单项调用 start_el 方法,它负责为起始 li标记和链接a标记生成 HTML。 &$output 参数通过引用传递,这意味着在此方法中对其所做的任何更改都将反映在最终的 HTML 输出中。 传递给此方法的其他参数是:...

Stay Updated

Subscribe to our newsletter and never miss the latest AI prompt tips and insights.