Главная > Качество сайта 1РТК. Обратная связь. > Доклады о качестве > Инструменты для верстки страниц сайта > Верстка главной страницы >
Инструкция, как обновить блок "Обучение в 1РТК" на главной странице 1РТК
Для обновления блока "Обучение в 1РТК" на главной странице сайта, необходимо сгенерировать HTML-код.
Делаем это ниже в приложении.
Фото (иконка) должно быть без синей рамки. Она встанет автоматически! Иконку берем с соответствующей страницы.
Если нужно обновить, блок, то копируем данные с главной страницы:
Правило:
Обучение 1 - новое.
Старое первое обучение смещается на "Обучение 2", старое второе обучение смещается на "Обучение 3".
Необходимо заполнить все поля.
Чтобы скопировать ссылку на страницу с множеством обучений (поле 1), нужно кликнуть правой кнопкой мыши по карточке и нажать "Копировать адрес ссылки".
Внимание! Ссылка вставляется с якорем на конце, необходимо откорректировать ее - удалить домен вначале, удалить "#" на конце ссылки, и все, что после нее идет.
Чтобы скопировать ссылку на изображение, нужно кликнуть правой кнопкой мыши по карточке и нажать "Копировать URL картинки".
Не забываем про установку якоря.
Инструкция как работать с якорями описана тут:
Генератор карточек статей
Статья 1
Статья 2
Статья 3
HTML-код для вставки:
Предпросмотр карточек:
Если все хорошо - копируем получившиеся HTML-код.
Переходим на главную страницу сайта в HTML-редактор страницы.
Находим место, где публикуется блок "Обучение в 1РТК", копируем старый код в блокнот, чтобы, в случае ошибки, сохранить безошибочную версию.
Далее удаляем старый код и вставляем новый.
Вот как выглядит место публикации блока "Обучение в 1РТК" в HTML-редакторе страницы.
ВНИМАНИЕ!
Если данный блок нужно будет вставить куда-нибудь еще в другое место, на другую страницу, то на эту страницу также нужно добавить скрипт в HTML-редакторе под кодом блока для корректного отображения.
На главной странице он уже есть, ничего делать добавлять дополнительно не нужно.
Вот скрипт:
<script>
document.querySelectorAll('.custom-album-card').forEach(card => {
card.addEventListener('click', (event) => {
if (!event.target.closest('.custom-album-image-link')) {
const link = card.querySelector('.custom-album-image-link');
if (link) {
window.open(link.href, '_blank');
}
}
});
});
</script>
