Скрипт корпоративного сайта с витриной проектов

О языке

Интерфейс сайта и панели управления доступен на турецком и английском языках. Язык сайта и язык панели выбираются отдельно в разделе «Site Ayarları» (Настройки сайта); язык панели можно также переключить значком глобуса в правом верхнем углу панели.

Можно добавить и другие языки: скопируйте файл en.php из папки dil пакета и переведите его (шаги описаны в dil/OKUBENI.txt). Добавленный язык автоматически появляется в списках языков в настройках сайта, а обновления не затрагивают ваши языковые файлы. Непереведённые тексты отображаются на английском языке; при желании их можно показывать на турецком.

Материалы, которые вы публикуете (услуги, проекты, страницы, записи блога и так далее), не переводятся: они остаются на том языке, на котором вы их пишете. Предупреждающие сообщения и форматы дат соответствуют выбранному языку. Письма из форм, которые приходят вам, пишутся на языке панели.

Когда на этой странице упоминается раздел панели или сайта, его название приведено так, как оно выглядит в турецком интерфейсе, в кавычках, а перевод — в скобках; в английском интерфейсе те же разделы отображаются под английскими названиями.

Для кого подходит

Создан для компаний, технологических и консалтинговых фирм, сервисных бизнесов и агентств, которые делают для них сайты. На собственном домене вы представляете услуги, проекты, команду, отзывы клиентов, частые вопросы и статьи. Главная страница состоит из главного экрана, где сменяются до десяти слайдов, карточек услуг, витрины проектов, счётчиков, блока «Öne Çıkanlar» (Преимущества), отзывов клиентов, логотипов референсов и последних записей. Посетитель связывается с вами через форму обратной связи или вводит e-mail в поле «Bilgi al» (Получить информацию) внизу каждой страницы; сообщения собираются в вашей панели.

Программировать не нужно. Установку выполняет мастер в браузере, а материалы вы вводите в панели управления.

Возможности сайта

Главная страница и внутренние страницы

• Главный экран из нескольких слайдов: слайды добавляются в разделе «Slider». Для каждого слайда вы указываете три строки текста; текст кнопки, её ссылка и изображение необязательны (кнопка показывается, только если заполнены и текст, и ссылка); ссылка кнопки может вести на страницу самого сайта или на внешний адрес. Показывается не больше десяти слайдов. Если слайдов несколько, главный экран меняется плавным затуханием, внизу появляются точки, а слайды сменяются сами; на устройствах с включённой настройкой уменьшения анимации автоматическая смена отключена. Если слайдов нет, показываются заголовок и описание сайта.
• Главная страница: главный экран, карточки услуг, краткий блок «Hakkımızda» (О нас), витрина проектов, счётчики, «Öne Çıkanlar» (Преимущества), полоса «Bize Ulaşın» (Свяжитесь с нами), отзывы клиентов, логотипы референсов и три последние записи блога. Блок услуг, проектов, счётчиков, преимуществ, отзывов, референсов или блога без записей не появляется.
• «Öne Çıkanlar» (Преимущества): свои сильные стороны вы вводите с заголовком, кратким описанием и, по желанию, маленьким изображением-значком. Они показываются в отдельном блоке главной страницы и списком на странице «Hakkımızda» (О нас).
• Счётчики: в разделе «Kilometre Taşı» (Вехи) вы вводите заголовок, число и, по желанию, значок. На главной странице числа растут с нуля, когда попадают в поле зрения; на устройствах с включённым уменьшением анимации они показываются сразу. Счётчик с числом 0 не показывается.
• Услуги: для каждой услуги вы вводите название, изображение, краткое описание и подробный форматированный текст; есть параметры публикации и показа в верхнем меню. Услуги выводятся карточками на главной странице и на странице «Hizmetler» (Услуги). У каждой услуги своя страница; выбранные вами услуги появляются в верхнем меню выпадающим списком.
• Витрина проектов с фильтром: проекты вы распределяете по категориям и публикуете с названием, изображением и подробным форматированным текстом. Кнопки категорий на странице «Projeler» (Проекты) фильтруют список по категории без перезагрузки страницы. На главной странице показывается не больше десяти проектов в виде карточек с изображением; у каждого проекта своя страница.
• «Hakkımızda» (О нас): заголовок и форматированный текст; ниже идут список преимуществ, команда, частые вопросы, логотипы референсов и последние записи. Краткий текст и изображение на главной странице и краткое описание в нижней части сайта — отдельные поля.
• Частые вопросы: вопросы и ответы вы вводите в панели. Они показываются на странице «Hakkımızda» (О нас) раскрывающимся списком; ответ открывается, когда посетитель нажимает на вопрос. Если не введён ни один вопрос, блок не появляется.
• Команда: вы представляете сотрудников с именем и фамилией, должностью и фотографией. Команда показывается на страницах «Hakkımızda» (О нас), «Hizmetler» (Услуги) и «Blog» и на страницах отдельных услуг; неопубликованный сотрудник не показывается.
• Отзывы клиентов: вы вводите имя и фамилию, должность, отзыв и, по желанию, фотографию. Отзывы показываются в карусели на главной странице; в зависимости от ширины экрана рядом видны один, два или три отзыва.
• Референсы: полоса логотипов из названий и логотипов референсов показывается на главной странице, на страницах «Hakkımızda» (О нас), «Hizmetler» (Услуги) и «Blog», а также на страницах отдельных услуг и проектов.
• Блог: вы публикуете статьи с заголовком, изображением, кратким текстом и форматированным текстом. Имя автора указывать необязательно; если оно заполнено, оно показывается в списке блога, на странице статьи и в блоках последних статей. Список отсортирован так, что самая новая статья идёт первой; три последние статьи показываются на главной странице и внизу большинства внутренних страниц. Неопубликованная статья на сайте не появляется.
• Дополнительные страницы: в панели вы добавляете сколько угодно страниц (например, уведомление о конфиденциальности KVKK или страницу о вакансиях). В разделе «Menüler» (Меню) вы создаёте заголовок меню и показываете страницу под ним в верхнем меню выпадающим списком; при желании добавляете её и в список «Hızlı Menü» (Быстрое меню) внизу сайта.

