0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

Advanced Custom Fieldsの入力画面をちょっと見やすくする

Posted at

acf-input.cssを編集

acf-input.cssの一番下に3行追加するだけ。

wp-content/plugins/advanced-custom-fields/assets/build/css/acf-input.css
body.is-dragging-metaboxes #acf_after_title-sortables {
  outline: 3px dashed #646970;
  display: flow-root;
  min-height: 60px;
  margin-bottom: 3px !important;
}

/*# sourceMappingURL=acf-input.css.map*/

/* この3行を追加 */
.acf-field{display:flex;}
.acf-label{width:20%}
.acf-input{width:80%}

%の値はお好みで。

フィールドタイプを「グループ」にすると行レイアウトが選べるんだけど、それ以外だと選べないから自分で入力しやすくカスタマイズするしかないです。

そのうちバージョンアップされて選べるようになればいいけど。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?