用户体验归档 _WordPress智库

与 WordPress 一起使用 HTMX 在不使用复杂框架的情况下增强平台功能

Development Skills

虽然变成语言的选择有很多，但是每种语言都适合自己的应用场景，随着技术的发展，Web开发正在逐渐形成几种可靠的技术。对于 WordPress 来说尤其如此。尽管用户对动态和交互式网站的期望仍然很高，但 JavaScript 在该平台上仍处于成熟期…

Set of colorful sour gummy sweets in sprinkle assorted chaotically on beige surface

In WooCommerce, mounting custom functions to JS events triggered by user selection of a variant

Development Skills

WooCommerce user experience 2024-05-10

As we know, in WooCommerce, when the user selects a variant, the product's image, album, and price will change with it, and it is obvious that these changes are realized by JS changing the page content. So, can we add some customized changes after the user selects a variant? Of course we can. After the user selects the product variant,...

Add Modified Date Data Column to WordPress Backend Post List and Support Sorting by Modified Date

Theme Development Sharing

Article List user experience 2024-05-06

WordPress background post list can be sorted by release date, click the date table header to switch the sorting direction, very convenient. We know that, similar to the release time, there is also a modification time field in the WordPress post data table, is it possible to display the "modification time" field inside the post list, and make the post list...

在 WordPress 4.4 中恢复”获取短链接地址” 按钮的功能

Development Skills

Back-office customization user experience 2015-12-16

在 WordPress4.4中，文章编辑界面的“获取短链接（Get Shortlink）” 和“查看文章”按钮被隐藏掉到，查看按钮的连接直接被显示在了固定连接的 URL 上，并不影响使用，并且还简化了界面，而“获取短链接”被彻彻底底的隐藏了，可能是考聊到这…

修改WordPress仪表盘中“查看站点”的打开方式为新标签页中打开

Development Skills

Back-office customization user experience 2015-08-27

WordPress仪表盘中有一些很不人性化的地方，比如下图中圈出的“View Site”链接，在中文后台中是“查看站点”。点击这个链接的时候，网站首页直接在当前标签页中打开了，很多时候，我们在后台修改了一些东西，想打开首页预览一下效果，如果…

禁用WordPress 4.3中的可视化编辑器快捷方式

Development Skills

Back-office customization user experience 2015-08-25

WordPress4.3为我们带来了可视化编辑器快捷方式的功能，可以通过简单的几个字符为文章添加标题、有序列表、无需列表、引用等元素。这些快捷方式可以减少鼠标操作，让我们更专注于文章的写作。然而，并不是所有人都喜欢这功能，WordPress…

Improve in-site link opening speed with InstantClick preloading

Front-end development skills

accelerations Performance user experience 2015-06-24

Often visit this site friends may find that the site page links to open the speed of a lot faster, many times click on a link can even achieve the effect of a second to open, there is no wait, the experience is very refreshing. Today we will introduce the black technology to achieve this effect - InstantClick. InstantClick accelerate the opening of links in the station ...

让用户发表文章前必须设置一张特色图片

Development Skills

特色图像 user experience thumbnail 2015-05-25

图文并茂是网站可读性的一个重要原则，对于多用户网站，一些编辑为了偷懒，或者仅仅是忘记了，经常会出现文章没有添加特色图像的现象，这会在一定程度上影响网站的用户体验。如果可以在发表文章之前判断一下用户是否设置了特色图片，如…

WordPress 出现 404 页面时发送警告邮件给管理员

WP Administration

user experience Web site operation mails 2015-05-24

一个网站运行时间长了，难免会出现 404 页面，404 页面会给用户留下不好的印象，影响用户体验，如果我们能及时发现 404 页面，并很快修复，用户就会觉得我们的网站很靠谱，同时也有助于提升网站的 SEO 友好度。下面的代码可以在 WordPre…

WordPress user center subscription column function implementation - Ajax plugin-free way

Theme Development Sharing

Ajax json user center user experience 2015-05-14

Use NetEase news client to watch the news friends of NetEase News news column subscription function will be more familiar with. WordPress has a very powerful and convenient content management interface, very suitable for doing a news information website. If your website has a lot of columns, provide a subscription function, so that users only subscribe to their own interest in...

怎么在WordPress中显示随机图片作为背景

Development Skills

photograph user experience 随机 2015-03-27

如果一个网站中的内容大部分都是文字，相比很少人愿意看，适当的为网站增加一些图片，可以马上使网站的版面活跃起来。可是为网站内容配图可不是一件轻松的事情，这时候显示一些随机图片可以省不少力气和时间。本文为大家介绍一个在WordP…

WordPress 在后台文章列表页面显示文章字数数据列

Admin development

Article List user experience 2015-02-28

