登入

註冊



Chinese simplified Chinese traditional

WordPress代碼教學

網頁設計技巧,為訪問者和特定角色啟用特定的CSS代碼

在網頁設計

如何為訪問者和特定會員角色啟用特定的CSS代碼

可以使用wp_head掛勾(hook)功能,並檢查您目前的會員角色

在HTML標頭上添加自定義CSS

 


  1. add_action('wp_head', 'add_css_of_user_role');   
  2. function add_css_of_user_role()   
  3. {    
  4.     /*Check Current User is Login*/  
  5.     if ( is_user_logged_in() )    
  6.     {     
  7.        $user = wp_get_current_user();   
  8.        /*Check Current User Role*/  
  9.        if (in_array('c_business', $user->roles)) { ?>   
  10.   
  11.             <style>   
  12.  你的css代碼   
  13.             </style>   
  14.   
  15.     <?php }    
  16.   
  17.     }   
  18. }  

這裡面的c_business,可以換成你的角色代碼。

如何在WordPress中創建自定義用戶角色?

如何在WordPress中創建自定義用戶角色?

您是否要允許WordPress網站中權限較小的人執行某些特定任務?WordPress為您提供了在網站上包含此驚人功能的選項。除了預定義的用戶角色,您還可以為某些任務創建自定義用戶角色,並允許他在有限的領導下訪問您的儀表板。

在本文中,我們將介紹如何在網站中創建自定義用戶角色以及如何將其分配給用戶。

在WordPress中創建自定義用戶角色的代碼


  1. add_role(   
  2.     'c_business',   
  3.     __( '企業主' ),   
  4.     array(   
  5.         'read'         => true,  // true允許此功能   
  6.     )   
  7. );  

用戶角色是WordPress的內置功能,可幫助設置用戶可以在您的網站上執行或不執行的任務。WordPress中有六個已定義的用戶角色。

WordPress用戶角色的權限參考

  1. 'read' => true// true允許此功能   
  2. 'edit_posts' => true//允許用戶編輯自己的帖子   
  3. 'edit_pages' => true//允許用戶編輯頁面   
  4. 'edit_others_posts' => true//允許用戶編輯其他帖子,而不僅僅是他們自己的帖子   
  5. 'create_posts' => true//允許用戶創建新帖子   
  6. 'manage_categories' => true//允許用戶管理帖子類別   
  7. 'publish_posts' => true//允許用戶發布,否則發布保持草稿模式   
  8. 'edit_themes'=> false// false拒絕此功能。用戶無法編輯您的主題   
  9. 'edit_themes' => false//用戶無法添加新插件   
  10. 'update_plugin' => false//用戶無法更新任何插件   
  11. 'update_core' => false  //用戶無法執行核心更新  

所有文章

如何在Revolution Slider 6 WordPress插件中更改字型字體?

如何在Revolution Slider 6 WordPress插件中更改字型字體?

新版Revolution Slider 6 對中文語系不太友善,字體只能選擇google字體。

沒辦法像以前自定義 字體,像是定義Microsoft JhengHei或者Microsoft YaHei等,中文字型字體。

所以我們要用這個方法設定

 


  1. rs-layer:not(.rs-wtbindex), .rs-layer:not(.rs-wtbindex), rs-alyer :not(.rs-wtbindex), .rs-layer :not(.rs-wtbindex) { outline: none !important; font-family: "Microsoft JhengHei" !important;   
  2. };  

在字體區塊選擇Custom CSS

如下圖

如何在Revolution Slider 6 WordPress插件中更改字型字體?

wordpress教學,如何更改WordPress預設的上傳路徑

wordpress教學,如何更改WordPress預設的上傳路徑

進到options.php,例如「 http://你的網址/wp/wp-admin/options.php」(請視您真實的管理目錄更改)
進入到options.php會看到超多的資料可以更改,絕對不要亂改!
我們搜尋「upload_path」和「upload_url_path」 將其更改為「要上傳的路徑」和「真實網址」就行了。
範例:「/home/adanaa.com/public_html/img」和「https://adanaa.com/a>」(這是已指定二級域名的狀況下)
upload_path請進到您的虛擬主機看一下你的真實路徑

woocommerce改變欄位名稱

woocommerce改變欄位名稱

我們今天想把地址的欄位名稱,改為更具體的名字:詳細收件地址,一樣找到 woocommerce_billing_fields,指定欄位名billing_address_1,把它的屬性 label 改為「行動電話」,記得因為名稱是字串的形式,一定要加引號,而必填屬性為布林值,所以 true 或 false 不用加引號

