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

shortcuts & settings pages added

This commit is contained in:
Zira 2019-11-19 23:37:14 +05:00
parent 2a9ff864b7
commit 94b6ee1244
4 changed files with 239 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
index.html
View File

@ -126,6 +126,14 @@
</ul>
</nav>
</div>
<div class="secondary-custom-menu-wrapper">
<nav>
<ul class="nav nav-pills nav-stacked">
<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>
</ul>
</nav>
</div>
<div class="block widget-category-wrapper">
<div class="page-header">
<h2 class="widget-title">Новости</h2>

29
theme/js/extra.js
View File

@ -59,11 +59,40 @@ zira_show_images_description = true;
'<li class="menu-item"><a href="/ziracms/download.html" title="Скачать Zira CMS" class="menu-link">Скачать</a></li>'+
'</ul></nav></div>';
$(container).prepend(menu);
var menuObj = $(container).find('#secondary-menu-wrapper ul.nav.nav-pills.nav-stacked');
if ($(menuObj).length == 0) return;
$(menuObj).children('li.menu-item').each(function(){
var link = $(this).children('a');
if ($(link).length == 0) return true;
if ($(link).attr('href') == window.location.pathname) {
$(this).addClass('active');
}
});
}
function buildSecondaryCustomMenu(container) {
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/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>'+
'</ul></nav></div>';
$(container).prepend(menu);
var menuObj = $(container).find('.secondary-custom-menu-wrapper ul.nav.nav-pills.nav-stacked');
if ($(menuObj).length == 0) return;
$(menuObj).children('li.menu-item').each(function(){
var link = $(this).children('a');
if ($(link).length == 0) return true;
if ($(link).attr('href') == window.location.pathname) {
$(this).addClass('active');
}
});
}
$(document).ready(function(){
buildTopMenu($('header .container .row').first());
buildBottomMenu($('footer .container .row').first());
buildSecondaryCustomMenu($('.sidebar aside').first());
buildSecondaryMenu($('.sidebar aside').first());
});
})(jQuery);

109
ziracms/settings.html Normal file
View File

@ -0,0 +1,109 @@
<!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, настройка, система, сайт, почта, smtp" />
<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>Все окна с настройками находятся в соответствующем выпадающем меню, под названием "Настройки". Рассмотрим некоторые из них.</p>
<p>&nbsp;</p>
<h2>Системные настройки.</h2>
<p>Откройте окно с системными настройками "Настройки &rarr; Система".</p>
<p>&nbsp;</p>
<p><img class="image" src="/uploads/zira/screens/screen-13.jpg" alt="Системные настройки Zira CMS" width="736" height="600" /></p>
<p>Здесь вы можете изменить следующие опции: часовой пояс, водяной знак, формат даты PHP, формат даты JavaScript, время жизни кэша, а также включить или отключить некоторые функции.</p>
<p>На разных серверах установлен разный часовой пояс, поэтому, чтобы синхронизировать время системы с вашим, нужно выбрать соответствующих часовой пояс в выпадающем списке. По-умолчанию, выставляется UTC.</p>
<p>Zira CMS позволяет выставлять на изображения водяной знак. Для этого нужно указать файл изображения в соответсвующем поле. Это можно сделать в ручную, либо с помощью файлового менеджера, нажав на иконку в правом углу поля. Водяной знак может быть установлен в редакторе изображений, либо сразу после загрузки изображения на сервер. Для автоматической установки водяного знака при загрузке, нужно активировать опцию "<strong>Включить водяной знак</strong>".</p>
<p>Форматы дат PHP и JavaScript имеет смысл менять, только если ваш сайт рассчитан на не русскоязычную аудиторию. В этом случае нужно переставить соответствующие буквы формата в нужном порядке.</p>
<p>Для того, чтобы уменьшить нагрузку на сервер, включите кэширование. По умолчанию, кэш будет обновляться каждый час. Чтобы изменить время жизни кэша, укажите число секунд в поле "<strong>Время жизни кэша</strong>".</p>
<p>Для того, чтобы адреса страниц имели читабельный вид, требуется включение ЧПУ. Эта опция должна была быть включена при установке, если ваш сервер поддерживает её.</p>
<p>GZIP-компрессия позволяет уменьшить размер скачиваемых браузером скриптов и файлов стилей, что существенно может уменьшить время загрузки страницы. Эта функция также должна поддерживаться сервером.</p>
<p>В этом-же окне, вы можете отключить показ всех виджетов, если в этом возникнет необходимость.</p>
<p>Опция "<strong>Переводы БД</strong>" включает функцию пользовательских переводов строк, с помощью которой, можно переводить строки в окне "Локализация", сохраняя их в базе данных. Следует иметь в виду, что включение этой опции, при большом количестве введенных строк, может повысить нагрузку на сервер, что приведет к медленной работе сайта.</p>
<p>Опция "<strong>Закрепить верхнюю панель</strong>" включает и отключает показ верхней панели меню администрирования на всех страницах сайта. Если эта опция отключена, то верхняя панель будет доступна только по адресу "/dash".</p>
<p>&nbsp;</p>
<h2>Настройки сайта.</h2>
<p><img class="image" src="/uploads/zira/screens/screen-14.jpg" alt="Настройки сайта в Zira CMS" width="800" height="600" /></p>
<p>В этом окне, вы можете поменять схему страниц по-умолчанию. Zira CMS позволяет задавать следующие схемы - с левой и правой колонкой, только с левой колонкой, только с правой колонкой и без колонок вообще.</p>
<p>Следует отметить, что схему страниц можно также указывать для каждой категории и для главной страницы отдельно.</p>
<p>Здесь-же можно сменить название сайта, слоган, логотип, заголовок окна по-умолчанию, ключевые слова по-умолчанию и описание.</p>
<p>Опция "<strong>Лимит записей</strong>" задает число отображаемых записей на странице категории и в некоторых виджетах. Если опция "<strong>Показывать записи дочерних категорий</strong>" включена, то на странице категории будут отображаться также и записи подкатегорий. Если вы не используете подкатегории, то имеет смысл отключить эту опцию, чтобы уменьшить нагрузку на сервер.</p>
<p>В поле строки авторских прав, вы можете указать текст, который должен выводиться в нижней части страницы.</p>
<p>Если включена опция "<strong>Показывать название сайта в заголовке окна</strong>", то название сайта будет добавляться в заголовок всех страниц сайта.</p>
<p>&nbsp;</p>
<p>Также Zira CMS позволяет менять настройки записей по-умолчанию, в которых можно задать размеры миниатюр, а также включить или отключить показ слайдера, галереи, комментариев, рейтинга, даты публикации и автора.</p>
<p>Настройки записей также можно задавать для каждой категории отдельно.</p>
<p>&nbsp;</p>
<p>Как уже говорилось выше, вы можете указать схему для главной страницы в её настройках. Тут-же вы можете указать для нее заголовок, ключевые слова и описание, если на главную страницу не назначена запись. При установке была создана запись с названием "главная", которую вы можете видеть в поле "Привязать запись". Если вы хотите, чтобы на главной странице отображался только список записей выведенных на главную, то вы можете очистить это поле.</p>
<p>&nbsp;</p>
<p>Кроме того, рекомендуется сразу-же проверить настройки пользователей, комментариев и почты.</p>
<p>По умолчанию, регистрация новых пользователей отключена. Включить регистрацию можно в окне настроек пользователей.</p>
<p>В настройках комментариев можно указать почтовый адрес для оповещения модератора.</p>
<p>В настройках почты можно включить отправку почты с помощью SMTP-сервера. Эта функция может быть полезной, если ваш хостинг-провайдер не разрешает отправлять письма со своего сервера.</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="/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>
<script src="/theme/js/extra.js"></script>
</body>
</html>

