[wordpress]利用程式自動新增文章並預設特色圖片

本段程式是自己改寫於新增portfolio文章與新增post文章有點不同

function auto_post(){
$postData = array(
'post_title'    => 'My portfolio post',
'post_content'  => '',
'post_type'      => 'dt_portfolio', // Default 'post',預設值是post
'post_status'   => 'publish',
'post_author'   => 1
);
  // 新增文章並取得post_id
$post_id = wp_insert_post( $postData );
             
  $getImageFile =  ABSPATH . 'wp-content/uploads/2015/11/4A7C3296.jpg';// 圖片來源
$wp_filetype = wp_check_filetype( $getImageFile, null );

$attachment_data = array(
'post_mime_type' => $wp_filetype['type'],
'post_title' => sanitize_file_name( $getImageFile ),
'post_content' => '',
'post_status' => 'inherit'
);
$attach_id = wp_insert_attachment( $attachment_data, $getImageFile, $post_id );
  require_once( ABSPATH . 'wp-admin/includes/image.php' );
  $attach_data = wp_generate_attachment_metadata( $attach_id, $getImageFile );
  wp_update_attachment_metadata( $attach_id, $attach_data );
  // 設定特色圖片縮圖
  set_post_thumbnail( $post_id, $attach_id );
   // 設定portfolio分類(註)
wp_set_post_terms($post_id, 22, 'dt_portfolio_category');
}



註:假如是文章的話不需在此設定分類，$postData那邊加入以下程式'post_category' => array( $Category ),即可，因為筆者要新增的是portfolio分類所以無法使用該方法，故用wp_set_post_terms()來修改該筆post分類。

[wordpress]visual composer post_grid使用自訂查詢資料來源

Custom query 欄位下

post_type='post分類名稱'&order=ASC

例:
post_type=dt_portfolio&order=ASC

[wordpress]woocommerce後台購買日期變成"年/月/日"解決方法

woocommerce後台購買日期變成"年/月/日"是因為語系語翻譯錯誤所造成，可以用poedit去編輯語系檔案，找到"年/月/日"把它改成"y/m/d"再儲存就可以。

檔案路徑:\htdocs\wp-content\languages\plugins\woocommerce-admin-zh_TW.po

註:這是woocommerce官方釋出的翻譯檔就已經出錯，所以此方法在官方未更新翻譯檔的情況下只能治標不能治本。翻譯覆蓋後請記得再去修改。

[javascript]取得螢幕&瀏覽器寬度高度

//取得螢幕寬度
function getScreenWidth() {
return screen.width;
}
//取得螢幕高度
function getScreenHeight() {
return screen.height;
}
//取得瀏覽器視窗寬度
function getBrowserWidth(){
return jQuery(window).width();
}
//取得瀏覽器視窗高度
function getBrowserHeight() {
return jQuery(window).height();
}

[wordpress]在子主題新增jQuery plugin

參考官方建議使用wp_enqueue_script()用來載入 javascript 檔，wp_enqueue_style()用來載入css檔，使用方式如下
wp_enqueue_style( $handle, $src, $deps, $ver, $media );
wp_enqueue_script( $handle, $src, $deps, $ver, $in_footer );

wp_enqueue_script() 使用說明:

$handle：用於區別 script 名稱(string)；

$src：javascript 檔案位置(string)；

$deps：相關性，指此 javascript 必須在此 javascript 之前載入(array,非必需的)；

$ver：幫 javascript 加註版本，留空白則使用當前 wordpress 版本號碼(string,非必需)；

$in_footer：是否放置到網頁HTML底部載入(boolean,非必需)。

wp_enqueue_style() 使用說明:

$handle：用於區別 CSS 的名稱(string)；

$src：CSS 檔案位置(string)；

$deps：相關性，指此 CSS 必須在此 CSS 之前載入(array,非必需)；

$ver：幫 CSS 加註版本，留空白則使用當前 wordpress 版本號碼(string,非必需)；

$media：用於 CSS 的 media 參數值(string,非必需)。

使用範例:

function add_pluginname_scripts() {

    wp_enqueue_style( 'style', get_stylesheet_uri() );

    wp_enqueue_script( 'script', get_template_directory_uri() . '/js/example.js', array(), '1.0.0', true );

}

add_action( 'wp_enqueue_scripts', 'add_pluginname_scripts' );

注意事項:

1.請將jQuery plugin放置子主題的資料夾內

2.必須寫在function.php這隻檔案。

3.若是在子主題新增的話，$src的部分請改寫成get_stylesheet_directory_uri()←用來取得子主題的url

[CSS]input 標籤 type number

HTML5 input type number 預設會有上下按鈕加減數字

要關掉這項功能可以下css style關閉

