分類: 主題開發

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