Оформление верхнего поста
Оригинал взят у r_e_m в Оформление верхнего поста
Решил поделиться своим рецептом оформления верхнего поста. В принципе, этим способом можно оформить любой отдельно взятый пост, каким-то особенным образом, но рассмотрим на примере верхнего прикреплённого поста, т.к. он привлекает больше всего внимания. Пример можно глянуть в моём журнале.
Зачем это нужно?
Лично меня всегда бесило, что для верхнего поста отображается дата, т.к. очевидно дата в 2020 году не несёт никакого смысла, а также ссылки на комменты и всё остальное, т.к. я бы хотел использовать прикреплённый пост, просто как место в шапке журнала, куда я могу внести любую инфу, но чтобы это не выглядело как прикреплённый пост (потому что по сути это не пост). Это особенно удобно, когда вы используете одноколоночные стили, но всё таки хотели бы добавить какие-то ссылки или метки.
Как это сделать?
Мало кто знает, но у каждого поста есть свой id, по которому и можно задавать стили для каждого поста отдельно. Чтобы узнать этот id кликнем на тексте поста правой кнопкой мыши в Мозиле и выберем "исследовать элемент" (аналогичные функции есть и в других браузерах). Откроется панель с кодом, где вы должны найти элемент начинающийся как article#entry-..., смотрите скриншот ниже.
В моём случаи это article#entry-r_e_m-33877, т.е. r_e_m это название журнала и 33877 это некий номер поста.
Далее идём в custom css своей темы, и используя #entry-r_e_m-33877 добавляем стили только к данном посту следующим образом:
Убираем дату поста, она всё равно из будущего:
#entry-r_e_m-33877 .j-e-date {display: none;}
Убираем ссылки. Я отключаю комментарии и все остальные ссылки, хотя многие любят оставлять комментарии к верхнему посту.
#entry-r_e_m-33877 .j-e-nav-list {display: none;}
Убираем заголовок. Например, если вы не хотите, чтобы заголовок был ссылкой на пост, его можно убрать, и добавить заголовок уже в тексте поста или вообще обойтись без него.
#entry-r_e_m-33877 .j-e-title {display: none;}
В моём случае, я использую классы называющиеся .j-e-date и т.п., потому что так они называются в моём журнале. В вашем случае, они скорее всего называются по другому, так что смотрите названия класса соответствующего элемента функцией "исследовать элемент".
Вот пожалуй и всё, когда вы убрали всё лишнее у вас есть блок произвольного текста на верху вашего журнала.
Для примера, посмотрите как это выглядит в моём журнале.
Спасибо за внимание ;)
Решил поделиться своим рецептом оформления верхнего поста. В принципе, этим способом можно оформить любой отдельно взятый пост, каким-то особенным образом, но рассмотрим на примере верхнего прикреплённого поста, т.к. он привлекает больше всего внимания. Пример можно глянуть в моём журнале.
Зачем это нужно?
Лично меня всегда бесило, что для верхнего поста отображается дата, т.к. очевидно дата в 2020 году не несёт никакого смысла, а также ссылки на комменты и всё остальное, т.к. я бы хотел использовать прикреплённый пост, просто как место в шапке журнала, куда я могу внести любую инфу, но чтобы это не выглядело как прикреплённый пост (потому что по сути это не пост). Это особенно удобно, когда вы используете одноколоночные стили, но всё таки хотели бы добавить какие-то ссылки или метки.
Как это сделать?
Мало кто знает, но у каждого поста есть свой id, по которому и можно задавать стили для каждого поста отдельно. Чтобы узнать этот id кликнем на тексте поста правой кнопкой мыши в Мозиле и выберем "исследовать элемент" (аналогичные функции есть и в других браузерах). Откроется панель с кодом, где вы должны найти элемент начинающийся как article#entry-..., смотрите скриншот ниже.
В моём случаи это article#entry-r_e_m-33877, т.е. r_e_m это название журнала и 33877 это некий номер поста.
Далее идём в custom css своей темы, и используя #entry-r_e_m-33877 добавляем стили только к данном посту следующим образом:
Убираем дату поста, она всё равно из будущего:
#entry-r_e_m-33877 .j-e-date {display: none;}
Убираем ссылки. Я отключаю комментарии и все остальные ссылки, хотя многие любят оставлять комментарии к верхнему посту.
#entry-r_e_m-33877 .j-e-nav-list {display: none;}
Убираем заголовок. Например, если вы не хотите, чтобы заголовок был ссылкой на пост, его можно убрать, и добавить заголовок уже в тексте поста или вообще обойтись без него.
#entry-r_e_m-33877 .j-e-title {display: none;}
В моём случае, я использую классы называющиеся .j-e-date и т.п., потому что так они называются в моём журнале. В вашем случае, они скорее всего называются по другому, так что смотрите названия класса соответствующего элемента функцией "исследовать элемент".
Вот пожалуй и всё, когда вы убрали всё лишнее у вас есть блок произвольного текста на верху вашего журнала.
Для примера, посмотрите как это выглядит в моём журнале.
Спасибо за внимание ;)