改變欄位名稱


  1. /**改變欄位名稱**/  
  2.   
  3. add_filter( 'woocommerce_billing_fields', 'custom_billing_phone_label' );   
  4. function custom_billing_phone_label($fields) {   
  5. $fields['billing_address_1'] = array(   
  6. 'label'=>"詳細收件地址"  
  7. );   
  8. return $fields;   
  9. }  
woocommerce下拉選單帶入郵遞區號、縣市

woocommerce下拉選單帶入郵遞區號、縣市

WooCommerce原始的結帳欄位位置不符合台灣人習慣,需要配合欄位調整外掛來變更欄位排序。

最適合台灣地址輸入習慣,就是將縣市還有鄉鎮市變成下拉選單,郵遞區號會自動對應,綠界或藍新也可以用這個程式碼,唯一的缺點就是欄位的CSS外型可能跑掉,需要再手動調整CSS。

在主題的functions內下方加入以下程式碼

1、郵遞區號輸入後會自動帶入縣/市地區,或是由縣/市欄位的選擇而動態載入郵遞區號
2、鄉鎮市欄位會隨著縣/市的選擇而動態變更,自動帶入該縣/市所屬之地區
3、偵測用戶裝置的地理位置,自動帶入縣市地區資料

地區資料的部份主要使用 essoduke 大大所開發維護的台灣地區資料清單,只要載入已經製做好的地區資料,就能在下拉選單中看到相對應的縣市,程式碼範例如下:

 帳單地址與運送地址下拉選單功能


  1. /**帳單地址與運送地址下拉選單功能**/  
  2. add_filter("woocommerce_after_checkout_form""twzipcodefield_shipping");   
  3. function twzipcodefield_shipping() {   
  4. $output = '   
  5. <script src="https://hellowp.cc/jquery.twzipcode-1.7.14.min.js"></script>   
  6. <script>   
  7. var $ = jQuery.noConflict();   
  8. function updateValue(field){   
  9. $("#"+field+"_state").val($(".woocommerce-"+field+"-fields select[name=\'county\']").val());   
  10. $("#"+field+"_city").val($(".woocommerce-"+field+"-fields select[name=\'district\']").val());   
  11. $("#"+field+"_postcode").val($(".woocommerce-"+field+"-fields input[name=\'zipcode\']").val());   
  12. }   
  13. $(document).ready(function(){   
  14. $(".woocommerce-billing-fields,.woocommerce-shipping-fields").twzipcode({   
  15. "detect": function (coords) {   
  16. updateValue("billing");   
  17. updateValue("shipping");   
  18. }   
  19. });   
  20. function updateField(field){   
  21. $(".woocommerce-"+field+"-fields select[name=\'county\']").appendTo($("#"+field+"_state_field"));   
  22. $(".woocommerce-"+field+"-fields select[name=\'district\']").appendTo($("#"+field+"_city_field"));   
  23. $(".woocommerce-"+field+"-fields input[name=\'zipcode\']").appendTo($("#"+field+"_postcode_field"));   
  24. }    
  25. updateField("billing");   
  26. updateField("shipping");   
  27. $("select[name=\'county\'],select[name=\'district\']").change(function(){updateValue("billing");updateValue("shipping");})   
  28. $("input[name=\'zipcode\']").keyup(function(){updateValue("billing");updateValue("shipping");})   
  29. $("#billing_postcode,#billing_state,#billing_city,#shipping_state,#shipping_city,#shipping_postcode").hide();   
  30. })   
  31. </script>';   
  32. echo $output;   
  33. }  

