[Wordpress Plugin] MySimpleSpace計算硬碟使用空間

想要看一下wp用了多少主機空間，可以裝一下MySimpleSpace

這裡有一篇討論區也是教你寫一個dashboard的wigget來顯示空間，不過貼了會爆炸。
沒仔細看哪裡錯了，先筆記起來

http://wordpress.stackexchange.com/questions/67876/how-to-check-disk-space-used-by-media-library

[WordPress] TinyPNG外掛: 省空間的好幫手lol

最近虛擬主機的空機開始不足了，

感覺應該被幾個wp的站台用掉太多圖片空間，找了一下wp的圖片外掛，
原來TinyPNG也有出wordpress外掛，

在你安裝好TinyPNG外掛之後，

可以到TinyPNG申請開發者API KEY，

https://tinypng.com/developers

就可以享受每個月五百張的額度。

另外壓縮圖片對於搜尋引擎最佳化（SEO）來說有正面的影響。

[工具] 記錄一下免費圖庫的資源

設計師常用的找免費圖庫資源

https://unsplash.com/

http://www.gratisography.com/

[php] PDO 批次插入與更新筆記

記錄批次插入並檢查已存在就更新的寫法

$sql = "INSERT INTO `table` (`id`, `name`) VALUES (?,?),(?,?) ON DUPLICATE KEY UPDATE `name` = VALUES(`name`) ";//將要批次插入的值放到 (?,?)，看你要插入幾組
 $values = array(1, "test", 2, "so so");//要插入的值
 $stmt = $this->db->prepare($sql);//建立pdo statment
 $stmt->execute($values);//執行時把要插入的值丟入pdo

http://stackoverflow.com/questions/1176352/pdo-prepared-inserts-multiple-rows-in-single-query

https://gist.github.com/kublaios/007ee6b7b7936c6cd80a

[Wordpress] wp_users 與 wp_usermeta tables取值的key

記錄一下常用到get_userdata與get_user_meta常要用取值key的值!!!

• users
  • ID
  • user_login
  • user_pass
  • user_nicename
  • user_email
  • user_url
  • user_registered
  • display_name
• user_meta
  • first_name
  • last_name
  • nickname
  • description
  • wp_capabilities (array)
  • admin_color (Theme of your admin page. Default is fresh.)
  • closedpostboxes_page
  • primary_blog
  • rich_editing
  • source_domain

[MySQL] 如何判斷要插入新資料還是更新

今天要算一下統計表格需要的sql，如果資料已存在就要更新，反之就插入一筆，記錄一下。


Step1: 未設unique key是會失敗的

ALTER TABLE 你的表格名 ADD UNIQUE (要UNIQUE的欄位)

Step2:
INSERT ... ON DUPLICATE KEY UPDATE:



http://stackoverflow.com/questions/14383503/on-duplicate-key-update-same-as-insert

[Wordpress] sql查詢特色圖片(featured images)

如果要查詢縮圖的資訊直接查詢postmeta這張表的_wp_attached_file這個meta_key即可。文章縮圖的id則為_thumbnail_id

[Wordpress] 使用自訂的sql抓取WMPL翻譯的文章類型

記錄如何自已下sql取得文章的多國類型，裝的外掛為WMPL。
請注意WMPL此外掛是將翻譯的關連資訊存到mywp_icl_translations

以下為sql語句

select
posts.ID,
posts.post_name,
posts.post_date,

IFNULL((SELECT PM.meta_value FROM mywp_postmeta AS PM WHERE posts.ID = PM.post_id AND PM.meta_key = "your_post_type"),'') as link,
IFNULL((SELECT PM.meta_value FROM mywp_postmeta AS PM WHERE posts.ID = PM.post_id AND PM.meta_key = "_thumbnail_id"),'') as thumbnail_id

FROM mywp_posts AS posts
where
post_status = 'publish'
AND
post_type = 'emel_ad_slider'
AND
ID
IN
(
select element_id from mywp_icl_translations
where element_type = 'post_your_post_type' and language_code = 'zh-hans'
)
order by posts.post_date desc

[Paypal] paypal direct payment 直接使用信用卡付款

測試paypal direct payment api的筆記過程。

Website Payments Pro 解決方案

https://developer.paypal.com/docs/classic/products/website-payments-pro/

在Website Payments Pro這一包的產品下，裡面包含以下的整合技術

