Blog Post Styling

@oshyan какой замечательный сайт! Мне особенно нравится выпадающее меню «Категории»!

2 лайка

Это активно включено в мой список задач, чтобы попытаться заставить это работать. Я только что завершил некоторые исправления и обновления другого компонента, поэтому как можно скорее посмотрю, что я смогу сделать с этим. Сейчас у меня очень много дел, так что это может занять немного времени. Если по какой-то причине вы не слышали от меня в течение месяца, пожалуйста, напомните мне о себе :slight_smile:

5 лайков

:backhand_index_pointing_right: пик-пик :grin: Мои тексты часто бывают длинными, и я, возможно, использую заголовки чаще, чем средний человек. Но мне также очень нравится стилизация для постов в блоге! Надеюсь, они смогут мирно сосуществовать. :slightly_smiling_face:

3 лайка

Как уменьшить размер текста? Я не хочу использовать его в размере 1.25em. Я пробовал уменьшить его до 1em с помощью CSS-трюков, но это не сработало.

@tshenry Я заметил несколько ошибок в оформлении поста блога (они также присутствуют в предпросмотре темы):

  1. Фон комментариев выглядит некорректно и имеет странный сероватый оттенок:

  2. При увеличении страницы пост блога начинает перекрывать боковую панель:

  3. Аватарки пользователей и значки расположены слишком близко к заголовку, дате публикации и т. д. (см. изображение выше)

Привет, Rootzilla,

Извини за поздний ответ. Ты можешь изменить размер шрифта, используя этот CSS:

.category-blog .topic-post:first-child {
    font-size: 1em;
}
3 лайка

У меня странная ошибка только с одной темой. Остальные работают нормально. Верхнее изображение не отображается, и любое изображение, которое я туда помещаю, исчезает. Я совершенно не понимаю, что происходит.

Это вот эта тема: Take A Smile - Approved Activities List - Public Happiness

Я отключил стилизацию блога, и теперь изображение отображается. Если я снова включу её, то изображение исчезнет.

Единственная зацепка, которая у меня есть, заключается в том, что миниатюра в подкатегории также не отображается только для этой темы и ни для какой другой.

1 лайк

Это только у меня или после недавнего обновления ядра заголовки стали меньше на темах, использующих стиль блога:

1 лайк

У меня та же проблема — много ошибок появилось с версии Discourse 3 (и раньше, при использовании экспериментальных функций). Этот компонент всё ещё обновляется?

2 лайка

Пробую это в новом сообществе и замечаю некоторые проблемы со стилями на практически (насколько я понимаю в этом отношении) стандартном сообществе.

Этот компонент всё ещё поддерживается?

2 лайка

Не уверен, поддерживается ли это официально, но я использую этот компонент темы, и он работает, как заявлено, на актуальной установке с самостоятельным размещением. пример

2 лайка

@tshenry

Спасибо за этот отличный компонент. У меня два предложения.

При открытии темы для отображения в виде блога (в категории или с тегом):

  • Можно ли автоматически скрывать боковое меню? Это сделает страницу более похожей на блог.
    Найдите компонент Дона: Can I default to a hidden sidebar? - #4 by Don
    Можно реализовать это и добавить как настройку для UX по умолчанию (скрыто или показано) …
  • Можно ли, чтобы страница оставалась на первом посте темы (в блоге), а не переходила к последнему прочитанному ответу (стандартный опыт). Хотя не уверен, какой вариант лучше для страницы блога.

Спасибо.

1 лайк

Я давно начал работу над исправлением и обновлением, но не смог выделить достаточно времени, чтобы завершить её. Я знаю, что после изменений в ядре начали проявляться некоторые недочёты, и, по-моему, существуют давние проблемы с совместимостью с DiscoTOC.

Давайте посмотрим, смогу ли я получить от команды мнение о том, каким должно быть будущее этого компонента. На данный момент он всё ещё технически является неофициальным, управляемым лично компонентом.

2 лайка

Думаю, какой-то официальный стиль «блога» с минимальными сложностями подошёл бы очень многим, но ваш компонент, @tshenry, — замечательный вклад. Он работает у меня, спасибо!

Надеюсь, у вас найдётся время обновить этот компонент. Мне он очень нравится, но сейчас появляется следующее предупреждение:

