Выделить прилепленную заметку

Слов в тексте – 183, время чтения в минутах – 1



Для начала заходим в Сниппеты и добавляем простой фрагмент кода.

Вот он:


function add_custom_sticky_class($classes) {
    if (is_sticky() && is_home()) {  // Check if it's a sticky post AND on the homepage
        $classes[] = 'custom-sticky-post';
    }
    return $classes;
}
add_filter('post_class', 'add_custom_sticky_class');

Потом заходим в Настроить – Дополнительные стили и добавляем CSS:


/* Target sticky posts only on the homepage */
.home .custom-sticky-post {
    font-size: 1em;   /* Makes the text smaller */
    padding: 20px;      /* Adjusts padding */
    border: 2px solid red;  /* Adds a border */
    background-color: #f9f9f9; /* Light background color */
    width: 100%;        /* Shrinks the width */
    margin: 0 auto 20px;  /* Centers and adds margin */
   border-radius: 15px;        /* Optional: rounded corners */
}

/* Optional: Adjust sticky post images only on the homepage */
.home .custom-sticky-post img {
    width: 100%;        /* Makes images smaller */
    height: auto;
}

/* Ensure regular posts and single posts remain unaffected */
.post, .single-post .post {
    font-size: 1em;
    width: 100%;
}

Здесь немного по-английски, но что делать… Если есть вопросы, всегда можно написать и спросить. Можно воспользоваться переводчиком от Google.

Меняйте в стиле всё, что хотите.


 ⬇ Поделиться в соцсетях и мессенджерах



Популярные записи

Рубрики блога




newsbee Media