Мы разрабатываем продукт и пользовательский опыт, в общих чертах следуя модели Jobs to Be Done (как прогресс).
Мне кажется, что Codecademy отлично это понимает. Что именно пытается сделать пользователь, заходя на сайт, чтобы в конечном итоге улучшить свою текущую ситуацию? Мы тоже стремимся к этому и к упрощению.
Я бы хотел поэкспериментировать с форматом, более похожим на то, что представлено на сайте Codecademy, но не хочу нарушать работу нашего сайта в живом режиме ради экспериментов для наших участников. Есть ли способ «предпросмотра» изменений, влияющих на макет?
Также я заметил, что некоторые незначительные изменения в форматировании или оформлении вызывают проблемы с плагином оглавления (TOC), который мы используем. Я полагаю, это связано в основном с задержкой (ему требуется минута, чтобы обновиться и корректно перезагрузиться после изменений?), поэтому мы не проводим много тонкой настройки, так как сильно полагаемся на эту функцию в нашей документации.
Кроме того, если у кого-то есть отзывы о макете или организации нашего сайта, это тоже было бы здорово. Всегда полезно взглянуть свежим взглядом!
Да, конечно! Вы можете использовать раздел настройки в настройках администратора вашего сообщества, чтобы вносить и просматривать изменения. Вот прекрасный гайд, который объясняет, как всё работает:
Так как вы заинтересовались темой Codecademy, я решил также поделиться этим:
Первое наблюдение: насколько я могу судить, невозможно предварительно просмотреть другой макет для категорий. Мы хотели изменить отображение категорий с «Блоки с рекомендуемыми темами» на «Категории с рекомендуемыми темами». Обновление этого параметра сразу отразилось на работающем сайте. Делимся этим здесь для пользы других.
Новый вопрос: если возможно, как можно изменить цвет этих ссылок и текста? Нас путает визуальное восприятие того, что является ссылкой, а что нет, и ссылок здесь очень много. Мы хотели бы настроить цвет определённых ссылок, чтобы помочь пользователям сосредоточиться на том, что им действительно нужно или что они хотят нажать для дальнейшего изучения.
Да. Вы можете изменить цвет или внешний вид любого элемента, перейдя на вкладку «Настроить» в панели администратора и либо отредактировав CSS вашей текущей темы, либо добавив компонент темы с необходимыми изменениями.
Вы можете использовать инспектор Chrome, чтобы найти нужный CSS-класс для применения изменений.
Спасибо! Есть ли способ убрать эти счетчики «непрочитанные» и «новые» из подкатегорий? Цвет я уже поправил, но, на мой взгляд, они загромождают вид, и я хотел бы их скрыть. В настройках я этого не нашёл. Мы используем только светлую тему.
Та же рекомендация, что и Hawk выше. С помощью инструмента разработчика в браузере найдите CSS-класс для применения и используйте компонент темы, чтобы внести изменения.
Просто хотел закрыть этот вопрос, на случай если кому-то ещё интересно, как получить похожий вид на discuss.codeacademy.com с пользовательским баннером на главной странице. В итоге мы воспользовались этим руководством от @awesomerobot, чтобы получить баннер, который отображается только на главной странице. Не так элегантно, как у них, но задача выполнена!
А затем использовали баннеры категорий
Изменения в CSS помогли настроить цветовую схему для непрочитанных сообщений и т. д.
