Домой Учебные пособия по WordPress Genesis Framework Как добавить ленты «BLOG POST» и «BLOG PAGE» в тему Genesis WordPress...

Как добавить ленты «BLOG POST» и «BLOG PAGE» в тему Genesis WordPress Framework? Вот простые CSS трюки

290
0

Содержание

Как многие из вас знают, мы недавно запустили 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.

ПРИМЕЧАНИЕ: здесь у меня тоже есть запись, которая также добавит ленту на лицевую / домашнюю страницу.

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 кэшированные файлы
  • Перезагрузить страницу
ЧИТАТЬ ТАКЖЕ:  Как добавить область виджетов после публикации в Genesis 2.0 Framework - Советы по WordPress

И вы должны увидеть ленту, как на картинке выше.

А как насчет не GenesisWP темы?

Ну, идея проста. Просто попробуйте найти свойство CSS, которое является уникальным для вашего поста и страницы, и обновите код CSS выше.

Это должно работать и для других тем .

Как добавить ленты «BLOG POST» и «BLOG PAGE» в тему Genesis WordPress Framework? Вот простые CSS трюки

0.00 (0%) 0 votes

ОСТАВЬТЕ ОТВЕТ

Пожалуйста, введите ваш комментарий!
пожалуйста, введите ваше имя здесь