【WordPress】 如何修改古騰堡(Gutenberg)編輯器的預設寬度

當編輯古騰堡的時候覺得很窄不好操作時可以使用此方法來改變預設寬度。
讓編輯的畫面能盡量跟前端的呈現保持一致的寬度,這樣在前端看畫面的時候才不會覺得排版不太一致。

將代碼寫在主題下的functions.php裡面

function custom_admin_css() {
    echo '<style type="text/css">
    /* Main column width */
    .wp-block {
        max-width: 1440px;
    }
    </style>';
  }
 add_action('admin_head', 'custom_admin_css');

max-width 可自行配置想要的寬度。

Summary
Article Name
【WordPress】 如何修改古騰堡編輯器(的預設寬度
Description
當編輯古騰堡的時候覺得很窄不好操作時可以使用此方法來改變預設寬度,也可以讓編輯的畫面能盡量跟前端的呈現能保持一致的寬度。

發佈留言