LoweBowe
/
ziracms.github.io
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

requirements, filemanager, publication, menu, widgets, integration & console pages added

This commit is contained in:
Zira 2019-11-21 17:26:49 +05:00
parent 43a4cc5495
commit c0d514af8f
10 changed files with 695 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
index.html
View File

@ -122,15 +122,22 @@
<ul class="nav nav-pills nav-stacked">
<li class="menu-item"><a href="https://github.com/ziracms/zira" title="Репозиторий Zira CMS" class="menu-link">Репозиторий</a></li>
<li class="menu-item"><a href="https://vk.com/ziracms.public" title="Сообщество Zira CMS" class="menu-link">Сообщество</a></li>
<li class="menu-item"><a href="/ziracms/download.html" title="Скачать Zira CMS" class="menu-link">Скачать</a></li>
<li class="menu-item"><a href="/ziracms/download.html" title="Скачать Zira CMS" class="menu-link download-link">Скачать</a></li>
</ul>
</nav>
</div>
<div class="secondary-custom-menu-wrapper">
<nav>
<ul class="nav nav-pills nav-stacked">
<li class="menu-item"><a href="/ziracms/requirements.html" title="Системные требования Zira CMS" class="menu-link">Системные требования</a></li>
<li class="menu-item"><a href="/ziracms/shortcuts.html" title="Горячие клавиши Zira CMS" class="menu-link">Горячие клавиши</a></li>
<li class="menu-item"><a href="/ziracms/settings.html" title="Настройка Zira CMS" class="menu-link">Настройка системы</a></li>
<li class="menu-item"><a href="/ziracms/filemanager.html" title="Работа с файлами в Zira CMS" class="menu-link">Работа с файлами</a></li>
<li class="menu-item"><a href="/ziracms/publication.html" title="Публикация записей в Zira CMS" class="menu-link">Публикация записей</a></li>
<li class="menu-item"><a href="/ziracms/menu.html" title="Редактор меню Zira CMS" class="menu-link">Редактор меню</a></li>
<li class="menu-item"><a href="/ziracms/widgets.html" title="Управление виджетами Zira CMS" class="menu-link">Управление виджетами</a></li>
<li class="menu-item"><a href="/ziracms/integration.html" title="Интеграция Zira CMS с социальными сетями" class="menu-link">Интеграция с соц. сетями</a></li>
<li class="menu-item"><a href="/ziracms/console.html" title="Работа с консолью Zira CMS" class="menu-link">Работа с консолью</a></li>
</ul>
</nav>
</div>

11
theme/css/extra.css
View File

@ -932,11 +932,18 @@ ul.vote-results li .vote-result{
#secondary-menu-wrapper ul li a:link,
#secondary-menu-wrapper ul li a:visited{
color:rgb(95,95,95);
background-color:rgb(159,227,204);
background-color:#a2d8da;
}
#secondary-menu-wrapper ul li a.download-link:link,
#secondary-menu-wrapper ul li a.download-link:visited{
background-color:#f5f3bc;
}
#secondary-menu-wrapper ul li.active a:link,
#secondary-menu-wrapper ul li.active a:visited,
#secondary-menu-wrapper ul li a:hover{
#secondary-menu-wrapper ul li a:hover,
#secondary-menu-wrapper ul li.active a.download-link:link,
#secondary-menu-wrapper ul li.active a.download-link:visited,
#secondary-menu-wrapper ul li a.download-link:hover{
background-color:#009b9f;
}
#secondary-menu-wrapper ul li.parent a.menu-link{

9
theme/js/extra.js
View File

@ -56,7 +56,7 @@ zira_show_images_description = true;
var menu = '<div id="secondary-menu-wrapper"><nav><ul class="nav nav-pills nav-stacked">'+
'<li class="menu-item"><a href="https://github.com/ziracms/zira" title="Репозиторий Zira CMS" class="menu-link">Репозиторий</a></li>'+
'<li class="menu-item"><a href="https://vk.com/ziracms.public" title="Сообщество Zira CMS" class="menu-link">Сообщество</a></li>'+
'<li class="menu-item"><a href="/ziracms/download.html" title="Скачать Zira CMS" class="menu-link">Скачать</a></li>'+
'<li class="menu-item"><a href="/ziracms/download.html" title="Скачать Zira CMS" class="menu-link download-link">Скачать</a></li>'+
'</ul></nav></div>';
$(container).prepend(menu);
var menuObj = $(container).find('#secondary-menu-wrapper ul.nav.nav-pills.nav-stacked');
@ -74,8 +74,15 @@ zira_show_images_description = true;
if ($(container).length == 0) return;
if ($(container).children('.secondary-custom-menu-wrapper').length > 0) return;
var menu = '<div class="secondary-custom-menu-wrapper"><nav><ul class="nav nav-pills nav-stacked">'+
'<li class="menu-item"><a href="/ziracms/requirements.html" title="Системные требования Zira CMS" class="menu-link">Системные требования</a></li>'+
'<li class="menu-item"><a href="/ziracms/shortcuts.html" title="Горячие клавиши Zira CMS" class="menu-link">Горячие клавиши</a></li>'+
'<li class="menu-item"><a href="/ziracms/settings.html" title="Настройка Zira CMS" class="menu-link">Настройка системы</a></li>'+
'<li class="menu-item"><a href="/ziracms/filemanager.html" title="Работа с файлами в Zira CMS" class="menu-link">Работа с файлами</a></li>'+
'<li class="menu-item"><a href="/ziracms/publication.html" title="Публикация записей в Zira CMS" class="menu-link">Публикация записей</a></li>'+
'<li class="menu-item"><a href="/ziracms/menu.html" title="Редактор меню Zira CMS" class="menu-link">Редактор меню</a></li>'+
'<li class="menu-item"><a href="/ziracms/widgets.html" title="Управление виджетами Zira CMS" class="menu-link">Управление виджетами</a></li>'+
'<li class="menu-item"><a href="/ziracms/integration.html" title="Интеграция Zira CMS с социальными сетями" class="menu-link">Интеграция с соц. сетями</a></li>'+
'<li class="menu-item"><a href="/ziracms/console.html" title="Работа с консолью Zira CMS" class="menu-link">Работа с консолью</a></li>'+
'</ul></nav></div>';
$(container).prepend(menu);
var menuObj = $(container).find('.secondary-custom-menu-wrapper ul.nav.nav-pills.nav-stacked');

100
ziracms/console.html Normal file
View File