Формы и контакты

• Страница контактов: форма с полями «имя и фамилия», e-mail, телефон и сообщение, все поля обязательны. На странице также есть карточки e-mail, телефона и адреса и карта (код встраивания Google Maps или OpenStreetMap); незаполненные данные и карта не показываются.
• Поле «Bilgi al» (Получить информацию): оно находится внизу сайта, на каждой странице. Посетитель вводит только e-mail и отмечает согласие KVKK; запись попадает в список «Mesajlar» (Сообщения) в панели.
• Письма вам: после настройки «E-posta Ayarları» (Настройки e-mail) и включения уведомлений сообщения из формы обратной связи и из поля «Bilgi al» (Получить информацию) приходят вам и по e-mail. Когда вы отвечаете на письмо, ответ уходит на адрес посетителя. Даже без настройки e-mail сообщения собираются в панели.
• Флажок согласия KVKK: обязателен в форме обратной связи и в поле «Bilgi al» (Получить информацию). KVKK — закон Турции о защите персональных данных. Ссылка на уведомление о конфиденциальности ведёт на страницу, которую вы выбираете в разделе «Site Ayarları» (Настройки сайта); та же ссылка есть и в «Hızlı Menü» (Быстрое меню) внизу сайта. Текст из примеров материалов — только образец; собственное уведомление о конфиденциальности вам нужно подготовить самостоятельно.

Меню, заголовки и внешний вид

• Названия и структура меню: на странице «Menü İsimleri» (Названия меню) вы пишете своими словами названия «Hakkımızda» (О нас), «Hizmetler» (Услуги), «Projeler» (Проекты), «Blog» и «İletişim» (Контакты). На странице «Menü Düzeni» (Структура меню) вы по одному включаете и скрываете эти пункты в верхнем меню и в быстром меню в нижней части сайта, а «Ek Sayfalar» (Дополнительные страницы) — только в верхнем меню. Если названия меню становятся слишком длинными и не помещаются в одну строку, верхнее меню само переключается на мобильное.
• Заголовки и тексты: на странице «Başlıklar ve yazılar» (Заголовки и тексты) вы меняете заголовки и тексты блоков главной страницы, полосу «Bize Ulaşın» (Свяжитесь с нами), заголовки блога, команды и частых вопросов и заголовок нижней части сайта; у каждого поля указано, где оно появляется на сайте.
• Логотип, favicon и изображение: тёмный логотип используется в верхнем меню, светлый — внизу сайта; favicon показывается во вкладке браузера. На странице «Görseller» (Изображения) вы меняете изображение рядом с полосой «Bize Ulaşın» (Свяжитесь с нами).
• Два цвета: основной цвет применяется к кнопкам, ссылкам, меню и активным элементам или элементам под курсором. Второй цвет становится вторым цветом градиентов в кнопках и полосах.
• Контактные данные и соцсети: вы вводите телефон, e-mail, адрес и часы работы, а также ссылки на Facebook, Twitter, Instagram, YouTube, LinkedIn, TikTok и WhatsApp. Они показываются в верхней полосе, на странице контактов и внизу сайта, причём только заполненные.
• Подпись в подвале: надпись «TiklaWeb tarafından geliştirildi» (Разработано TiklaWeb) внизу сайта можно изменить или убрать.

