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

jQuery TypeError: $(…). is not a function 簡單的解決方法

WordPress 開發插件,使用jQuery的時候出現下列錯誤

TypeError: $(…). is not a function

在 WordPress 中調用 jQuery 選擇器(Selector)不能使用金錢符號  $  ,原因我也不知道

要使用 jQuery 作為選擇器 (Selector)

但有些是以前寫的,要把它們運用在WordPress上前要把所有金錢符號  $  都改掉,有點麻煩,也可能會造成未知的Bug,因此,可以使用以下方法簡單解決這問題

解決方法:

於 jQuery 載入完[……]

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

WordPress Fix TypeError: p.easing[this.easing] is not a function

Fix TypeError: p.easing[this.easing] is not a function

function v123_dev_main_scripts() {
        wp_enqueue_script('jquery');
        wp_enqueue_script('jquery-ui-core');
	wp_enqueue_script('jquery-effects-core');
}
add_action('wp_enqueue_scripts', 'v123_dev_main_scripts');

 [……]

Read more

Fix WordPress jQuery not working? 解決 WordPress 無法使用 jQuery 問題

設計WordPress主題或插件開發時,常會需要使用jQuery,WordPress其實很貼心的已經載入jQuery,但實際使用時發現,原本可以跑的jQuery程式,放進WordPress卻不能跑了,才知道原來WordPress的jQuery要這樣寫。

 

WordPress 頁面中,確實看到 jQuery 已載入

<script type='text/javascript' src='https://yourdomain.com/wp-includes/js/jquery/jquery.js?ver=1.11.1'></script>
<sc[......]

Read more

WordPress jQuery 搜尋及替代文字

主題偷吃步 – jQuery 搜尋及替代文字

在設計WordPress時,常需要替換一些文字,但為了一點文字就去更改主題或子主題,有點殺雞用牛刀,況且為了這一點小東西直接去改主題並不是一個好選擇,除非永遠不去更新主題,否則主題更新後,問題又回來了,所以下方這段代碼算是偷吃步,用jQuery去替代文字就好,主題更新也不會有影響,雖然不正規,不過相當管用。

/*
   v123 DEV
   https://v123.tw
*/
jQuery(document).ready(function(e) {
	var textarea=jQuery('span.excerpt-hellip[......]

Read more