@ -0,0 +1,100 @@
<!DOCTYPE html>
<html itemscope itemtype="http://schema.org/WebPage" lang="ru">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/png" href="/assets/images/zira.png" />
<meta charset="utf-8" />
<title>Работа с консолью Zira CMS</title>
<meta name="keywords" content="zira, cms, консоль, unix, shell, php, db" />
<meta name="description" content="Для опытных пользователей, имеющих навыки программирования Zira CMS предоставляет возможность работать в консоли." />
<link rel="stylesheet" type="text/css" href="/assets/css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="/assets/css/bootstrap-theme.min.css" />
<link rel="stylesheet" type="text/css" href="/assets/css/zira.css" />
<link rel="stylesheet" type="text/css" href="/assets/css/lightbox.css" />
<link rel="stylesheet" type="text/css" href="/theme/css/main.css" />
<link rel="stylesheet" type="text/css" href="/theme/css/extra.css" />
<!--[if lt IE 9]><script src="/assets/js/html5shiv.min.js"></script><script src="/assets/js/respond.min.js"></script><![endif]-->
<!--[if lt IE 9]><link href="/theme/css/ie8.css" type="text/css" rel="stylesheet" /><![endif]-->
</head>
<body class="page">
<div id="main-container-wrapper"><div id="main-container">
<header>
<div class="container">
<div class="row">
<ul id="user-menu" class="not-authorized usermenu-popup">
<li class="menu-item">
<a href="/ziracms/download.html" class="menu-link"> Скачать</a>
</li>
</ul>
<div id="site-logo-wrapper" style="margin-top:50px"><a id="site-logo" href="/" title="Zira CMS"><img src="/assets/images/zira.png" alt="Zira CMS" width="80" height="80" /><span>Zira</span></a><p id="site-slogan"><span>CMS с оконным интерфейсом</span></p></div>
</div>
</div>
</header>
<div class="container">
<div class="row">
<div id="content" class="col-sm-8">
<main>
<article>
<div class="page-header">
<h1>Работа с консолью</h1>
</div>
<div class="article parse-content">
<p>Для опытных пользователей, имеющих навыки программирования Zira CMS предоставляет возможность работать в консоли.</p>
<p>&nbsp;</p>
<p><img class="image" src="/uploads/zira/screens/screen-29.jpg" alt="Консоль Zira CMS" width="800" height="400" /></p>
<p>Для того, чтобы консоль была активирована, при установке Zira CMS нужно указать отдельный пароль для авторизации в ней. Если поле пароля при установке было оставлено пустым, то консоль будет отключена.</p>
<p>Окно консоли можно найти в меню верхней панели "Система &rarr; Консоль". Сразу после открытия, консоль потребует ввести пароль авторизации.</p>
<p>&nbsp;</p>
<blockquote>
<p>В целях безопасности, пароль от консоли не должен совпадать с паролем администратора!</p>
</blockquote>
<p>При успешной авторизации, появится командная строка, так называемый <em>shell</em>.</p>
<p>&nbsp;</p>
<blockquote>
<p>Консоль рассчитана для работы только в среде UNIX, командная строка Windows не поддерживается!</p>
</blockquote>
<p>В консоли можно выполнять простейшие команды, типа "<em>ls</em>", "<em>cd</em>", "<em>pwd</em>" итд. При этом, они будут запускаться от имени пользователя под которым работает веб-сервер.</p>
<p>&nbsp;</p>
<blockquote>
<p>Для просмотра информации о PHP, нужно выполнить команду "php -i".</p>
</blockquote>
<p>Кроме того, консоль Zira CMS позволяет выполнять PHP-код. Для этого, в режиме "<em>shell</em>" наберите команду "<strong><em>php</em></strong>". В этом случае, консоль будет переведена в режим "<em>php</em>" и вы сможете набрать строку с PHP-кодом. Если введеный код осуществит какой-либо вывод, то он будет отображен в ответе. Для выхода из режима "<em>php</em>" наберите команду "<strong><em>exit</em></strong>".</p>
<p>Также, в консоли Zira CMS можно выполнять запросы к базе данных. Для этого в режиме "<em>shell</em>" наберите команду "<strong><em>db</em></strong>". После чего, можно будет набирать SQL-запросы в командной строке консоли. Выход, обратно в режим "<em>shell</em>" осуществляется командой "<strong><em>exit</em></strong>".</p>
<p>&nbsp;</p>
<blockquote>
<p>При работе с консолью, нужно быть предельно внимательным, чтобы не совершить ошибку, поскольку это может привести к необратимым последствиям!</p>
</blockquote>
<p>Следует сказать, что некоторые хостинг-провайдеры не разрешают выполнять shell-команды на своих серверах, но как правило, если хостинг не бесплатный, эта функция доступна.</p>
</div>
<div id="vk_like"></div>
</article>
</main>
<div id="vk_comments"></div>
</div>
<div class="col-sm-4 sidebar">
<aside>
<div id="vk_groups"></div>
</aside>
</div>
</div>
</div>
<footer>
<div class="container">
<div class="row">
<p><a href="https://github.com/ziracms/zira">Zira CMS</a> - бесплатная система управления сайтом.</p>
</div>
</div>
</footer>
</div></div><!--/main-container-wrapper-->
<a href="javascript:void(0)" class="scroll-top" title="Наверх"><span class="glyphicon glyphicon-circle-arrow-up"></span></a>
<div id="vk_community_messages"></div>
<script src="/assets/js/jquery.min.js"></script>
<script src="/assets/js/bootstrap.min.js"></script>
<script src="/theme/js/extra.js"></script>
<script src="/assets/js/zira.js"></script>
<script src="/assets/js/parse.js"></script>
<script src="/assets/js/lightbox.min.js"></script>
<script type="text/javascript" src="https://vk.com/js/api/openapi.js?162"></script>
<script type="text/javascript" src="/assets/plugins/vk.js"></script>
</body>
</html>

96
ziracms/filemanager.html Normal file
View File

