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

Betheme single page header transparent

Betheme 是很优秀的 WordPress 多功能主题,他有很多预置的模板很方便,但实务上开发一个 WordPress 网站,难免需要自订义 single page,我不知道为什么?自订义 single page 好像不能设定 header 透明背景的样式,我就透过CSS的方式来设定 header 透明背景,如果你也需要这功能,可以参考下列代码:

[……]

Read more

WPML append current language Code in body tag

WPML 是什么?

是一个出色的 WordPress 多国语言插件,功能非常强大
官网:https://wpml.org

在 body 标签的 class 中加入当前的语言代码

在进行多国语言网站开发的时候,会希望 Body 上面有一个可以判断语言的 Class 可以让 CSS 或 JavaScript 这类前端程式可以借此方便去调整文字的样式或功能等等,以样式为例,因为不同语言的字宽可能不太一样,通常需要再进行一些针对语言的样式调整,以下代码可在 body 标签的 class 上加入目前的 Language Code

请将下列代码置于主题根目录下的 fuction[……]

Read more

WordPress Load css or script in Footer

主题或外挂载入 CSS 或 JS 档案

一般情况下,会在 Head 中载入 CSS & JS 档,可参考此篇:
WordPress 插件或主题载入 CSS & JS 档案

于 Footer 中载入 CSS 或 JS 档案

放在 footer 中主要有两种情况,不那么重要的档案,放在 Footer 中最后载入,可以增加页面开启的速度,另外一种就是主题或插件把 style 直接 output 在页面中,我们在 Head 中载入的 CSS 无法覆蓋这些样式,所以放到 Footer 以覆蓋这些样式。

范例:

[……]

Read more