Select Page
Woocommerce Divi Shop的手機版本頁面,要改成兩欄顯示

Woocommerce Divi Shop的手機版本頁面,要改成兩欄顯示

如果你有需要想要讓 WordPress 的 Woocommerce 在手機版本的商店頁面中顯示兩欄的商品,那最好的方法要自訂 CSS ,我在這邊展示的是用 DIVI 佈景主題來做自訂CSS,如果你是別家的也是都一樣的方法。

只要把下面的CSS複製起來

@media only screen and (max-width:768px) {
    .woocommerce-page ul.products{
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
         flex-flow: row wrap;
    }
    .woocommerce-page ul.products li.product{
         flex: 0 0 50%;
         -webkit-box-flex: 0;
         padding: 10px;
    }
}

貼到你的佈景主題中的自訂CSS的位置上就可以了

WordPress 關閉自動更新的方法

WordPress 關閉自動更新的方法

自動更新是個好功能,但因為 WordPress 本身的特性,外掛幾乎都是第三方寫的,總是難免會有很多的衝突,要求一個穩定的系統,只能把自動更新關閉,之後手動更新,確認沒有衝突後再讓他全站更新出去,才能確保穩定性,以下介紹幾種關閉自動更新的方法。

1.使用佈景主題內的 functions.php 寫入關閉自動更新的程式碼

將以下的程式碼放到佈景主題下的functions.php中即可

// 關閉自動更新以及通知
function remove_core_updates(){
global $wp_version;return(object) array('last_checked'=> time(),'version_checked'=> $wp_version,);
}
add_filter('pre_site_transient_update_core','remove_core_updates'); //hide updates for WordPress itself
add_filter('pre_site_transient_update_plugins','remove_core_updates'); //hide updates for all plugins000
add_filter('pre_site_transient_update_themes','remove_core_updates'); //hide updates for all themes

2.設定 wp-config.php 檔案

在 WP 的根目錄中,修改 wp-config.php ,將下面這一行加入即可

define( 'WP_AUTO_UPDATE_CORE', false );

3.利用外掛來關閉自動更新

3.1 disable-admin-notices

https://clearfy.pro/disable-admin-notices/

windows server iis 下的 wordpress web.config 設定

在 windows server 的 iis 下,預設情況下安裝 php 架構的 wordpress 總是會遇到很多的困難,像是如果遭遇到想要訪問 wordpress 目錄下的目錄資料,例如:https://rain.tips/uploads/,會跟你說找不到資料,原因是wordpress所有的入口要先透由 index.php 去做路由,解決方案則是用 web.config 去指定路由要透過 index.php 即可

請在web.config檔案中添加 rewrite rules

    <rewrite>
      <rules>
			<rule name="WordPress: https://yoururl.com" patternSyntax="Wildcard">
				<match url="*"/>
					<conditions>
						<add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true"/>
						<add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true"/>
					</conditions>
				<action type="Rewrite" url="index.php"/>
			</rule></rules>
    </rewrite>

最後會長成這樣子

<?xml version="1.0" encoding="UTF-8"?>
<configuration>
  <system.webServer>
    <rewrite>
      <rules>
			<rule name="WordPress: https://yoururl.com" patternSyntax="Wildcard">
				<match url="*"/>
					<conditions>
						<add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true"/>
						<add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true"/>
					</conditions>
				<action type="Rewrite" url="index.php"/>
			</rule></rules>
    </rewrite>
  </system.webServer>
</configuration>

同場加映

WordPress logout 登出的轉址設定

WordPress 想要自訂登出後導引到某一個頁面,可以採用下面的程式碼,並且放於 functions.php 中即可

// 登出轉址
add_action('wp_logout','auto_redirect_after_logout');
function auto_redirect_after_logout(){
  wp_safe_redirect( home_url() );
  exit;
}

其中 home_url() 是首頁,這段程式碼的意思是,當登出使用者後,導引到首頁

WordPress 隱藏 Admin Menu, Top Bar, Plugins

WordPress 隱藏 Admin Menu, Top Bar, Plugins

如果你是需要提供一個完整 WordPress 後台給客戶的案子,非常建議用 Amin Tools 以及 Menu Editor 來製作客製化的 WordPress 後台,來避免客戶的誤觸以及無意義的問題,並且經過你的系統化整合,可以讓客戶部會迷失在 WordPress 後台的大海之中,會呈現專業且客製的感覺。

Admin Tools

Admin Tools 一共有五大功能

分別是通用、選單、外掛、最上層的選單、進階選項

Admin Tools – 通用

可以把最高權限的使用者隱藏,也可以隱藏這一個外掛

Admin Tools – Menu

用來隱藏後台選單使用

Admin Tools – 外掛

用來隱藏不需要的外掛

Admin Tools – Top Bar

Admin Tools – Advanced

用來隱藏更新以及各式通知

延伸閱讀