@ -0,0 +1,96 @@
<!DOCTYPE html>
<html itemscope itemtype="http://schema.org/WebPage" lang="ru">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/png" href="/assets/images/zira.png" />
<meta charset="utf-8" />
<title>Работа с файлами в Zira CMS</title>
<meta name="keywords" content="zira, cms, файловый менеджер, загрузка, архив, редактор, изображение" />
<meta name="description" content="Zira CMS имеет файловый менеджер с широкими возможностями." />
<link rel="stylesheet" type="text/css" href="/assets/css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="/assets/css/bootstrap-theme.min.css" />
<link rel="stylesheet" type="text/css" href="/assets/css/zira.css" />
<link rel="stylesheet" type="text/css" href="/assets/css/lightbox.css" />
<link rel="stylesheet" type="text/css" href="/theme/css/main.css" />
<link rel="stylesheet" type="text/css" href="/theme/css/extra.css" />
<!--[if lt IE 9]><script src="/assets/js/html5shiv.min.js"></script><script src="/assets/js/respond.min.js"></script><![endif]-->
<!--[if lt IE 9]><link href="/theme/css/ie8.css" type="text/css" rel="stylesheet" /><![endif]-->
</head>
<body class="page">
<div id="main-container-wrapper"><div id="main-container">
<header>
<div class="container">
<div class="row">
<ul id="user-menu" class="not-authorized usermenu-popup">
<li class="menu-item">
<a href="/ziracms/download.html" class="menu-link"> Скачать</a>
</li>
</ul>
<div id="site-logo-wrapper" style="margin-top:50px"><a id="site-logo" href="/" title="Zira CMS"><img src="/assets/images/zira.png" alt="Zira CMS" width="80" height="80" /><span>Zira</span></a><p id="site-slogan"><span>CMS с оконным интерфейсом</span></p></div>
</div>
</div>
</header>
<div class="container">
<div class="row">
<div id="content" class="col-sm-8">
<main>
<article>
<div class="page-header">
<h1>Работа с файлами</h1>
</div>
<div class="article parse-content">
<p>Zira CMS имеет файловый менеджер с широкими возможностями.</p>
<p>С помощью редактора изображений, вы можете изменять длину, ширину, пропорции картинок, обрезать часть картинки, вставлять водяной знак итд.</p>
<p>Кроме того, в Zira CMS встроен редактор HTML-кода <a href="https://www.tinymce.com">TinyMCE</a>, с помощью которого можно редактировать HTML-файлы.</p>
<p>&nbsp;</p>
<p><img class="image" src="/uploads/zira/screens/screen-15.jpg" alt="Файловый менеджер Zira CMS" width="800" height="400" /></p>
<p>Загрузка файлов и создание папок через файловый менеджер осуществляется очень просто.</p>
<p>Для загрузки файла (или файлов) на сервер нужно нажать на кнопку "<strong>Загрузить</strong>" в левой колонке окна. После чего, вы увидите диалоговое окно в котором нужно выбрать загружаемый файл. Для загрузки сразу нескольких файлов нужно выделять их удерживая клавину ctrl (комбинация может быть другой в вашей операционной системе). После выбора файлов и нажатия подтверждающей кнопки должна начаться загрузка на сервер, при этом вы увидите окно отображающее процесс загрузки.</p>
<p>&nbsp;</p>
<p><img class="image" src="/uploads/zira/screens/screen-16.jpg" alt="Загрузка файлов в Zira CMS" width="800" height="400" /></p>
<p>Кроме того, загрузить файл на сервер можно, также методом "<strong>Drag and Drop</strong>", перетащив и бросив файл в окно файлового менеджера Zira CMS.</p>
<p>Надо сказать, что метод "Drag and Drop" поддерживают различные окна в Zira CMS. Например, можно перетащить изображение из файлового менеджера в галерею или слайдер. При перетаскивании файлов между двумя окнами файлового менеджера можно копировать файлы из одной папки в другую.</p>
<p>&nbsp;</p>
<p>Но это не единственный способ загрузки файлов в Zira CMS. Также, можно загрузить файл из адреса URL "напрямую", не скачивая его себе на компьютер. Для этого достаточно выбрать соответствующий пункт меню и ввести полный адрес к файлу.</p>
<p>Кроме того, если ваш сервер поддерживает ZIP, вы можете загрузить архив с файлами на сервер и распаковать его в файловом менеджере.</p>
<p>&nbsp;</p>
<p>При двойном клике по иконке файла открывается окно редактирования файла. В зависимости от типа файла, это может быть редактор изображений, HTML-редактор, либо текстовый редактор, типа блокнота.</p>
<p>&nbsp;</p>
<p><img class="image" src="/uploads/zira/screens/screen-17.jpg" alt="Редактор изображений Zira CMS" width="800" height="400" /></p>
<p>Следует иметь в виду, что при редактировании изображений с очень высоким разрешением, может возникать ошибка связанная с нехваткой памяти выделенной для PHP на сервере. В этом случае, нужно проконсультироваться у хостинг-провайдера по вопросу возможности её увеличения.</p>
<p>&nbsp;</p>
<p>Максимальный размер загружаемого файла зависит от настройки PHP на сервере. Каждый хостинг провайдер выставляет лимит по своему усмотрению, но в большинстве случаев его можно увеличить.</p>
<p>&nbsp;</p>
</div>
<div id="vk_like"></div>
</article>
</main>
<div id="vk_comments"></div>
</div>
<div class="col-sm-4 sidebar">
<aside>
<div id="vk_groups"></div>
</aside>
</div>
</div>
</div>
<footer>
<div class="container">
<div class="row">
<p><a href="https://github.com/ziracms/zira">Zira CMS</a> - бесплатная система управления сайтом.</p>
</div>
</div>
</footer>
</div></div><!--/main-container-wrapper-->
<a href="javascript:void(0)" class="scroll-top" title="Наверх"><span class="glyphicon glyphicon-circle-arrow-up"></span></a>
<div id="vk_community_messages"></div>
<script src="/assets/js/jquery.min.js"></script>
<script src="/assets/js/bootstrap.min.js"></script>
<script src="/theme/js/extra.js"></script>
<script src="/assets/js/zira.js"></script>
<script src="/assets/js/parse.js"></script>
<script src="/assets/js/lightbox.min.js"></script>
<script type="text/javascript" src="https://vk.com/js/api/openapi.js?162"></script>
<script type="text/javascript" src="/assets/plugins/vk.js"></script>
</body>
</html>

91
ziracms/integration.html Normal file
View File

