Podświetl status postu w WordPress

przez Nikołajenko Maksym · Opublikowany Styczeń 8, 2013 · Zaktualizowano Styczeń 8, 2013

Aby podświetlić status posta lub strony w WordPress możesz użyć stylów. Możesz dodawać style za pomocą funkcji, który jest uruchamiany poprzez akcję specjalną. Aby wszystkie statusy na Twojej stronie były podświetlone w panelu administracyjnym użytkownika wystarczy dodać do pliku poniższy kod functions.php Twój motyw WordPressa.

function custom_post_states( $post_states ) {
   foreach ( $post_states as &$state ){
   $state = '<span class="'.strtolower( $state ).' states">' . str_replace( ' ', '-', $state ) . '</span>';
   }
   return $post_states;
}
add_filter( 'display_post_states', 'custom_post_states' );
function custom_post_states_css(){
        echo '<style>
                .post-state .states{
                        font-size:10px;
                        padding:3px 8px 3px 8px;
                        -moz-border-radius:2px;
                        -webkit-border-radius:2px;
                        border-radius:2px;
                        }
                .post-state .password{background:#000;color:#fff;}
                .post-state .pending{background:#83CF21 !important;color:#fff;}
                .post-state .private{background:#E0A21B;color:#fff;}
                .post-state .draft{background:#006699;color:#fff;}
              </style>';
}
add_action('admin_head','custom_post_states_css');

function custom_post_states( $post_states ) {

foreach ( $post_states as &$state ){

$state = '<span class="'.strtolower( $state ).' states">' . str_replace( ' ', '-', $state ) . '</span>';

}

return $post_states;

}

add_filter( 'display_post_states', 'custom_post_states' );

function custom_post_states_css(){

echo '<style>

.post-state .states{

font-size:10px;

padding:3px 8px 3px 8px;

-moz-border-radius:2px;

-webkit-border-radius:2px;

border-radius:2px;

}

.post-state .password{background:#000;color:#fff;}

.post-state .pending{background:#83CF21 !important;color:#fff;}

.post-state .private{background:#E0A21B;color:#fff;}

.post-state .draft{background:#006699;color:#fff;}

</style>';

}

add_action('admin_head','custom_post_states_css');

Zewnętrznie dane wyjściowe statusu posta lub strony będą wyglądać następująco:

Tak myślę, nie będzie problemu z ustaleniem ustawień stylu. Powodzenia w tworzeniu stron przyjaznych treści.

Usługi korepetycji online. Lista kursów, które prowadzę

Podstawowy kurs projektowania stron internetowych;
Układ stron;
Ogólny kurs CMS WordPress oraz kontynuacja kursu dotyczącego tworzenia szablonów;
Tworzenie stron internetowych w PHP.

Czytaj więcej na stronie Nauczyciel WordPressa