Direct Payment, Express Checkout, and additional PayPal solutions and tools — like Virtual Terminal, Fraud Management Filters, and reference transactions.

簡介Website Payments Pro
https://developer.paypal.com/docs/classic/paypal-payments-pro/integration-guide/WPWebsitePaymentsPro/

[Wordpress] WooCommerce 自訂頁面呼叫相關API

今天要在自訂的php頁面呼叫wc的api記錄，因為老闆說要另外做一頁就這樣搞了XD不要問

載入WP的函式庫

require_once(dirname(dirname(__FILE__)).'/wp-load.php');

[Wordpress] 取出指定user meta值的用戶清單

這次想要在wordpress的帳號管理的查詢功能新增自已的user meta key查詢。

使用到的Hook分別為如下：

• restrict_manage_users ACTION:

這個Action可以替users表格上面的filter區塊自訂我們要的html 語法，這次要做的效果一樣弄一個下拉式選單就OK了。送出後你會發現網址QueryString會加了我們指定的值

// Adds a dropdown to filter users based on a meta field
function add_recommand_filter_into_user_table() {

    global $pagenow;

    if (is_admin() && $pagenow == 'users.php') {
        $optNone = '';
        $optYes = '';
        $optNo = '';
        if(isset($_GET['recommand'])){
          if(strcmp($_GET['recommand'],'1') == 0){
            $optYes  = 'selected="selected"';
          }else{
            $optNo  = 'selected="selected"';
          }
        }else{
           $optNone  = 'selected="selected"';
        }

        echo '';
        echo '不指定';
        echo '是';
        echo '否';   
        echo '';
    }
}
add_action('restrict_manage_users', 'add_recommand_filter_into_user_table');

• pre_get_users FILTER:

這個Filter簡言之就是要處理我們新增的action所送出的值為何，然後可以重改變動query物件的meta參數

// Updates user query based on filtering criteria
function query_recommand_query_from_user_table($query) {
 
    global $pagenow;

    if (is_admin() && $pagenow == 'users.php' && isset($_GET['recommand'])) {
        $recommandValue = wp_strip_all_tags($_GET['recommand']);
       
       if(strcmp($recommandValue,'') != 0){
          $meta_query = array(
            array(
           'key' => RECOMMAND_KEY,
           'value' => $recommandValue
           )
         ); 
   
         $query->set('meta_key', RECOMMAND_KEY);
         $query->set('meta_query', $meta_query);
        }   
    }
 
}

add_filter('pre_get_users','query_recommand_query_from_user_table');

參考

1. http://wordpress.stackexchange.com/questions/189077/how-to-get-users-by-a-custom-field-by-user-meta-data
2. http://www.davemccourt.com/wp-user-filtering/

[jQuery] 滿版的Dialog外掛

效果不錯的滿版型動畫Modal外掛，留著以後參考。

官方demo

http://joaopereirawd.github.io/animatedModal.js/

http://joaopereirawd.github.io/animatedModal.js/

[jQuery] 偵測元素是否進入到viewpoint外掛

今天想要處理偵測用戶scroll的位置判斷是否有進入指定元素viewpoint的議題。
找到以下三個jQuery外掛

http://imakewebthings.com/waypoints/guides/getting-started/

https://github.com/protonet/jquery.inview

https://github.com/morr/jquery.appear

比較過後，暫時先用inview即可解決，
其他二個外掛有比inview強的地方就是增加了offset的參數可設定。
不過inview有pull-request已解決這個功能

[jQuery] Offset 詳細圖

最近在做的專案需要detect 元素的位置，查了一下找到以下這張圖解。

可以清楚了解jQuery offset，筆記一下唷

[Wordpress] 擴充User management 的表格欄位

如果你想要自已擴充全部帳號(users.php)頁面，只需要透過二個hook機制就可以快速完成。
所以你就可以自已加欄位加按鈕，做更多客製化操作啦。

• 使用filter hook: manage_users_columns來擴充欄位
• 使用action hook: manage_users_custom_column來修改欄位值

範例

參考

https://www.tipsandtricks-hq.com/adding-a-custom-column-to-the-users-table-in-wordpress-7378

[Wordpress] 如何ajax來呼叫 php function

記錄一下如何在wp操作ajax function呼叫php function，意思就是你可以透過hook機制寫自已的api嚕

官網的sample說明

