it-swarm-ko.tech

관리자 스타일로 테이블 만들기?

관리 영역의 게시물 또는 사용자를 표시하는 표의 스타일로 테이블이있는 페이지를 만드는 권장 방법은 무엇입니까?

캐시 이미지 플러그인 을 확장 중이며 해당 도메인의 이미지와 여러 이미지가 포함 된 표가 포함되어 있습니다. 그래서 거기에 내가 만들 수있는 기존의 기존 테이블 (이 질문의 첫 번째 버전에서, 나는 게시물과 함께 테이블에 대해 물어 보았지만, 거기에 (아마도) 기존의 게시 테이블을 확장 할 수 있습니다 ).

나는 단지 게시물 개요 페이지 를 기반으로하고 <table class="widefat">로 시작해야합니까, 아니면 지금 이것을 처리하는 더 나은 기능이 있습니까? 내 작업의 기초가 될 수있는 페이징이있는 테이블의 깨끗한 빈 예제를 알고 있습니까?

42
Jan Fabry

이것은 내가 일반적으로 사용하는 것입니다 :

<table class="widefat fixed" cellspacing="0">
    <thead>
    <tr>

            <th id="cb" class="manage-column column-cb check-column" scope="col"></th> // this column contains checkboxes
            <th id="columnname" class="manage-column column-columnname" scope="col"></th>
            <th id="columnname" class="manage-column column-columnname num" scope="col"></th> // "num" added because the column contains numbers

    </tr>
    </thead>

    <tfoot>
    <tr>

            <th class="manage-column column-cb check-column" scope="col"></th>
            <th class="manage-column column-columnname" scope="col"></th>
            <th class="manage-column column-columnname num" scope="col"></th>

    </tr>
    </tfoot>

    <tbody>
        <tr class="alternate">
            <th class="check-column" scope="row"></th>
            <td class="column-columnname"></td>
            <td class="column-columnname"></td>
        </tr>
        <tr>
            <th class="check-column" scope="row"></th>
            <td class="column-columnname"></td>
            <td class="column-columnname"></td>
        </tr>
        <tr class="alternate" valign="top"> // this row contains actions
            <th class="check-column" scope="row"></th>
            <td class="column-columnname">
                <div class="row-actions">
                    <span><a href="#">Action</a> |</span>
                    <span><a href="#">Action</a></span>
                </div>
            </td>
            <td class="column-columnname"></td>
        </tr>
        <tr valign="top"> // this row contains actions
            <th class="check-column" scope="row"></th>
            <td class="column-columnname">
                <div class="row-actions">
                    <span><a href="#">Action</a> |</span>
                    <span><a href="#">Action</a></span>
                </div>
            </td>
            <td class="column-columnname"></td>
        </tr>
    </tbody>
</table>

희망이 도움이됩니다.

28
sorich87

CSS뿐만 아니라 Core API를 사용하십시오.

일반적으로 WP_List_Table 클래스의 인스턴스 만 사용합니다.

가이드 :

  • Codex 여기 에서 자세히 알아보십시오.
  • WP Engineer - 너무 많은 내용을 복사 할 수있는 안내서도 있습니다.
  • 그리고 Smashing Magazine online에 관한 또 다른 가이드.

은혜?

예!

페이지 매김, 검색 상자, 액션 및 상상할 수있는 모든 마술을 추가 할 수 있습니다 (코드 작성도 가능).

26
kaiser

관리 테이블을 만들려면이 예제 (플러그인으로 작성)를 사용하십시오.

http://wordpress.org/extend/plugins/custom-list-table-example/

내장 된 WP_List_Table 클래스를 사용합니다.

13
Sander

또한 WP에서 백엔드의 가능성을보기 위해이 작은 플러그인을 사용할 수 있습니다 : https://github.com/bueltge/WordPress-Admin-Style

4
bueltge

관리자의 사용자 정의 게시물 유형 목록에 필터를 추가하는 것이 좋습니다. 아래 링크 된 답변은 분류법을 사용하여이를 수행하는 방법을 보여 주지만 restrict_manage_posts 훅에서 다른 기준을 쉽게 사용할 수 있습니다.

더 궁금한 점이 있으면 알려주세요.

0
MikeSchinkel