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 thumbnail default size 預設縮圖尺寸表

WordPress 預設縮圖尺寸表

尺寸名 (字串)大小尺寸說明thumbnail小150 x 150 強制裁剪尺寸medium中等300 x 300 最大高度300像素medium_large中大768 x 無限高 WP4.4增加large 大1024 x 1024 最大高度1024像素full完整尺寸原始大小 

WooCommerce 預設縮圖尺寸表

尺寸名 (字串)大小尺寸說明shop_thumbnail小180 x 180強制裁剪尺寸shop_catalog中300 x 300強制裁剪尺寸shop_single中600 x[……]

Read more

WPML fix get_posts() shows all languages problem

解決WPML使用get_posts(),會顯示所有文章列表,而不是顯示當前語言文章列表

$list = get_posts(array(
	'showposts' => -1,
	'post_type' => 'wpcf7_contact_form',
	'post_status' => 'publish',
));

解決方法:

在參數中加上 ‘suppress_filters’ => false  即可,原因不明

$list = get_posts(array(
	'showposts' => -1,
	'post_type' => '[......]

Read more

WPML Ajax 無法取得翻譯文章

WPML Ajax 無法取得翻譯文章

使用WPML插件,使用Ajax取得文章,一直都沒辦法取得當前文章,只會取得預設語言文章,在這個問題上花費了好多時間,終於解決了!!!!

推測原因是WPML在 pre_get_posts  這個 hook 會override query_vars值,去對應翻譯文章分類,與得翻譯分類文章,在一般情況下是沒問題的,但使用Ajax要資料的時候,並沒有帶參數給WPML,以致WPML認為是預設語言,在 pre_get_posts  這個 hook 會override query_vars為預設語言,所以無法取得當前翻譯語言的文章。

解[……]

Read more

WordPress get_post_type() is Null

主題或插件中有時我們會用同一支程式重複使用,比如說主題的Banner,通常不會每一個頁面寫一次,而是每個頁面都會 include banner.php 檔案,這樣的好處是維護比較方便讓程式的再利用,但在banner.php中,不可能所有頁面banner全都一樣,所以在banner.php需要設定一些判斷條件,依據不同條件做不同的事。

範例:

<?php
$post_type = get_post_type( get_the_ID() );
if ( in_array( $post_type , array('page','post','custom_post_type_nam[......]

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

WordPress 主題中顯示圖片的幾種方法

取目前 post「特色圖片」

返回<img>標籤

取 post「特色圖片」

返回<img>標籤

取 post「特色圖片」網址

取媒體圖片

返回<img>標籤

取媒體圖片

返回陣列

WordPress預設圖片尺寸速查表

名稱說明尺寸thumbnail縮圖150 * 150pxmedium中300 * 300pxmedium_large中大760 * 0pxlarge大1024 * 1024pxfull完整-[……]

Read more

ACF Get field value

使用ACF 提供的Function

ACF官方建議使用ACF提供的function取得欄位值,能達到最好的相容性

get_field()
取得當前 post 的欄位值

the_field()
顯示當前 post 的欄位值

使用WordPress 原生 function

雖然ACF有提供了很好用的方法獲取欄位值,但我實在不太喜歡被綁在某個插件下,倘若我卸載ACF,呼叫ACF的方法就必然失敗,此時我再去一個個更改我的主題,就會曠日廢時,ACF其實只是一個工具,幫助我們很快速地使用而已,而它欄位的資料結構其實就是WordPress Post的標準資結構,[……]

Read more