관리자 스타일로 테이블을 만드시겠습니까?

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

캐시 이미지 플러그인을 확장 하고 있으며 도메인이있는 테이블과 해당 도메인의 여러 이미지가 포함되어 있습니다. 따라서 내가 만들 수있는 동등한 기존 테이블이 없습니다 (이 질문의 첫 번째 버전에서는 게시물이있는 테이블에 대해 질문했지만 기존 게시물 테이블을 확장 할 수는 있습니다 ).

포스트 개요 페이지 를 기반으로하고으로 시작 해야합니까 <table class="widefat">, 아니면 이것을 처리하는 더 나은 기능이 있습니까? 작업을 기반으로 할 수있는 페이징이있는 깨끗하고 빈 테이블 예를 알고 있습니까?

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

<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>

희망이 도움이됩니다.

CSS뿐만 아니라 핵심 API 사용

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

가이드 :

• Codex에 대한 자세한 내용은 here .
• 다음은 WP 엔지니어 의 가이드입니다 . 복사하기에는 너무 많습니다.
• 그리고 Smashing Magazine 온라인의 다른 안내서 .

혜택?

예!

페이지 매김, 검색 창, 액션 및 상상할 수있는 모든 마법을 추가 할 수 있습니다 (코딩 가능).

플러그인으로 작성된이 예제를 사용하여 관리 테이블을 작성하십시오.

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

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

또한이 작은 플러그인을 사용하여 WP의 백엔드 가능성을 볼 수 있습니다 : https://github.com/bueltge/WordPress-Admin-Style

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

• 맞춤 게시물 유형의 관리 목록에 분류 필터를 추가 하시겠습니까?

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