WordPress是一个很好的内容管理系统，帮一个公司开发过一个基于WordPress的新闻网站，该公司有多名编辑，公司主管对每篇新闻文章的字数有要求，以前的CMS不支持文章字数的显示，对编辑文章字数的统计都是通过Word进行的，很麻烦，了解到…

jQuery to realize the effect of dynamically shrinking the navigation bar when scrolling.

Front-end development skills

jQuery user experience 2015-02-09

In the beginning of the introduction, we first look at the following effect, with QQ screenshot, the effect is very unclear, but can explain the problem. How to realize this effect? Used more often as jQuery waypoints plugin, in fact, do not use jQuery plugin, a very simple piece of jQuery code can achieve such an effect ...

WooCommerce在购物车中显示商品的总重量

Theme Development Sharing

WooCommerce user experience e-commerce 2015-02-09

WooCommerce每个商品都会有一个重量参数，在有些WooCommerce电子商务站点上，购物的运费是要根据重量计算的，这种情况下，在购物车中显示一个添加到购物车中所有商品的总重量是非常重要的。WooCommerce的订单是有一个总重量字段的，只不…

Adding a smooth scrolling effect to web page anchor text with jQuery

Front-end development skills

jQuery user experience 2015-02-08

When we browse some websites, we will find that when we click on the links in the navigation bar, the page will scroll very smoothly to the corresponding position below the webpage, compared to the browser's default of jumping over, the user experience is undoubtedly much friendlier, in fact, to display this effect only needs a simple piece of jQuery code.$(function() { $('a...

根据文章的新鲜度调整时间的显示方式，类似阿里百秀的时间显示方式

Development Skills

user experience Customized Functions 2014-12-15

今天在看阿里百秀的网站时，发现有一个比较贴心的功能，如下图，文章发布的日期可以随着文章新鲜度的不同而变化，比如今天发表的文章，发布时间具体到某一分钟，而昨天发布的文章，直接显示昨天，再往前，就直接显示日期了。个人觉得…

自定义 URL Rewrite Rules 规则实现附件页面伪静态

Development Skills

伪静态 user experience 2014-09-01

WordPress 默认的附件链接没有伪静态支持，而有一些网站是需要展示附件内容的，这时候，把附件链接转为伪静态的形式是很有必要的。比如下面的例子。这个类似于百度文库的东西其实就是个由 Word 转换成的 swf 文件，上传到 WordPress 站…

WordPress 后台选择分类后依然按默认的分级方法显示

Admin development

Back-office customization user experience 2014-07-25

如果WordPress分类目录中有多级分类，我们选择了一个分类后，分类的显示方式就变成这样的了。不方便的显示方式这给我们维护内容带来了很大的不便，不知道这个分类是否有父级分类，或者属于哪个父级分类。不知道WordPress团队把分类做成…

在 WordPress 中使用 Ajax 提升用户体验度

Theme Development Sharing

Ajax user experience 2014-02-17

在页面上提交一些简单的数据时，使用 Ajax 操作可以避免刷新整个页面，快速的完成数据的提交和界面的更新，对于一些简单的操作，使用 Ajax 提交和更新数据会给用户比较好的体验，大家见得比较多的 Ajax 实例应该就是 QQ 空间的点赞和收…

Add current css class to the current menu item using jQuery.

Development Skills

jQuery user experience 2014-01-17

Do the process of the website, we often need to add a CSS class to the current menu item (such as active or current), and then write some styles for this CSS class to indicate the user position. This is good for improving the user experience of the site, the user can see at a glance which page is currently in. If you are using Word...

WP Zhiku

Menu

用户体验

与 WordPress 一起使用 HTMX 在不使用复杂框架的情况下增强平台功能

In WooCommerce, mounting custom functions to JS events triggered by user selection of a variant

Add Modified Date Data Column to WordPress Backend Post List and Support Sorting by Modified Date

在 WordPress 4.4 中恢复”获取短链接地址” 按钮的功能

修改WordPress仪表盘中“查看站点”的打开方式为新标签页中打开

禁用WordPress 4.3中的可视化编辑器快捷方式

Improve in-site link opening speed with InstantClick preloading

让用户发表文章前必须设置一张特色图片

WordPress 出现 404 页面时发送警告邮件给管理员

WordPress user center subscription column function implementation - Ajax plugin-free way

怎么在WordPress中显示随机图片作为背景

WordPress 在后台文章列表页面显示文章字数数据列

jQuery to realize the effect of dynamically shrinking the navigation bar when scrolling.

WooCommerce在购物车中显示商品的总重量

Adding a smooth scrolling effect to web page anchor text with jQuery

根据文章的新鲜度调整时间的显示方式，类似阿里百秀的时间显示方式

自定义 URL Rewrite Rules 规则实现附件页面伪静态

WordPress 后台选择分类后依然按默认的分级方法显示

在 WordPress 中使用 Ajax 提升用户体验度

Add current css class to the current menu item using jQuery.