Конфигурация и контент
Настройка конфигурации домашней страницы
Для выполнения настройки конфигурации неоходимо зайти в форму редактирования данных через пункты меню "Config", а затем кнопки "Edit" или "Add Config" в зависимоти от того имеется ли запись с индексом 1.
!!! В предварительной версии tcCMS не всем полям еще назначена функциональность, а только полям не отмеченным знаком "!".
Это страница формы, содержащей текстовые поля, предназначеные для хранения кода Html разметки, который будет
отражаться в соответствующих графических зонах на экране.
пример кода
<a href="https://www.reg.ru/hosting/windows?rlink=reflink-10634943" title="Хостиг, домены, серверы reg.ru">
<img className="border border-success rounded" alt=""
src="Pictures/image1.jpg" /></a>
В приведеном примере содержится Html код разметки отражающий изображение ракламы в соответствуещей зоне на странице. Включать необходимо только часть кода касающийся только резметки - содержимое из тега <body>. Остальные теги добавляются самой CMS при выводе содержимого страниц.
Формирование контента сайта
Для выполнение этой задачи неоходимо зайти на страницу "Admin" через пункты меню "Admin". На ней расположено все содержимое сайта и при помощи элемента интерфейса "аккордион" сверното в строки с названиеми. Нажатием на строку "аккордиона" можно развернуть содержимое каждой Темы, Книги, Главы, Страницы. На них с помощь интуитивно понятных элементов можно создавать или редактировать расположение страниц и их содержимое. При этом содержимое можно формировать как встроенным редактором, так и внесением готового Html/Css кода шаблона или примера и его редактирования. Переход в режим редактирования кода кнопкой "</>".
пример кода
<div class="text-black mix-white-80 h-100" style="padding: 2rem;">
<h1 class="text-success"><strong> React модули</strong></h1><br>
<div class="row">
<div class="col-12 card text-black border-success bg-transparent " style="max-width: 90rem;">
<div class="card-header text-success">
<h4> Hello World!<br></h4>
</div>
<div class="card-body">
<div>
<h4 class="text-danger" style="text-indent: 20px;"> !!! Раздел в разработке</h4>
</div>
</div>
<div class="card-footer text-dark fs-8">
02.06.2023
</div>
</div>
</div>
</div>
В приведеном коде содержится Html/Css пример кода разметки страницы. Стили Css и классы определены Bootstrap v.5.3. Из этого примера понятен общий подход и инструмент формирования контента страницы, основанный на Html/Css, т.е. максимально упрощен до применения этих широко используемых языков, что позволяет пользоватся широким спектром имеющихся на рынке программных средств для создания дизайна страниц.
Управление изображениями
Для хранения изображений и последующего доступа к ним,их необходимо занести в базу данных в виде Base64 строк.
Это можно сделать на странице "Pictures". Здесь можно управлять хранилищем изображений - загружать, заменять, удалять.
Перед загрузкой изображений их необходимо подготовить с помощью графического редактора по размеру, разрешению и типу .jpg.
Следует избегать неоправдано больших размеров файлов и для устойчивой работы будет оптимальным придерживаться реальному
размеру изображений на странице, обычно размер не более 1000px по одной из сторон.
