Шаблон "Про бизнес". А что внутри?

Заглянем внутрь шаблона "Про бизнес".

Это будет полезная экскурсия, т.к. часто задают вопросы как поменять что-то в шаблоне и где это нужно делать.

Шаблон "Про бизнес" имеет следующую файловую структуру.

Организация файловой структуры шаблона

Папки и файлы:

• css - папка для хранения файлов CSS, используемых для стилизации и оформления шаблона;
• data - папка для хранения файлов отвечающих за структуру шаблона и вывод информации в слайдер, блоки дополнительного контента и др.;
• demo - в этой папке находятся изображения для демонстрации работы шаблона (логотип, слайды, фавиконы и пр.) После загрузки своего контента эту папку можно удалить;
• editor - содержит файла и скрипты для работы панели инструментов для полей textarea;
• font - в этой папке находится шрифт FontAwesome и стили css для его работы;
• images - пака для хранения файлов изображений и иконок, которые используются в работе панели управления шаблонов и самого шаблона;
• js - содержит файлы скриптов необходимых для работы шаблона;
• admin.php - этот файл создает структуру административной панели управления шаблоном и обеспечивает ее работу;
• config.dat - файл содержит все глобальные настройки шаблона, информация записывается в этот файл в формате json;
• icon.png - файл с расширением png, представляет собой иконку шаблона, которая выводится на главной странице панели управления движка;
• info.ini - содержит информация о шаблоне: название, версию, информацию о разработчике и др.;
• integration_system.php - файл предназначен для интеграции шаблона в систему движка, которая обеспечивает загрузку и вывод информации в формате json;
• news.blok.template.php - файл html-шаблона вывода превью новостей в боковой колонке шаблона;
• news.content.template.php - файл html-шаблона вывода содержания новости;
• news.prev.template.php - файл html-шаблона вывода превью новостей на страницу всех новостей или определенной категории новостей;
• skr.png - файл с расширением png, представляет собой скрин шаблона, который выводится в разделе настроек;
• style-home.css - файл css стилей которые необходимо вывести в первую очередь при загрузке главной страницы;
• style-home.min.css - минифицированная версия файла style-home.css;
• style.css - файл css стилей которые необходимо вывести в первую очередь при загрузке вложенных страниц;
• style.min.css - минифицированная версия файла style.css;
• template.php - файл содержит html-код самого шаблона, в котором прописаны все теги для вывода контента.

В глобальных стилях CSS прописаны стили практически для всех модулей и расширений, которые представлены на канале Сам Себе Веб-Мастер, поэтому никаких проблем с оформлением этих модулей при установке на этот шаблон не будет.

Код шаблона полностью валидный.

В шаблоне прописаны все мета теги, необходимые для настройки первичной сео-оптимизации:

<title>Достоинства нашей компании</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="description" content="Повседневная практика показывает, что сложившаяся структура организации требуют от нас анализа существенных финансовых и административных условий">
<meta name="keywords" content="Условия, компания, производство">
<meta name="yandex-verification" content="код подтверждения">
<meta name="google-site-verification" content="код подтверждения">

Микроразметка Open Graph:

<meta property="og:locale" content="ru_RU">
<meta property="og:type" content="website">
<meta property="og:title" content="Достоинства нашей компании">
<meta property="og:description" content="Повседневная практика показывает, что сложившаяся структура организации требуют от нас анализа существенных финансовых и административных условий">
<meta property="og:url" content="http://demo.ru/">
<meta property="og:site_name" content="Сайт Про Бизнес">
<meta property="og:image" content="/modules/about_business/demo/logo.png">

Все скрипты шаблона, а так же скрипты подключаемых к шаблону расширений, выводятся внизу страницы перед закрывающим тегом body.

<script src="/modules/about_business/js/jquery-3.6.0.min.js"></script>
<script>
function dip (menu2){
if ($(menu2).css('display') == 'none'){
$(menu2).animate({height: 'show'}, 500);
}else{
$(menu2).animate({height: 'hide'}, 500);
}
}
</script>
<script>
$('.cls').click(function() {
document.getElementById('cls').style.display = 'none';
});
</script>
<script src="/modules/about_business/js/flexslider.min.js"></script>
<script>
$(document).ready(function () {
$('.flexslider-home').flexslider({
animation: 'fade',
slideshowSpeed:7000,
animationSpeed:600,
controlsContainer: '.flexslider-home'
});
});
</script>

</body>
</html>

Высокая скорость загрузки.

И это без учета, что изображения в слайдере не оптимизированные. Если слайдер отключить, то результат будет еще лучше.

Ставьте лайки, не важно какие, важна ваша реакция. Пишите комментарии и задавайте вопросы. Помните, только здесь, на канале "Сам Себе Веб-Мастер", вам ответят на все вопросы и дадут максимально полную информацию по интересующему вопросу.

#разработка веб-сайтов #создание сайтов #веб-дизайн #интернет #myengine