Воздушная тема

[jordan.vidrine]

Единственный способ сделать это — отключить компонент, который кастомизировал страницу категории. Перейдите на https://discourse.jordanvidrine.com/admin/customize/themes, нажмите на Components и найдите Modern Category + Group Boxes. На этой странице прокрутите вниз и нажмите на Disable.

[1378434153 (Tom)]

Хорошо. Но тему нельзя настроить

[1378434153 (Tom)]

Ещё один вопрос: мне нужно отображать количество просмотров в списке тем. Подскажите, пожалуйста, как это сделать. Большое спасибо.

[Moolli]

Привет, Джордан, спасибо за твой ответ! Я очень это ценю!

[mati_h]

Привет @jordan.vidrine, спасибо за отличную тему! Подскажите, можно ли отображать категории и последние публикации на главной странице? Дайте знать.

[wendellverli (Wendell Fernandes)]

Моя тема — discourse.fotografos.online. Не могу понять, почему верхняя часть белая? Где мой заголовок!?? Кто-нибудь помогите! Это чистая установка! Что мне нужно сделать, чтобы добавить туда изображение вместо сплошного синего цвета?

[eddy2 (Eddy)]

@jordan.vidrine Возможно ли добавить столбец «Просмотры»? Если да, то где можно найти эту опцию? Спасибо.

[jordan.vidrine]

Air Theme

I believe this should work: .full-width .contents .topic-list thead th.posts { width: 10%; } .full-width .contents .topic-list thead th.activity { width: 10%; order: 4; } th.num.views { width: 10%; order: 3; display: block; } .full-width .contents .topic-list tbody tr:not(.topic-list-item-separator) td.posts { width: 10%; order: 2; } .topic-list .views { width: 10%; order: 3; } .full-width .contents .topic-list tbody tr:not(.topic-list-item-separator) td.age { width: 10%; order: 4; }

[eddy2 (Eddy)]

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

[jordan.vidrine]

1. Перейдите сюда admin/customize/themes
2. Нажмите на компоненты
3. Нажмите Установить
4. Нажмите Создать новый и дайте ему имя
5. Нажмите на новый компонент в списке компонентов
6. Нажмите Редактировать Html/css
7. Добавьте приведенный выше связанный код в общий файл CSS.
8. Добавьте этот новый компонент в используемую в настоящее время тему

[eddy2 (Eddy)]

Спасибо. Я очень ценю вашу помощь.

[eddy2 (Eddy)]

Мне не удалось заставить HTML/CSS работать с текущей темой. Однако при предпросмотре нового компонента я вижу раздел «Views». Тема также отображает новый компонент как добавленный.

Вот короткое видео: https://share.cleanshot.com/ekutkT

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

Спасибо за всю вашу помощь.

[Brady1 (Brady Anthony-Brumfield)]

Где мне это добавить? Это исправит обрезку фоновой картинки, как на изображении, верно?

[jordan.vidrine]

Вы можете пройти по следующим шагам и добавить CSS там:

@jordan.vidrine

• Перейдите сюда admin/customize/themes
• Нажмите на «Компоненты»
• Нажмите «Установить»
• Нажмите «Создать новый» и дайте ему имя
• Нажмите на новый компонент в списке компонентов
• Нажмите Редактировать HTML/CSS
• Добавьте приведенный выше код в общий файл CSS.
• Добавьте этот новый компонент к текущей используемой теме

[UnitedFreedom (James)]

Как добавить колонку «Просмотры» в список тем.

Я совсем не разработчик и не программист. Я потратил несколько часов, экспериментируя с CSS-кодом, используя функцию «Инспектировать элемент» в Google Chrome. Мне удалось правильно отобразить колонку с просмотрами, а также изменить размер каждой колонки на своё усмотрение. Вы можете свободно настроить ширину в приведённом ниже CSS-коде. Я также добавил комментарии в код, чтобы вы легко могли понять, какой фрагмент отвечает за какую колонку. Для каждой колонки есть две области (заголовок и строка). Эти ширины должны совпадать.

Надеюсь, это поможет всем вам: @daming @bksubhuti @eddy2

@daming

У меня есть предложение: возможно, стоит добавить отображение количества просмотров на основной интерфейс поста. Это даст пользователям прямой доступ к самым популярным постам в сообществе.

@bksubhuti

Как мне отобразить просмотры в списке тем (этой колонки нет)?

@eddy2

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

Инструкция

1. Создайте новый компонент.

@jordan.vidrine

• Перейдите сюда admin/customize/themes
• Нажмите на «Компоненты»
• Нажмите «Установить»
• Нажмите «Создать новый» и дайте ему имя
• Нажмите на новый компонент в списке компонентов
• Добавьте этот новый компонент в текущую используемую тему
• Нажмите Редактировать HTML/CSS
• Добавьте ссылочный код выше в общий CSS-файл.

2. Скопируйте этот CSS

Используйте приведённый ниже обновлённый CSS вместо кода, предоставленного @jordan.vidrine выше.

Вариант A) Добавить колонку «Просмотры» только для десктопа (рекомендуется)