僅有帳單地址有下拉選單功能


  1.   
  2. /**僅有帳單地址有下拉選單功能**/  
  3. add_filter("woocommerce_after_checkout_form""twzipcodefield_shipping");   
  4. function twzipcodefield_shipping() {   
  5. $output = '   
  6. <script src="https://hellowp.cc/jquery.twzipcode-1.7.14.min.js"></script>   
  7. <script>   
  8. var $ = jQuery.noConflict();   
  9. function updateValue(field){   
  10. $("#"+field+"_state").val($(".woocommerce-"+field+"-fields select[name=\'county\']").val());   
  11. $("#"+field+"_city").val($(".woocommerce-"+field+"-fields select[name=\'district\']").val());   
  12. $("#"+field+"_postcode").val($(".woocommerce-"+field+"-fields input[name=\'zipcode\']").val());   
  13. }   
  14. $(document).ready(function(){   
  15. $(".woocommerce-billing-fields").twzipcode({   
  16. "detect": function (coords) {   
  17. updateValue("billing");   
  18.   
  19. }   
  20. });   
  21. function updateField(field){   
  22. $(".woocommerce-"+field+"-fields select[name=\'county\']").appendTo($("#"+field+"_state_field"));   
  23. $(".woocommerce-"+field+"-fields select[name=\'district\']").appendTo($("#"+field+"_city_field"));   
  24. $(".woocommerce-"+field+"-fields input[name=\'zipcode\']").appendTo($("#"+field+"_postcode_field"));   
  25. }    
  26. updateField("billing");   
  27. $("select[name=\'county\'],select[name=\'district\']").change(function(){updateValue("billing");})   
  28. $("input[name=\'zipcode\']").keyup(function(){updateValue("billing");})   
  29. $("#billing_postcode,#billing_state,#billing_city").hide();   
  30. })   
  31. </script>';   
  32. echo $output;   
  33. }   
  34.   
WooCommerce將金額設置成「100元」以及WooCommerce關閉貨幣符號隱藏貨幣符號

WooCommerce將金額設置成「100元」以及WooCommerce關閉貨幣符號隱藏貨幣符號

放在你主題的.css裡面

可能是style.css

WooCommerce將金額設置成「100元」


  1. /*-- 隱藏原本金額前面的NT$ --*/  
  2. .woocommerce-Price-currencySymbol {   
  3. display: none;   
  4. }   
  5.   
  6. /*-- 增加「元」這個字到金額後面 --*/  
  7. span.woocommerce-Price-amount.amount::after {   
  8. content: '元';   
  9. }   

WooCommerce關閉貨幣符號

  1. /*-- 隱藏 金額前面的匯率符號 --*/  
  2. .woocommerce-Price-currencySymbol {   
  3. display: none;   
  4. }   
  5.   
  6. .price .woocommerce-Price-currencySymbol {   
  7.         display:none !important;}  

透過functions修改 WordPress 網址(URL) 和 網誌位址(URL)

打開你主題的functions

將http://example.com/ 修改你的網址,這方法的好處是,你可以透過functions修改。 假如從設定>>一般修改的話,

為HTML加入CSS

採用內部樣式表(Internal Style Sheet) ,直接在HTML檔內寫

soe優化,wordpress如何開啟ping服務?

wordpress本身就有ping服務功能,我們進行配置就完成囉!
在wordpress後台,設定>寫作,如下圖

修改wordpress記憶體-最好的方法!Allowed memory size of 50331648 bytes exhausted

wordpress會出現「 Fatal error: Allowed memory size of 50331648 bytes exhausted (tried to allocate 32 bytes) in 」就是預設記憶體不足。

那就要增加WordPress的記憶體限制,最好用的方法。

方法、修改default-constants.php

文章新聞滾動窗口小工具-WP News and Scrolling Widgets Pro – WordPress News Plugin

[button size="medium" style="primary" text="觀看範例" link="http://demo.wponlinesupport.com/prodemo/pro-blog-and-widgets-plugin-demo/blog-post-with-grid-view/" target=""]
20+ Slider/Carousel Designs 20+滑塊/旋轉木馬設計

文章小工具Smart Post Lists Widget WordPress

[button size="medium" style="primary" text="觀看範例" link="http://otwthemes.com/demos/smart-post-lists/sidebars/" target=""]
創建帖子列表 - 任何類型 根據您從窗口小部件中的窗體中選擇的選項構建帖子列表。它類似於SQL查詢,但不需要編碼知識。

wordpress關閉woocommerce多餘的欄位

相信很多人,如果使用woocommerce作為購物車的話
一 定會發覺,有很多欄位,在台灣地區不適用

wordpress代碼,讓php頁面執行wordpress的簡碼

這個也很重要,wordpress的簡碼,就是
[XXXXXXX]的東西
你想在php頁面執行,讀不出來。
所以使用這段代碼
  1. <?php echo do_shortcode( '[your shortcode goes here]' ); ?>   
這裡[shortcode here]就是你要替換的簡碼

聯繫我們

請輸入您的全名。
無效的電子信箱。
請輸入主題
請輸入消息
Invalid Input
Invalid Input