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

WooCommerce & WordPress 隐藏未分类

WordPress 或 WooCommerce 预设都会有一个未分类,顾名思义,是用来储存没有设定分类的文章,但在前端页面跑出这个“未分类”很奇怪,所以本篇要教大家怎么隐藏它

隐藏与删除未分类

隐藏予删除有本质上的不一样,未分类其实还是一个很好用的功能,能让编辑快速的找到还没有被编入分类的文章进行操作,只是前端我不想出现这个分类罢了,所以只需要在前端隐藏未分类就可以了

您仍然想删除未分类,可参考下列连结
https://passwordprotectwp.com/remove-uncategorized-wordpress/

隐藏文章未分类

首先我们必须将未分类[……]

Read more

WordPress get page by slug

Docs : https://developer.wordpress.org/reference/functions/get_page_by_path/

由页面的 slug (名称、代称、路径 ) 之字串取得,页面的物件

example :

参考

https://stackoverflow.com/a/29770273
https://gist.github.com/lcdsantos/b25d21a0afb85bd89a41fc48afb6b609
https://developer.wordpress.org/reference/functions/get_page[……]

Read more

WordPress show all category page using rewrite rules

WordPress 文章列表我找不到不分类网址耶,我不知道到底有没有

工作需要,我必须解决它,于是我新增了一个虚拟的网址,用来显示分类页,所有类别文章

用来显示所有分类页面,分类 category 的这个路径支援 WordPress 原生地设定,可以修改它。

新增一个网址 rewrite 规则

这边有个很重要的一点,建立完重写规则,必须要到WordPress后台 设定 > 永久连结 > 储存设定,重新建立重写规则,如果是写在插件上,可以使用另一种方式,在启动插件的时候执行 flush_rewrite_rules() 重新建立重写规则,但是请不要写把 flush_re[......]

Read more

WPML get different language url

主题开发很常会用到 home_url() 来取得页面网址

但使用 WPML Plugin 来开发多国语言主题时,要先了解 home_url() & site_url() 的差异,假设目前页面语言为“英文”,网址位于 en 这个目录中

同语言中切换页面

WPML 很聪明,一样可以使用惯用 home_url() 做为页面连结就可以了,不需要带 en 这个 language code 目录,如果带 en 这个 language code 目录也没有关系,以下三个用法,结果是一样的

连结网址输出为:

切换不同语言

这部分要特别注意,需要使用[......]

Read more

WordPress allow SVG file upload

很抱歉,基于安全性考量,系统不接受这个档案类型。

WordPress 基于安全性,预设阻止SVG档案上传,若开发过程中需要使用SVG档案上传功能,就必须手动去开启,本文介绍两种方式来解决这个问题

安装插件

插件:SVG Support
这是最简单的解决方法,这是一款免费插件,只要安装插件开启就可以了,其他动作交给插件来处理

代码修改

一般情况下开发者并不想要安装太多的插件,可以透过下方代码,一样能开启SVG档案上传功能

请将下列代码置于主题根目录下的 fuctions.php 文件

参考:

[……]

Read more