• action命名規則wp_ajax_[你的方法]
• action function 命名規則 [你的方法]_callback

tips: 請注意你的方法命名不可以長的不一樣，會無法對應呼叫

add_action( 'wp_ajax_my_action', 'my_action_callback' );

function my_action_callback() {
 global $wpdb; // this is how you get access to the database

 $whatever = intval( $_POST['whatever'] );

 $whatever += 10;

        echo $whatever;

 wp_die(); // this is required to terminate immediately and return a proper response
}

在頁面render一個jquery的方法(因為是範例所以方法很簡單，page_load之後就打)可以搭配admin_enqueue_scripts來整理你自已外掛所需的js

 jQuery(document).ready(function($) {

  var data = {
   'action': 'my_action',
   'whatever': 1234
  };

  // since 2.8 ajaxurl is always defined in the admin header and points to admin-ajax.php
  jQuery.post(ajaxurl, data, function(response) {
   alert('Got this from the server: ' + response);
  });
 });

參考

https://codex.wordpress.org/AJAX_in_Plugins

[Wordpress] wp_enqueue_script / wp_enqueue_style 在wp自訂你的js與css檔

wp_enqueue_script 允許我們快速的在wp的頁面加入js函式庫，
反之 wp_enqueue_style讓我們加入樣式檔。

你可以寫法functions.php做全域的載入或至到外掛模組與佈景主題裡面做客製化的載入唷

範例

以下範例教你怎麼加入bootstrap框架

function reg_scripts() {
    wp_enqueue_style( 'bootstrapstyle', get_template_directory_uri() . '/css/bootstrap.min.css' );
    wp_enqueue_style( 'bootstrapthemestyle', get_template_directory_uri() . '/css/bootstrap-theme.min.css' );
    wp_enqueue_script( 'bootstrap-script', get_template_directory_uri() . '/js/bootstrap.min.js', array(), true );
}
add_action('wp_enqueue_scripts', 'reg_scripts');

參考

1. https://digwp.com/2009/06/including-jquery-in-wordpress-the-right-way/
2. http://stackoverflow.com/questions/26583978/how-to-load-bootstrap-script-and-style-in-functions-php-wordpress
3. https://codex.wordpress.org/zh-cn:%E5%87%BD%E6%95%B0%E5%8F%82%E8%80%83/wp_enqueue_script

[GIT] 分支更新至master最新版本的處理方法筆記

常常遇到branch開工到一半遇到要更新master上面的code，
找了一些Stackoverflow上面的方法來研究看看：

Merge

git checkout develop
git merge master

Cheey-Pick

Rebase

參考

1. http://stackoverflow.com/questions/3876977/update-git-branches-from-master
2. https://blog.wu-boy.com/2011/03/git-%E7%89%88%E6%9C%AC%E6%8E%A7%E5%88%B6-branch-model-%E5%88%86%E6%94%AF%E6%A8%A1%E7%B5%84%E5%9F%BA%E6%9C%AC%E4%BB%8B%E7%B4%B9/
3. https://blog.wu-boy.com/2016/04/git-flow-tips/

[jQuery] 視差滾動元件: scrollme 簡單、快速、好上手

最近在做某個網站使用視差效果，原來使用stellar.js，
但網頁滾動起來發生很卡的現像，非常不平滑。
於是又找了到 scrollme這個元件，由於我們的目的可以針對元件某些元素進行一些特效，
加上scrollme的效能非常的平滑，使用語意也超級簡單(連教學都不用寫了XD)，所以推給大家使用。


http://scrollme.nckprsn.com/

[Linux] 常用的一些Server狀態指令

記錄一下Server常用指令集

linux基礎的檔案目錄說明

目錄名稱	說明	例
bin	系統的一些重要執行檔	Kill、cp、df
boot	系統開機的一些載入檔
cdrom	光碟機裡的資料被掛上來的地方
dosc	開機時把dos檔案系統掛上來的地方
etc	系統設定檔
home	使用者的自家目錄所在、ftp server
lib	基本函數庫
Lost+found	系統檢查結果
mnt	可以掛上其它檔案系統
proc	整個系統運作資訊
root	系統管理者的自家目錄所在
sbin	一些設定的可執行程式、設定網路
tmp	雜七雜八的東西
usr	應用程式	X-window
var	記載著各種系統上的變數的地方
vmlinuz	系統核心檔案