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

請將下列代碼置於主題根目錄下的 fuctions.php 文件

最後輸出結果

透過語言[……]

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