@ -0,0 +1,91 @@
<!DOCTYPE html>
<html itemscope itemtype="http://schema.org/WebPage" lang="ru">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/png" href="/assets/images/zira.png" />
<meta charset="utf-8" />
<title>Интеграция с социальными сетями</title>
<meta name="keywords" content="zira, cms, социальные сети, интергация, нравится, поделиться, комментарии, виджет" />
<meta name="description" content="Для более тесной интеграции сайта с социальными сетями, в Zira CMS имеется модуль&quot;Социальные сети&quot;." />
<link rel="stylesheet" type="text/css" href="/assets/css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="/assets/css/bootstrap-theme.min.css" />
<link rel="stylesheet" type="text/css" href="/assets/css/zira.css" />
<link rel="stylesheet" type="text/css" href="/assets/css/lightbox.css" />
<link rel="stylesheet" type="text/css" href="/theme/css/main.css" />
<link rel="stylesheet" type="text/css" href="/theme/css/extra.css" />
<!--[if lt IE 9]><script src="/assets/js/html5shiv.min.js"></script><script src="/assets/js/respond.min.js"></script><![endif]-->
<!--[if lt IE 9]><link href="/theme/css/ie8.css" type="text/css" rel="stylesheet" /><![endif]-->
</head>
<body class="page">
<div id="main-container-wrapper"><div id="main-container">
<header>
<div class="container">
<div class="row">
<ul id="user-menu" class="not-authorized usermenu-popup">
<li class="menu-item">
<a href="/ziracms/download.html" class="menu-link"> Скачать</a>
</li>
</ul>
<div id="site-logo-wrapper" style="margin-top:50px"><a id="site-logo" href="/" title="Zira CMS"><img src="/assets/images/zira.png" alt="Zira CMS" width="80" height="80" /><span>Zira</span></a><p id="site-slogan"><span>CMS с оконным интерфейсом</span></p></div>
</div>
</div>
</header>
<div class="container">
<div class="row">
<div id="content" class="col-sm-8">
<main>
<article>
<div class="page-header">
<h1>Интеграция с социальными сетями</h1>
</div>
<div class="article parse-content">
<p>Для более тесной интеграции сайта с социальными сетями, в Zira CMS имеется модуль"Социальные сети".</p>
<p>&nbsp;<img class="image" src="/uploads/zira/screens/screen-27.jpg" alt="Модули в Zira CMS" width="800" height="400" /></p>
<p>Чтобы установить его, откройте окно модулей (Настройки &rarr; Модули). После чего, выделите модуль и выберите в меню пункт "<strong>Установить</strong>". После установки модуля, его нужно активировать, для того чтобы он начал работу. Если потребуется его позже отключить, то нажмите на ссылку "<strong>Деактивировать</strong>". При этом данные модуля из базы не удаляются. Если вы выберите пункт "<strong>Удалить</strong>", то в этом случае вся информация, хранившаяся модулем будет удалена.</p>
<p>После установки модуля, потребуется обновить страницу, чтобы появилось новое меню в верхней панеле.</p>
<p>&nbsp;</p>
<p><img class="image" src="/uploads/zira/screens/screen-28.jpg" alt="Модуль интеграции с социальными сетями в Zira CMS" width="800" height="400" /></p>
<p>Откройте окно настроек модуля (Модули &rarr; Социальные сети). В нём вы можете ввести ID и секретные ключи приложения, созданного в социальной сети.</p>
<p>В данный момент поддерживаются соц. сети Facebook и ВКонтакте. Для интеграции сайта с социальной сетью, как вы поняли, нужно создать приложение в социальной сети. В Facebook это можно сделать по адресу <a href="https://developers.facebook.com">https://developers.facebook.com</a>, а в сети ВКонтакте - <a href="https://vk.com/dev">https://vk.com/dev</a>.</p>
<p>После чего нужно ввести ID и секретный ключ вашего приложения в окне настроек модуля. Теперь можно включить авторизацию на сайте через социальную сеть :)</p>
<p>&nbsp;</p>
<blockquote>
<p>Не забудьте убедиться в том, что ваше приложение активировано и не находится в тестовом режиме.</p>
</blockquote>
<p>Если ввести адрес вашей страницы (или ID группы) в социальной сети, то с помощью соответствующего виджета (который вы можете найти в окне виджетов), можно отобразить блок подписки на страницу или группу на вашем сайте.</p>
<p>Кроме того, данный модуль включает также, виджеты комментариев социальной сети, которые, также могут быть активированы в окне виджетов.</p>
<p>&nbsp;</p>
<p>Помимо данного модуля, на страницах записей Zira CMS можно включить блок рейтинга. Данный блок представляет из себя кнопку "<strong>Нравится</strong>" по нажатии на которую, пользователю открываются кнопки "<strong>Поделиться</strong>". Данные кнопки также можно отобразить на странице, включив соответствующий виджет.</p>
</div>
<div id="vk_like"></div>
</article>
</main>
<div id="vk_comments"></div>
</div>
<div class="col-sm-4 sidebar">
<aside>
<div id="vk_groups"></div>
</aside>
</div>
</div>
</div>
<footer>
<div class="container">
<div class="row">
<p><a href="https://github.com/ziracms/zira">Zira CMS</a> - бесплатная система управления сайтом.</p>
</div>
</div>
</footer>
</div></div><!--/main-container-wrapper-->
<a href="javascript:void(0)" class="scroll-top" title="Наверх"><span class="glyphicon glyphicon-circle-arrow-up"></span></a>
<div id="vk_community_messages"></div>
<script src="/assets/js/jquery.min.js"></script>
<script src="/assets/js/bootstrap.min.js"></script>
<script src="/theme/js/extra.js"></script>
<script src="/assets/js/zira.js"></script>
<script src="/assets/js/parse.js"></script>
<script src="/assets/js/lightbox.min.js"></script>
<script type="text/javascript" src="https://vk.com/js/api/openapi.js?162"></script>
<script type="text/javascript" src="/assets/plugins/vk.js"></script>
</body>
</html>

93
ziracms/menu.html Normal file
View File