• Добавьте CSS-код во вкладку Desktop.

Вариант B) Добавить колонку «Просмотры» для десктопа и мобильных устройств.

• Добавьте CSS-код во вкладку Common.

Вариант C) Добавить колонку «Просмотры» только для мобильных устройств.

• Добавьте CSS-код во вкладку Mobile.

Примечание: Если вы выбрали вариант B или C…

На мобильных устройствах три колонки (Ответы, Просмотры, Активность) занимают слишком много места и сжимаются. Если вам это нужно для мобильных устройств, я рекомендую удалить одну из трёх колонок. Это можно сделать, добавив Display: none в обе области (Заголовок, Строки) в приведённом ниже CSS-коде для колонки, которую вы хотите скрыть.

/* [Тема] */

    /* Заголовок темы */
    .full-width .contents .topic-list .topic-list-body .topic-list-item .topic-list-data.main-link {
        width: 66%;
    }
    
    /* Строка темы */
    .full-width .contents .topic-list .topic-list-header .topic-list-data.default {
        width: 66%;
    }

/* [Ответы] */

    /* Заголовок ответов */
    .full-width .contents .topic-list .topic-list-header .topic-list-data.posts {
        width: 7%;
        order: 2;
    }
    
    /* Строки ответов */
    .full-width .contents .topic-list .topic-list-body .topic-list-item .topic-list-data.posts {
        width: 7%;
        order: 2;
    }

/* [Просмотры] */

    /* Заголовок просмотров */
    .full-width .contents .topic-list .topic-list-header .topic-list-data.views {
        display: block;
        width: 7%;
        order: 3;
    }
    
    /* Строки просмотров */
    .full-width .contents .topic-list .topic-list-body .topic-list-item .topic-list-data.views {
        width: 7%;
        order: 3;
        display: flex;
        justify-content: center;
        align-items: center;
    }

/* [Активность] */

    /* Заголовок активности */
    .full-width .contents .topic-list .topic-list-header .topic-list-data.activity {
        display: block;
        width: 7%;
        order: 4;
    }
    
    /* Строки активности */
    .full-width .contents .topic-list .topic-list-body .topic-list-item .topic-list-data.age {
        width: 7%;
        order: 4;
    }

@jordan.vidrine Если у вас есть правки к написанному мной CSS, пожалуйста, дайте мне знать. Я не до конца понимаю, что делаю… но это работает, ха-ха.

[UnitedFreedom (James)]

Вот мои изменения CSS для улучшения мобильного вида.

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

Вот оригинал (без изменений)

Обратите внимание на следующее на картинке выше:

• Цифра 1, обозначающая количество ответов, расположена слишком далеко слева.
• Пузырь темы слегка накладывается на синий фон.
• Между всем содержимым и синим фоном нет отступов.
• Синий фон не выглядит хорошо на странице категории. Хотя на главной странице мне он нравится.

Вот CSS-код, который я добавил во вкладку Mobile.

/* Добавляем отступы для области категорий, подкатегорий, тегов, поиска, последних тем, новых тем и уведомлений */
.list-controls {
    padding: 5px;
}

/* Добавляем отступы для области тем */
div#list-area {
    padding: 6px;
}

/* Выравниваем число ответов немного правее */
.full-width .contents .topic-list .topic-list-body .topic-list-item .topic-list-data.posts {
    float: right;
}

Обновлённый вид (после добавления CSS)

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

/* Удаляем синий фон только для категорий */
html .category .background-container {
    background: #fff;
    clip-path: none;
}

Вот как это выглядит со всеми изменениями.

[UnitedFreedom (James)]

Сообщение о проблеме на мобильных устройствах

На мобильных устройствах есть выпадающий список «Категории». При нажатии на него и выборе опций «Последние», «Непрочитанные» или «Лучшие» невозможно снова выбрать категории из выпадающего списка.

1. До

2. При нажатии на выпадающее меню

3. После нажатия

4. Выпадающее меню (категории отсутствуют)

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

Есть ли какие-либо советы по исправлению этой проблемы?

Спасибо

[jordan.vidrine]

@UnitedFreedom

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

@UnitedFreedom

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

У вас есть ссылка на ваш сайт? Я пытаюсь воспроизвести это на локальной копии, но у меня не получается.

[Heliosurge (Dan DeMontmorency)]

Спасибо за эту полную и отполированную тему.

У меня возникла проблема с компонентом «Избранные темы»: карточки не отображаются. Я также хотел бы иметь возможность показывать только избранные темы в указанных категориях. Теоретически это должно работать, даже в вариантах на основе официальной версии.

см. скриншот ниже

При необходимости я могу отправить вам ссылку в личные сообщения, чтобы вы могли посмотреть. Оба тестовых темы имеют изображения, отмеченные как избранные, с использованием пользовательского тега pi-featured. Тест пройден.

[jordan.vidrine]

@Dan DeMontmorency

Если нужно, я могу отправить тебе ссылку в личные сообщения, чтобы ты мог посмотреть.

Пожалуйста, пришли ссылку, я посмотрю