Мобильные устройства и поисковые системы

• Адаптация под мобильные: сайт подстраивается под экраны телефона, планшета и компьютера; на маленьких экранах меню превращается в мобильное, которое открывается касанием.
• Свои заголовок и описание у каждой страницы: у каждой страницы есть собственный заголовок («Страница | Компания»), описание и теги для соцсетей (Open Graph). Для услуг, проектов, записей блога и дополнительных страниц заголовок, описание и ключевые слова можно дополнительно ввести в панели; у услуг, проектов и записей изображением при публикации в соцсетях служит собственное изображение материала. Заголовок, описание и ключевые слова сайта вводятся в разделе «Site Ayarları» (Настройки сайта).

Панель управления

• «Gösterge Paneli» (Сводка): количество услуг, проектов, записей и сообщений, а также список десяти последних сообщений. В боковом меню количество сообщений показано значком.
• «Mesajlar» (Сообщения): сообщения из формы обратной связи и из поля «Bilgi al» (Получить информацию) собираются в одном списке. В списке видны имя, телефон, e-mail и дата; в окне подробностей вы читаете сообщение, а запись можно удалить.
• Управление материалами: вы добавляете, изменяете и удаляете материалы в разделах «Slider», «Hizmetler» (Услуги), «Projeler» (Проекты, с категориями), «Blog», «Sayfalar» (Страницы, с заголовками меню), «Takım» (Команда), «Öne Çıkanlar» (Преимущества), «Kilometre Taşı» (Вехи), «Müşteri Yorumları» (Отзывы клиентов), «Referanslar» (Референсы), «Sıkça Sorulan Sorular» (Частые вопросы) и «Hakkımızda» (О нас). В полях с форматированным текстом используется редактор Summernote.
• «E-posta Ayarları» (Настройки e-mail): вы вводите SMTP-сервер, порт, шифрование, почтовую учётную запись, пароль и адрес для уведомлений; после включения уведомлений работают письма из формы обратной связи и из поля «Bilgi al» (Получить информацию).
• «Site Ayarları» (Настройки сайта) и «İletişim Bilgileri» (Контактные данные): в «Site Ayarları» собраны заголовок сайта, ключевые слова, описание, строка копирайта, основной и второй цвет, страница KVKK, язык сайта, язык панели, логотипы и favicon. «İletişim Bilgileri» — отдельная страница: телефон, e-mail, адрес, ссылки на соцсети, часы работы и код карты.
• Пользователи и права: вы добавляете учётные записи с правами администратора, редактора и только для чтения. Редактор управляет разделами с материалами; «Kullanıcılar ve Yetkiler» (Пользователи и права), «Site Ayarları» (Настройки сайта), «İletişim Bilgileri» (Контактные данные), «E-posta Ayarları» (Настройки e-mail) и «Opsiyonel Kodlar» (Дополнительные коды) доступны только администратору. Права проверяются на стороне сервера.
• Восстановление пароля: по ссылке на странице входа в панель пароль сбрасывается по e-mail (если настроены «E-posta Ayarları» (Настройки e-mail)). Ссылка для сброса действует 1 час и используется один раз.
• «Opsiyonel Kodlar» (Дополнительные коды): вы добавляете собственный код (например, скрипт статистики) в верхнюю часть (head) и в конец сайта. Это поле доступно только администратору.

Установка и обновление

