Topic List Previews (legacy)

Вы абсолютно правы, приношу извинения. При значении ноль высота должна автоматически подстраиваться на мобильных устройствах. Такое поведение нежелательно. Как только у меня появится время, я займусь этим вопросом. Также я рассмотрю возможность вынесения этого в отдельную пару для мобильных устройств.

Тем временем могу порекомендовать вам включить режим «плитка» на мобильных устройствах ИЛИ изменить максимальную высоту миниатюры, например:

.mobile-view .topic-list img.thumbnail:not(.tiles-thumbnail) {
    max-height: 900px;
}

900 пикселей, вероятно, излишне, но это значение нужно для захвата очень высоких изображений! :slight_smile:

Вы также можете настроить максимальную ширину по своему вкусу (по умолчанию 80 пикселей).

2 лайка

Просто хотел подтвердить наблюдаемое поведение.

При установке ширины и высоты в 100 пикселей:

  • Миниатюры на рабочем столе имеют ширину 100 пикселей и высоту 100 пикселей, и они фактически обрезаются (изображение не растягивается и не сплющивается).
  • Миниатюры на мобильных устройствах имеют разную ширину и высоту в зависимости от соотношения сторон изображения.

При ширине 100 пикселей и высоте 0 пикселей:

  • Миниатюры на рабочем столе имеют ширину 100 пикселей и разную высоту в зависимости от соотношения сторон.
  • Миниатюры на мобильных устройствах имеют разную ширину и высоту в зависимости от соотношения сторон изображения.

Похоже, что эти настройки не учитываются мобильным стилем.

1 лайк

Верно, CSS по умолчанию ограничивает максимальную ширину и высоту до 80 пикселей (для мобильного представления без плиток).

На данный момент лучшим решением будет изменение CSS.

Вы можете поэкспериментировать с числами, чтобы элементы выровнялись, например, с аватарами.

Привыкайте использовать инструмент «Инспектор браузера» для написания CSS.

2 лайка

Я только что попробовал настроить это, но изображение-заглушка не отображается.

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

Предполагаю, что для этого не нужно пересобирать посты, верно?

1 лайк

Сейчас я не в офисе, но перепроверю, как только будет возможность.

У вас возникает ошибка JavaScript в консоли? Пожалуйста, убедитесь, что ссылка на изображение ведет на файл, размещенный (загруженный) на вашем сайте, и повторите попытку при необходимости.

1 лайк

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

3 лайка

Я только что обновил TLP Theme Component (да, обычно я так не делаю посреди месяца).

Теперь он поддерживает миниатюры для десктопа и мобильных устройств :framed_picture: и даже вид плиток в списке «Предлагаемые» для тем. :tada:

(а также исправляет проблему с критическим изменением в ядре, которое теперь это позволяет — спасибо, Дэвид!)

С удовольствием. :stuck_out_tongue_winking_eye:

(сообщайте о любых проблемах, но, похоже, всё совместимо с последними успешными тестами по состоянию на эти выходные).

Плагин теперь поддерживает миниатюры в списке «Предлагаемые» на мобильных устройствах. Возможно, скоро я добавлю поддержку плиток для списка «Предлагаемые» и на десктопе, и на мобильных устройствах.

8 лайков

Не уверен, что это касалось моей проблемы с сортировкой или было адресовано Дэвиду из Discourse. К сведению: проблема с сортировкой всё ещё сохраняется.

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

1 лайк

Не по теме. Я посмотрю на проблему с сортировкой в ближайшее время. Сбой в TC был более серьезным.

Да, я знаю, что их нужно добавлять вручную в TC. Я посмотрю, смогу ли я это исправить в ближайшее время.

2 лайка

Если я не ошибаюсь, установка этого плагина обеспечит ту же функциональность и даже больше, чем эти два компонента темы по отдельности:

Я просто пытаюсь понять: если я установлю этот плагин, нужно ли мне удалить вышеупомянутые компоненты темы?

1 лайк

Я бы не рекомендовал устанавливать оба варианта, иначе вы столкнётесь с некоторыми странными проблемами. Выберите либо плагин «Topic List Previews» (обсуждаемый в этой теме), либо компоненты темы, на которые вы сослались.

2 лайка

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

1 лайк

Дэвид абсолютно прав. У этих двух вариантов есть небольшие различия в наборе функций и внешнем виде. Выбор того, что установить, зависит от вас, но они вряд ли будут работать вместе. Попробуйте оба. Если вы установите оба TC, вы сможете легко переключаться между ними (у TLP тоже есть вариант в стиле TC).

3 лайка

Я пробовал оба варианта, и результаты могут быть одинаковыми. Однако мне нравится, что этот плагин предлагает изображение-заглушку по умолчанию. Я действительно пытался использовать его, добавив ссылку на Imgur для категории, но это не сработало. Вот сама категория: Strategy - Duelists Unite

Ссылка на Imgur: Imgur: The magic of the Internet

Нужно ли, чтобы изображение имело определённый размер и формат?

1 лайк

Я полагаю, что изображение нужно загрузить локально. Пожалуйста, попробуйте это сначала.

1 лайк

Когда мы загружаем изображения для иконок категорий и заголовков, где они хранятся? Я размещу изображения в том же месте, но просто уточняю, так как это тоже должно быть локально. Мне кажется, что иконки категорий должны использоваться по умолчанию, если не указано изображение по умолчанию.

Можете ли вы привести пример того, какой путь для локальных файлов мне следует указывать? Я создал папку ‘pics’ в своей папке discourse. То есть путь: var/www/discourse/pics/image.png. Должен ли я указывать “pics/image.png”?

Я полагаю, что пост Джеймса Кука выше содержал ту же проблему, и она не была решена: Topic List Previews (legacy) - #1210 by jamesmarkcook

1 лайк

На вашем форуме должна быть тема «Ресурсы для дизайна сайта». Просто загрузите изображение в эту тему, щёлкните по нему правой кнопкой мыши и выберите «Копировать адрес изображения».

2 лайка

Я понимаю, что вы имеете в виду. Я создал тему под названием «Assets» и загрузил несколько изображений. Я скопировал URL и вставил его туда, но это не сработало.

Вот этот URL. Я пробовал полный URL, а также URL без доменного имени, который выглядит так:

uploads/default/original/1X/c1808d114892ff27d1a7f08e7a95c991390cb689.png

1 лайк

Просто обновление. Я удалил плагин и установил версию компонента темы: Topic List Previews (legacy) - #1010 by merefield

Используя точно такой же URL, как выше (/uploads/default/original/1X/c1808d114892ff27d1a7f08e7a95c991390cb689.png), миниатюра по умолчанию сработала.

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

Скорее всего, я вернусь к двум другим компонентам темы, если плагин не сможет работать с URL изображения.

Спасибо.

1 лайк

Оказывается, вы обнаружили ошибку :+1:t2:. Это, должно быть, была давно существующая проблема, которая возникла после того, как ядро Discourse взяло на себя обработку миниатюр.

Несмотря на то, что это произошло не в период нашей поддержки в начале месяца, я выпустил исправление, чтобы прекратить ваши страдания :slight_smile:

Теперь это должно работать в плагине (TC работал все это время).

@jamesmarkcook, думаю, это может быть актуально и для вас. Приношу извинения, проблема теперь должна быть исправлена.

4 лайка