input[type='number'] {
    -moz-appearance:textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

[nas]Synology NAS修改檔案上傳上限

1.先下載putty終端機連線工具
2.連線帳號必須是root，否則無法修改檔案
   密碼為當初設定的密碼
3.登入後修改php.ini檔
   DSM 5.0 之前， php.ini 在 /usr/syno/etc
   DSM 5.0 之後， php.ini 在 /etc/php
4.輸入vi 路徑/php.ini後進入文字編輯模式(按I)
5.修改以下數據
max_execution_time = 600
max_input_time = 600
post_max_size = 210M
upload_max_filesize = 200M
6.修改完後按下esc 再輸入 :wq儲存後離開
7.重新啟動server
   網頁應用程式->啟動web station 勾選取消->套用->再次勾選->套用
   套件中心->phpMyAdmin->啟用

[PHP]取得檔案的目錄與上層目錄

取得現在的檔案、目錄與上層目錄
假設目前的檔案路徑為public_html/project/myphp.php

1.取得路徑+檔名
<?php
           echo __FILE__;
?>
輸出:public_html/project/myphp.php

2.取得檔名
<?php
          echo basename(__FILE__);
?>
輸出:myphp.php

3.取得不含副檔名的檔名
<?php
          echo basename(__FILE__, '.php');
?>
輸出:myphp

4.取得完整目錄路徑但不含檔名
<?php
          echo dirname(__FILE__);
?>
輸出:public_html/project

5.取得上層目錄前完整的路徑
<?php
          echo dirname(dirname(__FILE__));
?>
輸出:public_html

[Wordpress]trailingslashit用法

<?php trailingslashit( $string ) ?>

在字串末尾添加"/"符號

在添加之前會刪除字串末尾已經有的"/"符號避免發生添加兩個"/"的錯誤
ex.

<?php
           $path = trailingslashit( 'http://mywebsite.com' );
?>

$path輸出
http://mywebsite.com/

[xampp]設定mysql密碼後phpmyadmin無法登入的解決方法

使用xampp控制台"Shell"按鈕打開Dos視窗
輸入 mysqladmin --user=root password "你要設定的密碼"
後即修改root的密碼
之後登入phpMyAdmin會出現以下畫面

接下來回到xampp控制台按下Apache config選擇PhpMyAdmin(config.inc.php)
找到$cfg['Servers'][$i]['password'] = '';
把修改的密碼填上如下圖

紅色框為修改的密碼

回到phpmyadmin後重新整理即可

[javascript]正規式

線上驗證正規式
http://www.rubular.com/

例:SB001-1500001
前兩碼英文，後面3碼數字，接著"-"符號後面再接7碼數字
共13碼
/^[a-zA-Z]{2}[0-9]{3}[-][0-9]{7}$/

[php]解決中文亂碼問題

1.於 HTML head 指定此頁編碼為 UTF-8
  2. urldecode ($data['value'] ));
http://meyerweb.com/eric/tools/dencoder/

[CSS]色碼轉換表

網址:http://www.ifreesite.com/color/

[wordpress]Visual Composer 手機板隱藏區塊

將background->single color 手機板時就可以隱藏區塊

[wordpress]取得網站網址

<?php $url = site_url(); ?>
<img src="<?php  echo $url; ?>/wp-content/themes/主題資料夾/images/檔名.png" />

//子主題的url
<?php echo get_stylesheet_directory_uri(); ?>

[Windows]如何清除暫存的 DNS Cache

執行cmd

輸入以下指令

ipconfig /flushdns

[CSS]html標籤ul置中

要讓ul置中方法如下

1.無div包覆的情況下:

ul{
display: table;
margin: 0 auto;
}

2.有div包覆的情況:

div{
text-align: center;
}
div ul{
display: inline-block;
}

[JQuery]滑鼠hover置換圖片

$("selector").mouseover(function() {
$(this).attr("src", src);
})
.mouseout(function() {
$(this).attr("src", src);
});

[jQuery]Html下錨點搭配JQuery做動態滑動功能

Html部分
<ul class="menu">
 <li><a href="#id01">Div01</a></li>
 <li><a href="#id02">Div02</a></li>
</ul>
<div id="id01"></div>
<div id="id02></div>

Javascript部分

$(".menu > li > a").click(function () {
        jQuery("html,body").animate({
            scrollTop: $($(this).attr("href")).offset().top
        }, 1000);
    });





2015/12/11新增
<script type="text/javascript">
  jQuery(document).ready(function(){
    jQuery('.bottom_menu a').click(function(){
      var target = jQuery(this).context.hash;
      console.log(target);
      if(target != null && target != ''){
        jQuery('html,body').animate({
          scrollTop: jQuery(target).offset().top -80}, 1000);
          return false;
       }
     });
  });
</script>
<ul class="menu">
 <li><a href="http:/homeurl/#id01">Div01</a></li>
 <li><a href="http:/homeurl/#id02">Div02</a></li>
</ul>
<div id="id01"></div>
<div id="id02></div>