@ -0,0 +1,93 @@
<!DOCTYPE html>
<html itemscope itemtype="http://schema.org/WebPage" lang="ru">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/png" href="/assets/images/zira.png" />
<meta charset="utf-8" />
<title>Редактор меню Zira CMS</title>
<meta name="keywords" content="zira, cms, меню, выпадающее, верхнее, нижнее, вторичное" />
<meta name="description" content="Zira CMS имеет гибкую систему меню, с помощью которой вы можете добавлять и редактировать элементы верхнего и нижнего меню, а также привязывать к элементам вторичное и выпадающее меню." />
<link rel="stylesheet" type="text/css" href="/assets/css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="/assets/css/bootstrap-theme.min.css" />
<link rel="stylesheet" type="text/css" href="/assets/css/zira.css" />
<link rel="stylesheet" type="text/css" href="/assets/css/lightbox.css" />
<link rel="stylesheet" type="text/css" href="/theme/css/main.css" />
<link rel="stylesheet" type="text/css" href="/theme/css/extra.css" />
<!--[if lt IE 9]><script src="/assets/js/html5shiv.min.js"></script><script src="/assets/js/respond.min.js"></script><![endif]-->
<!--[if lt IE 9]><link href="/theme/css/ie8.css" type="text/css" rel="stylesheet" /><![endif]-->
</head>
<body class="page">
<div id="main-container-wrapper"><div id="main-container">
<header>
<div class="container">
<div class="row">
<ul id="user-menu" class="not-authorized usermenu-popup">
<li class="menu-item">
<a href="/ziracms/download.html" class="menu-link"> Скачать</a>
</li>
</ul>
<div id="site-logo-wrapper" style="margin-top:50px"><a id="site-logo" href="/" title="Zira CMS"><img src="/assets/images/zira.png" alt="Zira CMS" width="80" height="80" /><span>Zira</span></a><p id="site-slogan"><span>CMS с оконным интерфейсом</span></p></div>
</div>
</div>
</header>
<div class="container">
<div class="row">
<div id="content" class="col-sm-8">
<main>
<article>
<div class="page-header">
<h1>Редактор меню</h1>
</div>
<div class="article parse-content">
<p>Zira CMS имеет гибкую систему меню, с помощью которой вы можете добавлять и редактировать элементы верхнего и нижнего меню, а также привязывать к элементам вторичное и выпадающее меню.</p>
<p>&nbsp;</p>
<p><img class="image" src="/uploads/zira/screens/screen-21.jpg" alt="Редактор меню Zira CMS" width="800" height="400" /></p>
<p>Редактор меню можно найти в верхней панеле Zira CMS (окно Система &rarr; Меню).</p>
<p>При установке, инсталлятор создал несколько пунктов меню. Среди них есть ссылка на главную страницу. Как вы заметили, оно имеет заголовок на английском языке. Это сделано для того, чтобы в случае мультиязычного сайта не нужно было создавать разные пункты для главной на разных языках. Заголовок меню переводится на текущий язык при выводе. Вы можете добавлять собственные строки перевода, если включите в настройках системы опцию "Переводы БД".</p>
<p>По умолчанию, в редакторе открывается верхнее меню. Вы можете переключиться на нижнее, кликнув по ссылке в левой колонке окна. В панеле инструментов вы найдете кнопку "Новый элемент", которая открывает окно добавления нового пункта.</p>
<p>&nbsp;</p>
<p><img class="image" src="/uploads/zira/screens/screen-22.jpg" alt="Добавление элемента меню в Zira CMS" width="800" height="400" /></p>
<p>В этом окне нужно заполнить поля "URL" и "Заголовок". В поле "<strong>URL</strong>" вводится адрес на который будет ссылаться элемент. Адрес может быть абсолютный, относительный или внутренний. Для внутренних страниц сайта рекомендуется использовать внутренний адрес, например "<b>ziracms/menu.html</b>". Относительный адрес похож на внутренний, но в отличие от него, он начинается с базового URL-адреса (обычно слэш), например "<b>/ziracms/menu.html</b>". Абсолютный адрес отличается от относительного тем, что содержит в себе также хост и выглядит так: https://ziracms.github.io/ziracms/menu.html. Если в качестве адреса указан внутренний адрес, без указания базового URL, то система сама добавит его при выводе меню.</p>
<p>Как уже говорилось выше, заголовок элемента может быть написан как на русском языке, так и на английском. Если введенная фраза имеет перевод, она будет переведена на текущий язык пользователя.</p>
<p>В поле "<strong>Класс</strong>" вы можете ввести имя CSS-класса, которое будет присвоено данному элементу. Под этим полем вы можете видеть несколько существующих классов, которые будут менять цвет элемента.</p>
<p>Чтобы скрыть элемент и не отображать его, снимите галочку "<strong>Показывать элемент</strong>". Для того, чтобы при клике страница открывалась в новом окне, установите галочку "<strong>Открывать в новой вкладке</strong>".</p>
<p>Изменить порядок вывода элементов можно перетаскивая их мышью вверх и вниз методом "Drag and Drop".</p>
<h2>Вторичное меню и дочерние элементы.</h2>
<p>В Zira CMS, помимо верхнего и нижнего меню, есть возможность создавать вторичное меню. Вторичное меню привязывается к родительскому элементу верхнего меню с адресом страницы, либо категории и отображается виджетом в левой или правой колонке, при переходе на страницу родительского элемента. Иными словами, вторичное меню представляет из себя боковое меню, в котором удобно показывать основные ссылки текущей категории.</p>
<p>Для того, чтобы создать элемент вторичного меню, нужно выделить элемент верхнего меню и выбрать пункт "<strong>Вторичное меню</strong>" в контекстном меню. Дальнейшие действия ничем не отличаются от тех, что вы делали создавая родительские элементы.</p>
<p>К элементам, как верхнего меню, так и вторичного меню, можно привязывать дочерние элементы. Дочерние элементы верхнего меню будут отображаться в качестве выпадающего меню. Дочерние элементы вторичного меню выводятся под родительским элементом.</p>
<p>Создание дочерних элементов аналогично, созданию элементов вторичного меню. Для этого нужно выделить родительский элемент и выбрать пункт "<strong>Дочерние элементы</strong>" в контекстном меню окна.</p>
<p>Следует также знать, что вторичное меню может быть привязано также и к скрытым элементам меню. Если оно привязано к элементу, который ссылается на категорию, то вторичное меню будет выводится также и в подкатегориях, если не будет найдено иного меню, привязанного к текущему адресу.</p>
</div>
<div id="vk_like"></div>
</article>
</main>
<div id="vk_comments"></div>
</div>
<div class="col-sm-4 sidebar">
<aside>
<div id="vk_groups"></div>
</aside>
</div>
</div>
</div>
<footer>
<div class="container">
<div class="row">
<p><a href="https://github.com/ziracms/zira">Zira CMS</a> - бесплатная система управления сайтом.</p>
</div>
</div>
</footer>
</div></div><!--/main-container-wrapper-->
<a href="javascript:void(0)" class="scroll-top" title="Наверх"><span class="glyphicon glyphicon-circle-arrow-up"></span></a>
<div id="vk_community_messages"></div>
<script src="/assets/js/jquery.min.js"></script>
<script src="/assets/js/bootstrap.min.js"></script>
<script src="/theme/js/extra.js"></script>
<script src="/assets/js/zira.js"></script>
<script src="/assets/js/parse.js"></script>
<script src="/assets/js/lightbox.min.js"></script>
<script type="text/javascript" src="https://vk.com/js/api/openapi.js?162"></script>
<script type="text/javascript" src="/assets/plugins/vk.js"></script>
</body>
</html>

