Содержание
Как многие из вас знают, мы недавно запустили Crunchify Forum
просто посвященный всем нашим читателям, чтобы задавать и отправлять запросы, которые могут у вас возникнуть относительно трюков WordPress , настройки Adsense , исключений Java и т. д.
Несколько дней назад мы получили вопросы от Simeon
о том, как добавить BLOG POST
или же BLOG PAGE
лента как на Crunchify. Вместо того, чтобы отвечать на ветку, я решил создать полное подробное руководство, которое поможет всем читателям Crunchify.
Вот скриншот для BLOG POST.
Давайте начнем:
Шаг 1
Поскольку я использую Genesis Framework , у меня есть ниже структура HTML для моего блога. Просто щелкните правой кнопкой мыши на любом сообщении или странице на Crunchify.com и выберите inspect
и вы можете проверить ниже.
For page:
For Post:
Шаг 2
Как я знаю, я только что изменил свойство CSS для записи и страницы, вот мой код, который я поместил в файл style.css.
ПРИМЕЧАНИЕ: здесь у меня тоже есть запись, которая также добавит ленту на лицевую / домашнюю страницу.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
|
, пост : раньше , , запись : до {
фон : # dd7127;
содержание : Сообщение блога ! важно ;
положение : абсолютный ;
размер шрифта : 11px ;
текст — преобразование : прописные буквы ;
верх : 0 ;
слева : 0 ;
набивка : 1px 10px 0 ;
цвет : белый ;
}
, страница : до {
фон : # dd7127;
содержание : «Страница блога» ! важно ;
положение : абсолютный ;
размер шрифта : 11px ;
текст — преобразование : прописные буквы ;
верх : 0 ;
слева : 0 ;
набивка : 1px 10px 0 ;
цвет : белый ;
}
|
Шаг 3
- Просто сохраните файл style.css
- Очистить кеш блога
- Если вы используете CDN, то смывайте
style.css
кэшированные файлы - Перезагрузить страницу
И вы должны увидеть ленту, как на картинке выше.
А как насчет не GenesisWP темы?
Ну, идея проста. Просто попробуйте найти свойство CSS, которое является уникальным для вашего поста и страницы, и обновите код CSS выше.
Это должно работать и для других тем .
0.00 (0%) 0 votes