Тема-компонент баннера ссылки приветствия с фотографиями

Привет! Я бы хотел вежливо предложить две функции для этого компонента темы:

  1. Возможность размещать фотографии квадратного размера 100×100. Это очень полезно для отображения фотографий в память об ушедших (членах сообщества, кумирах, пользователях, сделавших пожертвования), фото для кампаний по повышению осведомленности (например, о вакцинации или прохождении тестов на рак), а также фотографий событий (Рождество, Новый год, Пасха). К фото можно будет добавить заголовок и небольшой текст.

  1. Возможность для TL4 и модераторов также редактировать фотографии и текст, чтобы они могли самостоятельно добавлять актуальные фото для памятных постов, кампаний по повышению осведомленности или других целей. Это упростит процесс добавления фото и текста и сделает его менее зависимым только от администратора.

@mecay привет! Также есть компонент темы «Versatile Banner», который может вам помочь, но он не позволяет модераторам вносить изменения. Я использую его на своём сайте, и там больше места для текста и фотографий.

Модераторы (или пользовательские группы) не могут менять темы — поэтому я не уверен, что то, о чём вы просите, возможно. Но если это так, потребуется некоторая кастомная разработка, поэтому я бы порекомендовал создать эту тему в категории marketplace.

Также можно попробовать использовать код «add a feature topic», чтобы использовать одну тему в качестве заголовка, и тогда ваши модераторы смогут изменять эту тему. Кроме того, внешний вид можно настроить с помощью CSS. :woman_shrugging:

https://meta.discourse.org/t/add-a-featured-topic-list-to-your-discourse-homepage/132949

2 лайка

Привет, Daniela,

Поле приветственного баннера принимает HTML-код, поэтому вы уже можете добавлять изображения и при необходимости корректировать их с помощью CSS.

1 лайк

Большое спасибо, что сообщили об этом. У меня всё сработало отлично: CSS-код для десктопа работает безупречно, но в мобильной версии изображение не по центру — на каждом телефоне оно смещено по-разному.

Я уже использовал этот универсальный баннер, но обнаружил, что его интерфейс не так интересен, как интерфейс баннера «Ссылка приветствия». Кроме того, им довольно сложно пользоваться (еще сложнее для других людей, которые работают с ним, например, моих модераторов, которые не разбираются в HTML или CSS). Я сделал адаптацию баннера «Ссылка приветствия», но выглядит это ужасно и вызывает у меня много головной боли.

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

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

Просто из любопытства — вы ожидаете, что Discourse будет автоматически обрезать и изменять размер фотографий за вас? У вас есть Photoshop, который создан для этих целей, поэтому вы должны форматировать фото перед загрузкой на форум.

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

1 лайк

Ах, теперь я понял, что вы имеете в виду. В любом случае рекомендую сначала отформатировать фотографии в Photoshop.

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

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

1 лайк