@designbasekorea/wordpress-ui 0.1.6 → 0.1.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +10 -4
- package/dist/browser.cjs +1 -1
- package/dist/browser.d.ts +1 -1
- package/dist/browser.esm.js +1 -1
- package/dist/browser.iife.js +1 -1
- package/dist/components.cjs +1 -1
- package/dist/components.esm.js +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.esm.js +1 -1
- package/dist/react/index.cjs +1 -1
- package/dist/react/index.d.ts +2 -2
- package/dist/react/index.esm.js +1 -1
- package/dist/styles/controls.css +1 -1
- package/dist/styles/shell.css +1 -1
- package/dist/styles.css +1 -1
- package/docs/WORDPRESS-ADMIN-GUIDE.md +38 -7
- package/examples/vanilla.html +1 -1
- package/package.json +2 -2
- package/wordpress-ui.php +17 -1
package/README.md
CHANGED
|
@@ -7,12 +7,12 @@ WordPress 전역 프레임(`#adminmenu`, `#wpadminbar`, 다른 플러그인 화
|
|
|
7
7
|
- REST·AJAX·Settings API·capability·nonce·데이터는 소비 플러그인이 소유합니다.
|
|
8
8
|
- `@designbasekorea/ui-wc`를 직접 import하지 마세요. 공개 API는 이 패키지입니다.
|
|
9
9
|
|
|
10
|
-
현재 배포 버전은 `0.1.
|
|
10
|
+
현재 배포 버전은 `0.1.8`입니다. `@designbasekorea/ui-wc@0.8.8`에 의존합니다.
|
|
11
11
|
|
|
12
12
|
## 설치
|
|
13
13
|
|
|
14
14
|
```bash
|
|
15
|
-
npm install @designbasekorea/wordpress-ui@0.1.
|
|
15
|
+
npm install @designbasekorea/wordpress-ui@0.1.8
|
|
16
16
|
```
|
|
17
17
|
|
|
18
18
|
WordPress 서버가 npm을 실행하는 것은 아닙니다. 설치한 뒤 `dist/`와 `wordpress-ui.php`를 플러그인/테마 vendor에 포함하고, 해당 관리자 화면에만 enqueue합니다.
|
|
@@ -37,6 +37,12 @@ WordPress 서버가 npm을 실행하는 것은 아닙니다. 설치한 뒤 `dist
|
|
|
37
37
|
## Vanilla / PHP (권장)
|
|
38
38
|
|
|
39
39
|
필요한 화면에만 `dist/styles.css`와 `dist/browser.iife.js`를 enqueue합니다.
|
|
40
|
+
`designbase_wordpress_ui_enqueue()`는 runtime을 **head**에 넣습니다. `db-sidebar`와
|
|
41
|
+
`db-page-header`는 JS가 `customElements.define`한 뒤에야 그려지므로, footer에 두면
|
|
42
|
+
빈 레이아웃이 보였다가 늦게 나타납니다. 플러그인은 화면 allowlist만 하고, 로딩 위치는
|
|
43
|
+
helper 기본값을 유지하세요.
|
|
44
|
+
|
|
45
|
+
플러그인 자체 admin.js는 footer에 두되 `myplugin-wordpress-ui-browser`에 의존하게 합니다.
|
|
40
46
|
|
|
41
47
|
```php
|
|
42
48
|
require_once __DIR__ . '/vendor/wordpress-ui/wordpress-ui.php';
|
|
@@ -50,7 +56,7 @@ add_action('admin_enqueue_scripts', static function (string $hook_suffix): void
|
|
|
50
56
|
'handle' => 'myplugin-wordpress-ui',
|
|
51
57
|
'base_url' => plugins_url('vendor/wordpress-ui', __FILE__),
|
|
52
58
|
'base_path' => __DIR__ . '/vendor/wordpress-ui',
|
|
53
|
-
'version' => '0.1.
|
|
59
|
+
'version' => '0.1.8',
|
|
54
60
|
]);
|
|
55
61
|
});
|
|
56
62
|
```
|
|
@@ -167,7 +173,7 @@ export function MyPluginAdmin() {
|
|
|
167
173
|
React 관리자 패턴:
|
|
168
174
|
|
|
169
175
|
- `AdminShell` — `sidebarTitle`(로고) + `sidebarItems`(메뉴). `AdminWrapper`를 포함합니다.
|
|
170
|
-
- `AdminPageHeader` — `db-page-header` +
|
|
176
|
+
- `AdminPageHeader` — `db-page-header` + 태블릿 이하 제목 왼쪽 사이드바 토글
|
|
171
177
|
- `AdminPage` / `AdminPageContent` — 페이지 폭
|
|
172
178
|
- 그 외 UI는 primitives입니다. `Section`, `Table`, `SearchBar`, `Select`, `EmptyState`, `Tabs`, `Modal` 등. `AdminSection` / `AdminDataTable` 같은 별도 래퍼는 없습니다.
|
|
173
179
|
|