Mister Vo Visual v1.2.4
UX замечания от Mr Vo: "бутерброд из слоёв".
Что нового
#1 Оригинальный макет виден — сетка сверху.
- Legacy контент (header, main, sections, footer) НЕ скрыт
body { position: relative }для absolute children#mv-frontend-blocks { position: absolute; top: 0; width: 100% }— overlay- Затемнение
rgba(0, 0, 0, 0.35)— полупрозрачное - Оригинальный макет виден приглушённо, сетка/блоки поверх
#2 Яркие границы сетки.
- Grid lines:
rgba(255, 255, 255, 0.18)(белые) - Block outline:
2px solid rgba(100, 180, 255, 0.8)(синий) - Hover:
rgba(255, 180, 0, 0.9)(оранжевый) - Selected:
#ff6b00+ box-shadow
#3 Блок для hero-portrait.
- 25 мигрированных блоков (вместо 19)
mrvo_hero_portrait_url(id=118, type=image) 6×7 в (0,0)- URL:
get_theme_file_uri('assets/processed/hero-portrait-tight.png') - image: width/height 100%, object-fit: cover
#4 Текст в блоках не вылезает за колонки.
- block { overflow: hidden }
.mv-block-content { max-width: 100%; max-height: 100%; text-overflow: ellipsis }- color: #fff; text-shadow для читаемости
Архитектура
body (position: relative)
├── wpadminbar
├── header.topbar (ОРИГИНАЛ)
├── main (ОРИГИНАЛ)
│ ├── section.hero (с портретом Mr Vo)
│ └── section#about
├── #mv-grid-overlay (z:99996, линии)
├── #mv-frontend-blocks (z:1, overlay)
│ └── .mv-grid (display: grid, 12 cols, 16 rows)
│ ├── .mv-block (Практика, без теории, Ведёт во тьму, lede, CTAs, stats, ...)
│ ├── .mv-block (Обо мне, Два входа в..., Деньги и доступ...)
│ └── .mv-block (image — Mr Vo portrait)
└── #mv-frontend-toolbar (fixed bottom)
Тест
- ✅ Сетка 12×16 видна (12 равных колонок)
- ✅ Image block 6×7 = 674×362
- ✅ DnD блока "Практика" (0,1) → (4,2) → БД обновлена через REST PUT
- ✅ Оригинальный макет виден (портрет, hero, about, channels)
- ✅ Все блоки имеют правильный контент (не "Legacy: mrvo_...")
- ✅ Текст в блоках не вылезает за колонки
Установка
cd wp-content/plugins/
git clone https://github.com/mr-olivka/mv-visual.git
wp plugin activate mv-visualЛицензия
GPL v2