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

Слов в тексте - 172, время чтения в минутах - 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%;
}