Виділяємо статус запису у WordPress

за Ніколаєнко Максим · Опубліковано Січень 8, 2013 · Оновлено Січень 8, 2013

Для виділення статусу запису або сторінки WordPress можна скористатися стилями. Додавати стилі можна за допомогою функції, яка запускається через спеціальний екшен. Для того, щоб на вашому сайті були виділені всі статуси в адмінці користувача, просто додайте наступний код у файл functions.php вашої теми WordPress.

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');

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

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');

Зовні висновок статусу запису або сторінки виглядатиме ось так:

Думаю, у налаштуваннях стилів розібратися буде не проблема. Успіхів у розробці зручних для наповнення сайтів.

Купити хостинг WordPress

Репетитор по wordpress

Послуги репетитора онлайн. Список курсів, які я веду

Базовий курс з веб-дизайну;
Верстка сайтів;
Загальний курс CMS WordPress та продовження курсу з розробки шаблонів;
Розробка сайтів на PHP.

Докладніше читайте на сторінці репетитор по WordPress

*/

Ніколаєнко Максим

Директор веб-студии ProGrafika. Займаюсь розробкою, дизайном та просуванням веб-сайтів. Завжди радий новим читачам блогу та добрим клієнтам.

Вам також може сподобатися...

1 Відповідь

Коментарі1
Пінгбеки0

адмін :

Січень 23, 2013 о 12:52 ранок

Якщо стаття була вам корисна, раджу подивитись ще цю статтю:

http://wp-admin.com.ua/oformlyaem-adminku-dobavlyaem-fon-k-state-po-ee-sostoyaniyu/

Відповіcти

Залишити відповідь Скасувати відповідь

Цей сайт використовує Akismet для зменшення спаму. Дізнайтеся, як обробляються ваші дані коментарів.