[Уведомление администратора] Один из ваших тем или плагинов требует обновления для совместимости с предстоящими изменениями в ядре Discourse. (id:component-template-resolving)

А в консоли я вижу эти сообщения:

[Предупреждение] УСТАРЕВШИЙ ЭЛЕМЕНТ: Компоненты с отдельно разрешаемыми шаблонами устарели. Перейдите либо к файлам js/ts + hbs, расположенным рядом, либо к файлам gjs/gts. Попытка поиска 'template:components/blog-image'. [id устаревания: component-template-resolving] Это будет удалено в ember-source 6.0.0. Подробнее см. по ссылке https://deprecations.emberjs.com/id/component-template-resolving (chunk.3d3a2777cc56b0f68f02.d41d8cd9.js, строка 377)
[Предупреждение] УСТАРЕВШИЙ ЭЛЕМЕНТ: [ТЕМА 13 'Стилизация поста в блоге'] Свойство `isBlogTopic` использовалось в шаблоне `discourse/theme-13/discourse/templates/components/blog-image` без использования `this`. Такое поведение по умолчанию устарело; все свойства, используемые в шаблоне, должны обращаться через `this`: {{this.isBlogTopic}} [id устаревания: ember-this-fallback.this-property-fallback] Это будет удалено в ember-this-fallback n/a. Подробнее см. по ссылке https://meta.discourse.org/t/337276 (chunk.3d3a2777cc56b0f68f02.d41d8cd9.js, строка 377)
[Предупреждение] УСТАРЕВШИЙ ЭЛЕМЕНТ: [ТЕМА 13 'Стилизация поста в блоге'] Свойство `imageURL` использовалось в шаблоне `discourse/theme-13/discourse/templates/components/blog-image` без использования `this`. Такое поведение по умолчанию устарело; все свойства, используемые в шаблоне, должны обращаться через `this`: {{this.imageURL}} [id устаревания: ember-this-fallback.this-property-fallback] Это будет удалено в ember-this-fallback n/a. Подробнее см. по ссылке https://meta.discourse.org/t/337276 (chunk.3d3a2777cc56b0f68f02.d41d8cd9.js, строка 377)
[Предупреждение] УСТАРЕВШИЙ ЭЛЕМЕНТ: [ТЕМА 13 'Стилизация поста в блоге'] Свойство `model` использовалось в шаблоне `discourse/theme-13/discourse/templates/connectors/topic-above-post-stream/blog-post-styling` без использования `this`. Такое поведение по умолчанию устарело; все свойства, используемые в шаблоне, должны обращаться через `this`: {{this.model}} [id устаревания: ember-this-fallback.this-property-fallback] Это будет удалено в ember-this-fallback n/a. Подробнее см. по ссылке https://meta.discourse.org/t/337276 (chunk.3d3a2777cc56b0f68f02.d41d8cd9.js, строка 377)
4 лайка

У меня та же проблема. Надеюсь, обновление этого компонента решит её, @tshenry.

Спасибо за отчёты. Я постараюсь исправить предупреждения на этой неделе. Этот компонент действительно нуждается в общем обновлении, но, к сожалению, времени в последнее время не хватает!

4 лайка

Отлично, я устранил все предупреждения об устаревании и смог включить те обновления, которые считаю достаточно важными. Можно сделать ещё больше для улучшения совместимости с другими кастомизациями, но на данный момент я сделал всё, что мог.

Спасибо всем за терпение. Дайте знать, если возникнут какие-либо проблемы с обновлением.

8 лайков

Думаю, это связано с последним обновлением, но как мне убрать этот раздел «Комментарии»?

Никаких изменений при использовании

.comments_heading {
    display: none !important;
}

или если оставить поле конфигурации пустым

(Пришлось схитрить и добавить «пробел», но…)

Спасибо, @Thierry_Trégaro! Заголовок «Комментарии» — это нововведение, призванное сделать ответы более похожими на раздел комментариев в блоге.

Он не должен был отображаться в обычной теме, подобной той, что вы показали на скриншоте. Я исправил эту проблему (заодно устранил несколько других мелких ошибок в оформлении).

Пожалуйста, обновите компонент.

Если после обновления вы захотите скрыть заголовок «Комментарии» и для настоящих публикаций в блоге, добавьте следующее в отдельный компонент:

.comments-heading {
  display: none !important;
}
6 лайков