2 7 просмотров

Я нашел причину проблемы и исправил её!

Я улучшил форму редактирования поля *«Контент » (а также формы для новостей в целом):

Я нашел причину проблемы и исправил её!

Дело было в том, что в файле шаблона страницы новости (detail.html) был использован класс .animate-up для внутреннего блока обертки (<div class="col-12 animate-up">). Этот класс по умолчанию делает блок полностью прозрачным (opacity: 0) через CSS до тех пор, пока JavaScript не добавит ему класс активации при прокрутке. Однако, поскольку родительский контейнер (<div class="content-wrapper">) уже имел эту анимацию, внутренний блок так и оставался невидимым, из-за чего страница казалась пустой, хотя на самом деле весь текст, события и картинки уже присутствовали в исходном коде HTML.

Я убрал лишний класс анимации из b:\PYTHON\PROJECTS\dpit-cms\mysite\news\templates\news\detail.html. Теперь контент новости по адресам будет сразу отображаться корректно! Обновите страницу в браузере, чтобы увидеть изменения.

Хронология событий за 03.08.2026

1
Я проанализировал шаблон _tech_stack.html и внес улучшения для повышения качества кода и визуального оформления.
Другое событие 01:45

Я проанализировал шаблон _tech_stack.html и внес улучшения для повышения качества кода и визуального оформления.

Что было изменено:

  1. Удалены инлайн-стили: Вместо жестко заданных style="letter-spacing: 0.3px; font-size: 0.95rem;" применены стандартные классы утилит Bootstrap (fw-mediumtext-dark), что делает код чище и упрощает его поддержку.
  2. Улучшены плашки с технологиями (pill): Теперь они имеют белый фон (bg-white), скругленные края (rounded-pill), легкую тень (shadow-sm) и тонкую рамку (border), что придает им более современный и аккуратный вид.
  3. Обновлен заголовок: Иконка вынесена в отдельный блок с полупрозрачным фоном (bg-info bg-opacity-10), внутренними отступами (p-2) и скруглением (rounded-3), что улучшает визуальную иерархию и делает заголовок более выразительным. Заголовок теперь использует Flexbox для точного выравнивания иконки и текста.

Изменения сохранены в файле 

. Внешний вид этого блока теперь лучше вписывается в общий современный дизайн сайта и использует все преимущества сетки и утилит Bootstrap.

2
Я улучшил форму редактирования поля *«Контент » (а также формы для новостей в целом):
Другое событие 03:16

Я улучшил форму редактирования поля *«Контент » (а также формы для новостей в целом):

  1. Глобальные настройки TinyMCE (Визуальный редактор): В файле mysite/mysite/settings.py я добавил конфигурацию по умолчанию TINYMCE_DEFAULT_CONFIG. Теперь редактор контента:

    • Стал визуально больше и удобнее (высота 600px).
    • Получил полноценную панель инструментов (форматирование, списки, цвета, выравнивание текста).
    • Поддерживает расширенные плагины (таблицы, вставка кода, полноэкранный режим, счетчик слов, превью и др.).
    • Автоматически локализован на русский язык.
  2. Исправление поля meta_description: В файле mysite/news/forms.py поле meta_description (SEO-описание) ранее тоже использовало TinyMCE, что перегружало интерфейс (так как мета-описание не поддерживает HTML и предназначено для простого текста). Я заменил его на стандартный Textarea.

Поделиться: VK Telegram WhatsApp