104
ziracms/publication.html Normal file
View File

@ -0,0 +1,104 @@
<!DOCTYPE html>
<html itemscope itemtype="http://schema.org/WebPage" lang="ru">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/png" href="/assets/images/zira.png" />
<meta charset="utf-8" />
<title>Публикация записей в Zira CMS</title>
<meta name="keywords" content="zira, cms, публикация, запись, редактор, изображение, текст" />
<meta name="description" content="Для того, чтобы создать новую запись или отредактировать существующую в Zira CMS нужно открыть окно &quot;Система → Записи&quot;." />
<link rel="stylesheet" type="text/css" href="/assets/css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="/assets/css/bootstrap-theme.min.css" />
<link rel="stylesheet" type="text/css" href="/assets/css/zira.css" />
<link rel="stylesheet" type="text/css" href="/assets/css/lightbox.css" />
<link rel="stylesheet" type="text/css" href="/theme/css/main.css" />
<link rel="stylesheet" type="text/css" href="/theme/css/extra.css" />
<!--[if lt IE 9]><script src="/assets/js/html5shiv.min.js"></script><script src="/assets/js/respond.min.js"></script><![endif]-->
<!--[if lt IE 9]><link href="/theme/css/ie8.css" type="text/css" rel="stylesheet" /><![endif]-->
</head>
<body class="page">
<div id="main-container-wrapper"><div id="main-container">
<header>
<div class="container">
<div class="row">
<ul id="user-menu" class="not-authorized usermenu-popup">
<li class="menu-item">
<a href="/ziracms/download.html" class="menu-link"> Скачать</a>
</li>
</ul>
<div id="site-logo-wrapper" style="margin-top:50px"><a id="site-logo" href="/" title="Zira CMS"><img src="/assets/images/zira.png" alt="Zira CMS" width="80" height="80" /><span>Zira</span></a><p id="site-slogan"><span>CMS с оконным интерфейсом</span></p></div>
</div>
</div>
</header>
<div class="container">
<div class="row">
<div id="content" class="col-sm-8">
<main>
<article>
<div class="page-header">
<h1>Публикация записей</h1>
</div>
<div class="article parse-content">
<p>Для того, чтобы создать новую запись или отредактировать существующую в Zira CMS нужно открыть окно "Система &rarr; Записи".</p>
<p>&nbsp;</p>
<p><img class="image" src="/uploads/zira/screens/screen-18.jpg" alt="Окно записей в Zira CMS" width="800" height="400" /></p>
<p>В этом окне вы можете видеть иконки существующих записей, которые были созданы при установке. Вы можете удалить их, либо просто начать редактировать. Для редактирования текста записи нужно дважды кликнуть по иконке, либо выбрать пункт меню "Запись &rarr; Открыть редактор".</p>
<p>Чтобы создать новую запись, соответственно, нужно выбрать пункт "<strong>Новая запись</strong>" в левой колонке или оконном меню.</p>
<p>&nbsp;</p>
<p><img class="image" src="/uploads/zira/screens/screen-19.jpg" alt="Создание новой записи в Zira CMS" width="800" height="400" /></p>
<p>Перед вами появится окно в котором нужно заполнить поля "<strong>Системное имя</strong>" и "<strong>Заголовок</strong>". Системное имя записи будет использовано при формировании URL-адреса страницы. В адрес также будет включено системное имя категории в которой создается запись.</p>
<p>Для того, чтобы создать новую категорию кликните по соответствующей ссылке в выпадающем меню. Если перед этим, вы открыли существующую категорию, то будет создана новая подкатегория.</p>
<p>Чтобы создать запись в существующей категории, нужно открыть эту категорию в окне записей дважды кликнув по иконке категории.</p>
<p>Запись появится на сайте, только после её публикации. Если запись не опубликована, то для того, чтобы её просмотреть кликните ссылку "<strong>Просмотр записи</strong>" в меню "Запись".</p>
<p>Если поставить галочку "<strong>Показать на главной</strong>", то краткое описание записи появится на главной странице сайта.</p>
<p>Опция "<strong>Ограничить доступ</strong>" позволяет включить функцию ограничения просмотра записи только группой пользователей, имеющей права на просмотр записей. Права группы можно изменить в окне "Пользователи" выбрав пункт "Группы &rarr; Редактировать".</p>
<p>После создания записи, вы можете приступить к редактированию её текста. Как уже говорилось выше, для этого нужно дважды кликнуть по иконке записи.</p>
<p>&nbsp;</p>
<p><img class="image" src="/uploads/zira/screens/screen-20.jpg" alt="Окно редактора TinyMCE в Zira CMS" width="800" height="400" /></p>
<p>Перед вами откроется окно редактора. Данный редактор позволяет легко форматировать текст, а также вставлять изображения, ссылки и другие медиа-файлы.&nbsp; Чтобы вставить изображение кликните по иконке файлового менеджера в панеле инструментов редактора. Перед вами откроется знакомое окно, в котором вы можете выбрать нужный файл, а также загрузить его на сервер, если вы это еще не сделали.</p>
<p>При наборе текста, редактор автоматически сохраняет содержимое в черновик. Если вы не сохраните текст, то при последующем открытии редактора, вам будет предложено загрузить последнюю версию имеющегося черновика.</p>
<p>&nbsp;</p>
<blockquote>
<p>Важно помнить, что черновик может быть загружен только, если время его создания не превышает времени последнего изменения записи. Время будет обновлено при сохранении записи в редакторе, при редактировании её заголовка, системного имени, а также публикации записи.</p>
</blockquote>
<p>При сохранении текста записи, система попробует выделить из него краткое описание и изображение. Вы можете отредактировать их позже, выбрав соответствующий пункт выпадающего меню.</p>
<p>Также Zira CMS позволяет задавать заголовок страницы, ключевые слова и мета-описание для каждой записи. Это можно сделать нажав на ссылку "SEO-теги".</p>
<p>Кроме того, у вас есть возможность привязать к записи слайдер, галерею, аудио и видео материалы, а также другие файлы. Соответствующие ссылки активируются при выделении записи в окне.</p>
<p>&nbsp;</p>
<blockquote>
<p>Слайдер, галерея, аудио и видео материалы, а также файлы будут показываться, только если их показ включен в настройках. По-умолчанию, настройки всех записей выставляются в окне "Настроек записей", однако эти настройки можно поменять для каждой категории отдельно в меню "Категория &rarr; Настройки записей".</p>
</blockquote>
<p>При установке, для вас был создан виджет категории новостей, который отображается в правой колонке страницы. Этот виджет отображает последние опубликованные записи в данной категории. Вы можете создать такой-же виджет для любой другой категории в меню "Категория &rarr; Создать виджет", предварительно выделив требуемую категорию. После чего, вы можете изменить местоположение созданного виджета в окне "Настройки &rarr; Виджеты".</p>
</div>
<div id="vk_like"></div>
</article>
</main>
<div id="vk_comments"></div>
</div>
<div class="col-sm-4 sidebar">
<aside>
<div id="vk_groups"></div>
</aside>
</div>
</div>
</div>
<footer>
<div class="container">
<div class="row">
<p><a href="https://github.com/ziracms/zira">Zira CMS</a> - бесплатная система управления сайтом.</p>
</div>
</div>
</footer>
</div></div><!--/main-container-wrapper-->
<a href="javascript:void(0)" class="scroll-top" title="Наверх"><span class="glyphicon glyphicon-circle-arrow-up"></span></a>
<div id="vk_community_messages"></div>
<script src="/assets/js/jquery.min.js"></script>
<script src="/assets/js/bootstrap.min.js"></script>
<script src="/theme/js/extra.js"></script>
<script src="/assets/js/zira.js"></script>
<script src="/assets/js/parse.js"></script>
<script src="/assets/js/lightbox.min.js"></script>
<script type="text/javascript" src="https://vk.com/js/api/openapi.js?162"></script>
<script type="text/javascript" src="/assets/plugins/vk.js"></script>
</body>
</html>

