WordPress 简单移除网址最后斜线

WordPress 网址最后方都加一个斜线,一般情况下没什么影响,也没特别注意,但基于种种原因,可能基于客户需要追踪行销成效,已经设定好追踪的网址,迫于配合客户的无奈,就必须思考如何移除网址后方斜线

WordPress预设网址

以本文为例,网址后方会带斜线

希望把它改成(移除最后端斜线)

设定永久连结

其实很简单,登入WordPress后台“设定”> “永久连结”

把最后方的斜线删除即可,接着按储存设定

原本网址会失效吗?

不会的,不管网址有没有加斜线,都会导到没加斜线的页面,也就是说,下方这两个网址都可以连到这篇文章喔

[……]

Read more

WordPress MySQL #1067 – Invalid default value for ‘post_date’

datetime 的预设值设定为 0000-00-00 00:00:00 在旧版本没问题,但在MySQL5.7后会出现 错误,主要原因从 MySQL 5.7 开始,SQL 模式预设为 NO_ZERO_DATE ,需禁用此限制。本文提供两种解法:

方法一、

先将栏位预设值设定为NULL:

再更新预设值

方法二、

先执行关闭 NO_ZERO_DATE 模式

就可以顺利执行

https://stackoverflow.com/a/37696251/6784662
https://stackoverflow.com/a/3282962[……]

Read more

Elementor nav menu dropdown align center

Elementor menu widget 下拉选单,预设靠左对齐,我找不到选项去调整子选单的对齐方式,想说用 CSS 下 text-align:center 就好,结果不是,Elementor子选单内的 a 标签是用 flex 去对齐的,所以要用 flex 的方式去对齐

flex 内容置中

在这边会透过下列 CSS 达成水平置中

如果要靠左,可以换成下列 CSS

Step 1

下方 CSS 贴到主题的 style.css 文件,或贴到 menu widget 进阶选项的自订样式栏位中,我自己是习惯写在 style.css 以免时间一久自己写在[……]

Read more

Elementor form 停用 Ajax ,Js 自订发送动作

Elementor 的 form widget 实在好用,透过所见及所得的方式就可以拉出精美表单,虽然Elementor 已经很贴心地整合很多表单发送后的动作,但还是有些情况并不一定适用,比如说在官网的表单其实是要发送至另一个系统,这些预设程序就无法处理,虽然 Elementor 有提供 API 可以去扩充这些程序,但这些处理程序是表单透过 Ajax 方式发送至后端处理,这种情况,除非目标的系统也开出对应的API端口,就可以顺利衔接,但有些时候目标系统并不是我们能控制的,仅能透过传统的 Http post 方式传递表单资料到目标系统,但 Elementor 目前没有开启或关闭 Ajax 的选项[……]

Read more

Elementor Widget Posts Pagination Link causing “too many redirect” Error

问题描述

目前使用 Elementor Pro 3.1.0

WordPress 使用 Elementor 编辑器编辑页面,于页面中插入“文章”这个小工具并开启页码选项,小工具产生的页码连结,于预览时连结正常,但于发布的网页,点击会造成浏览器 ERR_TOO_MANY_REDIRECTS 错误,以致不能造访第二页之后的页面

新增 Elementor Posts Widget

开启页码选项

在 Elementor 预览的模式中是正常的,在分类的模板中也是正常可运行的,而在页面中产生分类列表分页连结就有这问题,我不确定是不是Bug,Posts Widget[……]

Read more

Elementor sticky footer

无法接受内容少的时候,或萤幕解析度较大的时候 Footer 浮在半空中,这会让我很难过,以前切HTML就有这种症状,在WordPress中也是一样,无法接受,所以花了一些时间找到一个最简单的解决方法

以下几行CSS就可以搞定

https://stackoverflow.com/a/59071640
https://css-tricks.com/couple-takes-sticky-footer/#article-header-id-3
https://stackoverflow.com/q/1488565

[……]

Read more

WooCommerce JavaScript/jQuery events 懒人包

WooCommerce 为让介面友善频繁使用 javascript / jQuery 透过 Ajax 异步更新“动态资料”或“版面区块”,对于开发者而言,也必须处理前端的异步更新后的资料,通常会借由event 去触发特定程式,bagerathan 贴心的整理出 WooCommerce 商品页 ( product page )、购物车页 ( cart page )、结帐页 ( checkout page ) 常用 js 事件( event )对照表,方便开发者速查

https://gist.github.com/bagerathan/2b57e7413bfdd09afa04c7be[……]

Read more

WordPress customize site title in theme

大部分看到都是用 wp_title 这个 filter 去改,但对于我 wp_title 不起作用,我找到资料提到自 Wordpress v4.4.0 起,标题的生成方式已更改。这也许是我用 wp_title 仍无法修改的主因

最简单的用法

以下范例是最简单的做法,将下列代码置主题根目录下的 functions.php

加入一些判断

更多判断

虽然 wp_title 对我不起作用,但官网文件仍然有价值,可以参考其判断方式,这边做了一点点的修改,一样可以套用 wp_title 的处理方法
https://developer.wordpress.org/refe[……]

Read more

WordPress theme not showing site title in head

如果您开发的主题,没有出现标题,需要检查一下当前主题是否包含:

如果主题中找不到,请在主题根目录加入它,必须要在 after_setup_theme 这个 Hook 中,实际范例如下

https://wordpress.stackexchange.com/a/296877/116304

https://developer.wordpress.org/reference/functions/wp_title/

[……]

Read more

elementor action after form submit

虽然 elementor 有很丰富的表单发送后的处理动作,针对特别情况,例如我们希望把表单资料转存至自家的CRM保存,这时就要自订义表单发送后的处理动作了,以下官方文件中自订义表单发送后的动作

https://developers.elementor.com/forms-api/#Form_New_Record_Action

[……]

Read more