Для начала заходим в Сниппеты и добавляем простой фрагмент кода.
Вот он:
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.
Меняйте в стиле всё, что хотите.
⬇ Поделиться в соцсетях и мессенджерах
Популярные записи
Рубрики блога