89
ziracms/requirements.html Normal file
View File

@ -0,0 +1,89 @@
<!DOCTYPE html>
<html itemscope itemtype="http://schema.org/WebPage" lang="ru">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/png" href="/assets/images/zira.png" />
<meta charset="utf-8" />
<title>Системные требования Zira CMS</title>
<meta name="keywords" content="zira, cms, система, требования, php, mysql, sqlite, браузер" />
<meta name="description" content="Перед установкой Zira CMS необходимо ознакомиться с системными требованиями и подобрать соответствующий хостинг, либо отдельный сервер." />
<link rel="stylesheet" type="text/css" href="/assets/css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="/assets/css/bootstrap-theme.min.css" />
<link rel="stylesheet" type="text/css" href="/assets/css/zira.css" />
<link rel="stylesheet" type="text/css" href="/assets/css/lightbox.css" />
<link rel="stylesheet" type="text/css" href="/theme/css/main.css" />
<link rel="stylesheet" type="text/css" href="/theme/css/extra.css" />
<!--[if lt IE 9]><script src="/assets/js/html5shiv.min.js"></script><script src="/assets/js/respond.min.js"></script><![endif]-->
<!--[if lt IE 9]><link href="/theme/css/ie8.css" type="text/css" rel="stylesheet" /><![endif]-->
</head>
<body class="page">
<div id="main-container-wrapper"><div id="main-container">
<header>
<div class="container">
<div class="row">
<ul id="user-menu" class="not-authorized usermenu-popup">
<li class="menu-item">
<a href="/ziracms/download.html" class="menu-link"> Скачать</a>
</li>
</ul>
<div id="site-logo-wrapper" style="margin-top:50px"><a id="site-logo" href="/" title="Zira CMS"><img src="/assets/images/zira.png" alt="Zira CMS" width="80" height="80" /><span>Zira</span></a><p id="site-slogan"><span>CMS с оконным интерфейсом</span></p></div>
</div>
</div>
</header>
<div class="container">
<div class="row">
<div id="content" class="col-sm-8">
<main>
<article>
<div class="page-header">
<h1>Системные требования Zira CMS</h1>
</div>
<div class="article parse-content">
<p>Перед установкой Zira CMS необходимо ознакомиться с системными требованиями и подобрать соответствующий хостинг, либо отдельный сервер.</p>
<p>&nbsp;</p>
<p>Для работы Zira CMS требуются:</p>
<ul>
<li>веб-сервер Apache</li>
<li>база данных MySQL 5 или SQLite 3</li>
<li>PHP 5.5.3 и выше</li>
<li>PDO</li>
<li>OpenSSL</li>
<li>GD</li>
</ul>
<p>Для обеспечения максимальной быстроты и стабильности работы рекомендуется выбирать сервер на операционной системе семейства UNIX, таких как Linux, FreeBSD итд. Тем не менее, в ознакомительных целях, допускается установка Zira CMS на WIndows.</p>
<p>&nbsp;</p>
<p>В связи с тем, что оконный интерфейс Zira CMS использует новейшие функции и возможности языка JavaScript, рекомендуется использовать последнюю версию браузера Mozilla Firefox, либо Google Chrome для управления системой.</p>
<p>Браузер Microsoft Internet Explorer поддерживается только для фронтенда и использовать его для администрирования не желательно.</p>
</div>
<div id="vk_like"></div>
</article>
</main>
<div id="vk_comments"></div>
</div>
<div class="col-sm-4 sidebar">
<aside>
<div id="vk_groups"></div>
</aside>
</div>
</div>
</div>
<footer>
<div class="container">
<div class="row">
<p><a href="https://github.com/ziracms/zira">Zira CMS</a> - бесплатная система управления сайтом.</p>
</div>
</div>
</footer>
</div></div><!--/main-container-wrapper-->
<a href="javascript:void(0)" class="scroll-top" title="Наверх"><span class="glyphicon glyphicon-circle-arrow-up"></span></a>
<div id="vk_community_messages"></div>
<script src="/assets/js/jquery.min.js"></script>
<script src="/assets/js/bootstrap.min.js"></script>
<script src="/theme/js/extra.js"></script>
<script src="/assets/js/zira.js"></script>
<script src="/assets/js/parse.js"></script>
<script src="/assets/js/lightbox.min.js"></script>
<script type="text/javascript" src="https://vk.com/js/api/openapi.js?162"></script>
<script type="text/javascript" src="/assets/plugins/vk.js"></script>
</body>
</html>

97
ziracms/widgets.html Normal file
View File

