[wordpress]主題臉書分享按鈕

目前手上的兩個主題臉書分享按鈕都出現問題
共同點都是使用https://www.facebook.com/sharer.php這個方式去分享

查了原因後發現臉書似乎已經不建議使用這個方式去分享

但是為了不大幅修改主題的情況下，
把image這個停用的功能拿掉即可

在主題底下搜尋sharer.php這個關鍵字即可找到

[wordpress]woocommerce自訂結帳欄位順序

function custom_override_checkout( $fields ) {
// billing address
$fields['billing']['billing_first_name']['class'] = array('form-row-last');
$fields['billing']['billing_last_name']['class'] = array('form-row-first');
$fields['billing']['billing_phone']['class'] = array('form-row-first');
$fields['billing']['billing_email']['class'] = array('form-row-wide');




// billing address order
$billing_order = array(
"billing_country",
"billing_last_name",
"billing_first_name",
"billing_company",
"billing_address_1",
"billing_address_2",
"billing_city",
"billing_state",
"billing_postcode",
"billing_email",
"billing_phone"
);


foreach($billing_order as $field)
{
$billing_ordered_fields[$field] = $fields["billing"][$field];
}

$fields["billing"] = $billing_ordered_fields;

return $fields;
}

add_filter( 'woocommerce_checkout_fields' , 'custom_override_checkout' );

[wordpress]woocommerce購物車商品類型中文顯示亂碼

將plugins\woocommerce\templates\cart\cart-item-data.php

<dd class="variation-<?php echo sanitize_html_class( $data['key'] ); ?>"><?php echo wp_kses_post( wpautop( $data['display'] ) ); ?></dd>

改成以下

<dd class="variation-<?php echo sanitize_html_class( $data['key'] ); ?>"><?php echo wp_kses_post( wpautop( urldecode($data['display']) ) ); ?></dd>


再放入主題的woocommerce\cart\下面即可

[javacript]偵測螢幕scroll bar 滑動

<script type="text/javascript">
jQuery(document).ready(function(){
  jQuery(window).scroll(function() {
  var pos = jQuery(window).scrollTop();
  console.log(pos);
  });
});
</script>

[CSS]select html element name

input[name="goButton"] {

/*your css code*/

}

用來隱藏google分析的iframe如下

iframe[name="google_conversion_frame"] {

1. display: none;

}

[wordpress]在function.php增加shortcode

以下範例為列出post的title加連結並寫成shortcode


<?php
function get_posts_function($atts){
$return_string = '<div>';
query_posts(array('orderby' => 'date', 'order' => 'DESC', 'category__and' => $atts ));
if (have_posts()) :
while (have_posts()) : the_post();
$return_string .= '<div class="pro_title"><a href="'.get_permalink().'">'.get_the_title().'</a></div>';
endwhile;
endif;
$return_string .= '</div>';
wp_reset_query();
return $return_string;
}
add_shortcode('get-posts', 'get_posts_function');
//建立一個短代碼
function register_shortcodes(){
add_shortcode('get-posts', 'get_posts_function');
}
//新增至佈景主題中
add_action('init', 'register_shortcodes');/*文章頁面*/
add_filter('widget_text', 'do_shortcode'); /*小工具*/
?>

在文章內頁插入
[get-posts cat1=5 cat2=15]
註: cat1 cat2為category__and參數，可增加數個不等。

[wordpress][visual composer]post grid 客製查詢條件

cat=1

當要下分類and時

category__and[0]=15&category__and[1]=5

別忘了encoded 如下

category__and%5B20%5D=15&category__and%5B21%5D=5

20160512更新
分類5and15，依照日期降冪排列，排除前3筆文章

category__and%5B20%5D=5&category__and%5B21%5D=12&orderby=date&order=DESC&offset=3&posts_per_page=3

參考網頁:

https://www.design33.net/how-to-visual-composers-grid-custom-query/