• Мастер установки из пяти шагов: требования, лицензия, база данных, данные сайта и администратора, завершение. Мастер сам проверяет ваш сервер.
• Язык установки: в мастере вверху справа выберите турецкий или английский язык. При установке на английском начальные материалы и примеры материалов тоже будут на английском.
• Установка с примерами материалов или пустая: вы начинаете с заполненного сайта, как в демо, и редактируете его, либо вводите материалы с нуля. Список сообщений в обоих случаях пуст.
• Обновление из панели: скачайте zip-пакет новой версии в личном кабинете tiklaweb.net и загрузите его на странице «Güncelleme ve Lisans» (Обновление и лицензия) панели управления. Перед этим создаётся резервная копия файлов и базы данных. При ошибке сайт возвращается в прежнее состояние. Загруженные изображения, настройки и материалы сохраняются.
• Проверенные пакеты: подпись пакета обновления проверяется; устанавливаются только пакеты, скачанные с tiklaweb.net.

Подробное руководство по установке входит в скачиваемый пакет в виде файла KURULUM.html (на турецком языке).

Лицензия

Каждая лицензия выдаётся на один домен, который вы указываете при заказе. После установки домен изменить нельзя; смена зоны того же домена (например, .net на .com) платная и выполняется по обращению в поддержку. Лицензия не передаётся бесплатно. На домене без лицензии сайт не открывается, а посетитель перенаправляется на страницу с предупреждением о лицензии. Для использования на другом домене нужна отдельная лицензия.

Технические характеристики

• PHP 8.2 или выше, MySQL или MariaDB
• Фреймворк: CodeIgniter 4. Сайт: Bootstrap 4, jQuery, Swiper, Font Awesome Free 6. Панель: Bootstrap 4 и редактор содержимого Summernote
• E-mail отправляется через PHPMailer 6.9; пароль SMTP хранится в зашифрованном виде. Данные формы сначала записываются в базу данных; если сервер это поддерживает, письмо отправляется после того, как посетитель получил ответ
• Тексты интерфейса хранятся в языковых файлах пакета (турецкий и английский уже есть, можно добавить новый язык)
• Подписанный токен формы и скрытое поле-ловушка в формах сайта, проверка CSRF при действиях в панели; ограничение попыток при входе в панель, сбросе пароля, в форме обратной связи и в поле «Bilgi al» (Получить информацию)
• Тип изображений, загружаемых из панели, проверяется по содержимому (JPG, PNG, WebP; не более 8 МБ), а при включённом расширении GD они преобразуются в WebP; в папке загрузок PHP не выполняется
• Поля с форматированным текстом в панели фильтруются на сервере при сохранении (HTMLPurifier); панель управления отправляет заголовок политики безопасности содержимого (CSP); пароли администраторов хранятся в виде хеша
• Блок карты принимает только адреса для встраивания Google Maps и OpenStreetMap
• Данные подключения к базе и резервные копии хранятся, если хостинг позволяет, в папке вне корня сайта
• Заголовки безопасности, HSTS при HTTPS; часовой пояс Europe/Istanbul
• Перед продажей проведён аудит безопасности, состоящий из проверки кода и испытаний атаками на работающей системе

Демо

Посмотрите сайт и панель управления в демо только для чтения. Демо установлено на турецком; в панели управления вы можете переключить язык панели на английский значком глобуса вверху справа (этот выбор сохраняется только в вашем браузере). Название компании, люди, отзывы, проекты, услуги и значения счётчиков в демо — образцы. В демо-панели в списке «Mesajlar» (Сообщения) вы увидите две примерные записи. Ссылки на соцсети и карта в демо не заполнены; после того как вы заполните их в панели, они появятся на сайте.

• Сайт: https://011.tiklaweb.net
• Панель управления: https://011.tiklaweb.net/panel
• E-mail для демо: demo@tiklaweb.net
• Пароль для демо: demo1234

В демо изменения сохранить нельзя; форма обратной связи и поле «Bilgi al» (Получить информацию) не сохраняют записи и не отправляют e-mail. Демо сбрасывается каждую ночь. Чувствительные страницы, такие как настройки e-mail и пользователи, в демо-режиме недоступны для просмотра, а «Восстановление пароля» в демо отключено. Эти данные для входа действуют только на демо-сайте. В установке, которую вы приобретёте, учётную запись администратора задаёте вы сами.

Поддержка

Если возникли трудности, создайте обращение в поддержку в личном кабинете tiklaweb.net или напишите на destek@tiklaweb.net.