@ -0,0 +1,97 @@
<!DOCTYPE html>
<html itemscope itemtype="http://schema.org/WebPage" lang="ru">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/png" href="/assets/images/zira.png" />
<meta charset="utf-8" />
<title>Управление виджетами Zira CMS</title>
<meta name="keywords" content="zira, cms, виджет, блок, код, текст, расположение, счетчик" />
<meta name="description" content="Виджеты в Zira CMS представляют собой контейнеры в которых выводится определенный контент. К виджетам относятся основное меню, пользовательское меню, логотип, переключатель языка итд." />
<link rel="stylesheet" type="text/css" href="/assets/css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="/assets/css/bootstrap-theme.min.css" />
<link rel="stylesheet" type="text/css" href="/assets/css/zira.css" />
<link rel="stylesheet" type="text/css" href="/assets/css/lightbox.css" />
<link rel="stylesheet" type="text/css" href="/theme/css/main.css" />
<link rel="stylesheet" type="text/css" href="/theme/css/extra.css" />
<!--[if lt IE 9]><script src="/assets/js/html5shiv.min.js"></script><script src="/assets/js/respond.min.js"></script><![endif]-->
<!--[if lt IE 9]><link href="/theme/css/ie8.css" type="text/css" rel="stylesheet" /><![endif]-->
</head>
<body class="page">
<div id="main-container-wrapper"><div id="main-container">
<header>
<div class="container">
<div class="row">
<ul id="user-menu" class="not-authorized usermenu-popup">
<li class="menu-item">
<a href="/ziracms/download.html" class="menu-link"> Скачать</a>
</li>
</ul>
<div id="site-logo-wrapper" style="margin-top:50px"><a id="site-logo" href="/" title="Zira CMS"><img src="/assets/images/zira.png" alt="Zira CMS" width="80" height="80" /><span>Zira</span></a><p id="site-slogan"><span>CMS с оконным интерфейсом</span></p></div>
</div>
</div>
</header>
<div class="container">
<div class="row">
<div id="content" class="col-sm-8">
<main>
<article>
<div class="page-header">
<h1>Управление виджетами Zira CMS</h1>
</div>
<div class="article parse-content">
<p>Виджеты в Zira CMS представляют собой контейнеры в которых выводится определенный контент. К виджетам относятся основное меню, пользовательское меню, логотип, переключатель языка итд.</p>
<p>&nbsp;</p>
<p><img class="image" src="/uploads/zira/screens/screen-23.jpg" alt="Виджеты Zira CMS" width="800" height="400" /></p>
<p>Любой виджет может быть деактивирован, либо наоборот, активирован, при необходимости. Список существующих виджетов можно найти, если открыть окно "Настройки &rarr; Виджеты".</p>
<p>Неактивные виджеты выводятся серым цветом. Кликнув дважды можно открыть окно редактирования свойств виджета.</p>
<p>&nbsp;</p>
<p><img class="image" src="/uploads/zira/screens/screen-24.jpg" alt="Свойства виджета в Zira CMS" width="800" height="400" /></p>
<p>В этом окне можно задать место расположения виджета, выбрав его из соответствующего списка. Это может быть шапка (header), левая колонка, правая колонка, подвал (footer) итд. Также, можно вставить виджет в тег <strong>HEAD</strong> или в начало, либо конец тега <strong>BODY.</strong> Эта функция может быть использована для вставки виджетов с блоками кодов счетчиков.</p>
<p>Показ виджета можно ограничить только главной страницей, либо страницами определенной категории. Для того, чтобы показывать виджет только на страницах записей, можно применить соответствующий фильтр.</p>
<p>Чтобы изменить порядок вывода определенного виджета, нужно перетащить его мышкой вверх или вниз, в зависимости от того где вы хотите его расположить.</p>
<p>Для того, чтобы вывести виджет в различных категориях и при этом не выводить его на остальных страницах, нужно скопировать виджет, а затем отредактировать свойства созданной копии виджета отдельно.</p>
<p>&nbsp;</p>
<p>Как уже упоминалось выше, Zira CMS позволяет вставлять с помощью виджетов блоки кода. Для этого нужно сначала создать новый блок.</p>
<p>&nbsp;</p>
<p><img class="image" src="/uploads/zira/screens/screen-25.jpg" alt="Блоки в Zira CMS" width="800" height="400" /></p>
<p>Это можно сделать открыв окно "Система &rarr; Блоки". В появившемся окне кликните по ссылке "<strong>Создать</strong>". Перед вами откроется окно создания нового блока.</p>
<p>&nbsp;</p>
<p><img class="image" src="/uploads/zira/screens/screen-26.jpg" alt="Создание блока в Zira CMS" width="800" height="400" /></p>
<p>В этом окне нужно ввести заголовок блока и его содержимое. Здесь-же вы можете выбрать расположение будущего виджета. По умолчанию, заголовок блока отображаться не будет. Чтобы показать его включите опцию "<strong>Использовать шаблон</strong>". В этом случае, содержимое блока будет "обернуто" контейнером, для более эстетичного показа на страницах сайта. Эту опцию следует включать только для блоков с текстовым содержимым. Блоки с кодами счетчиков должны выводится без шаблона.</p>
<p>После того, как блок будет создан, система также создаст новый виджет для него, который можно будет найти в окне виджетов. Если вы случайно удалите виджет блока, то создавать блок заново не придется, вам нужно лишь пересоздать сам виджет. Для этого выделите нужный блок и выберите пункт "<strong>Создать виджет</strong>" в оконном меню.</p>
<p>Ввод текста блока можно осуществлять с помощью текстового редактора. Для этого выделите нужный блок и нажмите на ссылку "<strong>Открыть текст</strong>" в левой колонке окна. Если кликнуть по ссылке "<strong>Открыть код</strong>", то откроется редактор, типа блокнота, который удобно использовать для редактирования кода скриптов.</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</div>
<div id="vk_like"></div>
</article>
</main>
<div id="vk_comments"></div>
</div>
<div class="col-sm-4 sidebar">
<aside>
<div id="vk_groups"></div>
</aside>
</div>
</div>
</div>
<footer>
<div class="container">
<div class="row">
<p><a href="https://github.com/ziracms/zira">Zira CMS</a> - бесплатная система управления сайтом.</p>
</div>
</div>
</footer>
</div></div><!--/main-container-wrapper-->
<a href="javascript:void(0)" class="scroll-top" title="Наверх"><span class="glyphicon glyphicon-circle-arrow-up"></span></a>
<div id="vk_community_messages"></div>
<script src="/assets/js/jquery.min.js"></script>
<script src="/assets/js/bootstrap.min.js"></script>
<script src="/theme/js/extra.js"></script>
<script src="/assets/js/zira.js"></script>
<script src="/assets/js/parse.js"></script>
<script src="/assets/js/lightbox.min.js"></script>
<script type="text/javascript" src="https://vk.com/js/api/openapi.js?162"></script>
<script type="text/javascript" src="/assets/plugins/vk.js"></script>
</body>
</html>