93
ziracms/shortcuts.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>Ускорение работы с помощью горячих клавиш</title>
<meta name="keywords" content="zira, cms, окна, горячие, клавиши, комбинация" />
<meta name="description" content="Те, кто много работает за компьютером, наверняка знают, что работать, используя горячие клавиши, гораздо удобнее и быстрее. " />
<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>Те, кто много работает за компьютером, наверняка знают, что работать, используя горячие клавиши, гораздо удобнее и быстрее.<!-- pagebreak --></p>
<p>Некоторые могут с этим не согласиться, ведь комбинации горячих клавиш надо, во-первых знать, а во вторых еще и уметь быстро нажимать. Именно такие аргументы можно услышать от тех, кто привык делать все мышкой.</p>
<p>Однако, стоит только выучить несколько комбинаций клавиш, как уже просто не можешь работать без них. Как говориться, к хорошему привыкаешь быстро. Горячие клавиши, действительно, значительно повышают удобство работы и существенно ускоряют процесс.</p>
<p>Хорошие новости :) - окна Zira CMS имеют поддержку горячих клавиш. Запомнить их не трудно:</p>
<ul>
<li>"<em>ctrl + &larr;</em>" - прилепить окно слева</li>
<li>"<em>ctrl + &rarr;</em>" - прилепить окно справа</li>
<li>"<em>ctrl + &uarr;</em>" - развернуть окно на весь экран</li>
<li>"<em>ctrl + &darr;</em>" - свернуть окно</li>
<li>"<em>shift + tab</em>" - переключиться на следующее окно</li>
<li>"<em>Esc</em>" - закрыть окно</li>
<li>"<em>ctrl + s</em>" - сохранить</li>
<li>"<em>Del</em>" - удалить элемент</li>
</ul>
<blockquote>
<p>Если при развернутом окне еще раз нажать "ctrl + &uarr;", то сработает обратное действие. Т.е окно примет первоначальные размеры.</p>
</blockquote>
<p>Кроме того, с помощью стрелок можно выделить нужный элемент в рабочей области окна. А если нажать "<em>Enter</em>", то сработает событие которое назначено на двойное нажатие мыши (обычно это редактирование элемента).</p>
<p>Таким образом, нет необходимости водить мышкой по экрану, достаточно, всего-лишь, нажать пару клавиш. Поверьте, это гораздо удобнее и быстрее.</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="/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>
<script src="/theme/js/extra.js"></script>
</body>
</html>