Скрипт сайта-презентации компании с референсами

О языке

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

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

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

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

Для кого

Подходит компаниям, которые хотят рассказать о своих услугах и проектах и показать референсы, а также агентствам, создающим сайты для таких компаний. На вашем собственном домене вы описываете услуги, показываете выполненные проекты по категориям, представляете команду, отзывы клиентов и логотипы референсов, отвечаете на частые вопросы и вызываете доверие у посетителей с помощью статей блога и PDF-каталогов. Заинтересованный посетитель пишет вам через форму контактов или через кнопки «Teklif Alın» (Получить предложение) на сайте; сообщение появляется в вашей панели.

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

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

Главная страница

• Приветственная область: маленькая верхняя строка, главный заголовок, описание и необязательная кнопка вносятся в панели; в ссылку кнопки вы вносите внутренний адрес сайта (например, projeler) или полный адрес. Рядом всегда есть кнопка «Teklif Alın» (Получить предложение), которая ведёт на страницу контактов. Если загрузить приветственное изображение, оно становится фоном области; если нет, на тёмном фоне рисуется декоративная фигура. Если оставить главный заголовок пустым, заголовком станет название компании.
• Три выделенных блока: три блока из заголовка и короткого текста под приветственной областью. Блок с пустым заголовком не показывается.
• Краткое представление и услуги: начало вашего текста «Hakkımızda» (О нас), названия первых шести услуг и кнопка «Hakkımızda» (О нас) находятся в одном разделе; если вы загрузили изображение для раздела «О нас», оно показывается рядом. Сразу ниже первые шесть услуг показаны нумерованными карточками со значком, названием, кратким описанием и ссылкой «Ayrıntılı Bilgi» (Подробнее); кнопка «Tüm Hizmetler» (Все услуги) ведёт на страницу услуг.
• Счётчики: четыре счётчика. Значение и подпись вносите вы; они показываются на тёмной полосе, а когда страница появляется на экране, числа нарастают. Счётчик с пустым значением не показывается.
• Проекты: первые шесть проектов показываются карточками с изображением, меткой категории, названием и именем клиента; кнопка «Tüm Projeler» (Все проекты) ведёт на страницу проектов.
• Частые вопросы: первые пять вопросов показываются раскрывающимися заголовками, ответ на первый открыт; кнопка «Tüm Sorular» (Все вопросы) ведёт на страницу частых вопросов. Если загрузить изображение на странице «Site görselleri» (Изображения сайта), оно показывается рядом с вопросами. Если вопросов нет, раздел не отображается.
• Отзывы клиентов, логотипы референсов и последние записи: последние 12 отзывов показываются в слайдере, загруженные логотипы референсов — полосой, три последние записи блога — карточками. Раздел без записей на главной странице не отображается вовсе.
• Полоса призыва: вы вносите заголовок и короткий текст; рядом появляется кнопка «Teklif Alın» (Получить предложение). Полоса находится внизу главной страницы и страниц «Hizmetler» (Услуги), «Projeler» (Проекты) и «Hakkımızda» (О нас); если оставить заголовок пустым, полоса не появится вовсе.

Услуги и проекты

• Услуги: для каждой услуги вы вносите название, краткое описание, подробное описание, значок, изображение и порядок; значок выбирается из готового списка. На странице услуг они показываются карточками со значком и номером, а также раскрывающимся списком в меню (не более 12). У каждой услуги есть своя страница (изображение и подробное описание) и боковой список остальных услуг. Поля цены у услуг нет.
• Запрос предложения: на странице услуги есть кнопка «Teklif İste» (Запросить предложение). Она открывает форму контактов с полем темы, уже заполненным названием услуги; посетитель может изменить тему. Кнопка «Teklif Alın» (Получить предложение) есть также в шапке и в приветственной области сайта.
• Проекты: для каждого проекта вы вносите название, категорию, при желании имя клиента, краткое описание, подробный текст, изображение и порядок. Проекты показываются карточками на странице проектов; у каждого проекта своя страница с категорией и сведениями о клиенте и боковой список остальных проектов (до 8).
• Категории проектов: категории вы добавляете в панели (например, «Веб-дизайн», «Айдентика»). Вверху страницы проектов показываются кнопка «Tümü» (Все) и кнопки категорий, в которых есть проекты; когда посетитель нажимает на категорию, остаются только проекты этой категории. Если удалить категорию, её проекты останутся без категории.

Корпоративные страницы

• «Hakkımızda» (О нас): заголовок страницы, текст, миссия, видение, строка подписи и изображение. Пустая часть «миссия» или «видение» не показывается. На странице также есть счётчики, карточки команды и логотипы референсов.
• Команда: вы указываете имя и фамилию, должность и фотографию; команда показывается карточками на странице «Hakkımızda» (О нас). Участник со статусом «Taslak» (Черновик) не отображается.
• Логотипы референсов: вы указываете название компании, веб-адрес (по желанию) и логотип. Записи с загруженным логотипом показываются на главной странице и на странице «Hakkımızda» (О нас). Загружайте только те логотипы, на использование которых у вас есть разрешение.
• Отзывы клиентов: вы указываете имя и фамилию, должность или компанию, отзыв и фотографию (по желанию). Публикуйте отзывы только с согласия их авторов.
• Частые вопросы: вопросы и ответы вы вносите в панели; ответ открывается по клику на вопрос. Как только введён хотя бы один вопрос, его ссылка появляется в меню под пунктом «Kurumsal» (Компания).
• Дополнительные страницы: в панели вы добавляете сколько угодно страниц (например, политику конфиденциальности, принципы работы). Для каждой страницы выбираете, показывать ли её в верхнем меню (под пунктом «Kurumsal» (Компания)) и в нижней части сайта.

Блог, галерея и каталоги

• Блог: записи с заголовком, статусом («Yayında» (Опубликовано) или «Taslak» (Черновик)), кратким описанием, изображением и форматированным текстом. Записи выводятся по 9 на страницу; на странице записи есть боковой список последних записей. Запись со статусом «Taslak» (Черновик) на сайте не отображается.
• «Galeri» (Галерея): вы указываете название изображения, изображение и порядок. По клику изображение увеличивается; работают кнопки «предыдущее» и «следующее», клавиши со стрелками, жест смахивания на телефоне, кнопка закрытия и клавиша Esc.
• Каталоги и документы (PDF): PDF-файлы, например каталог услуг, корпоративную презентацию или прайс-лист, вы загружаете в панели (не более 10 МБ на файл). Для каждого документа указываются текст ссылки и порядок. На странице «Kataloglar» (Каталоги) документы перечислены с кнопкой «PDF indir» (Скачать PDF); по клику посетитель скачивает файл в формате PDF.

Контакты

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

Внешний вид, мобильные устройства и поисковые системы

• Цвет: в панели вы выбираете два цвета. Основной цвет применяется к кнопкам, акцентам, активным элементам и призывной полосе; тёмный цвет применяется к верхней информационной полосе, приветственной области, полосе счётчиков, полосе заголовка внутренних страниц и подвалу. Цвет текста выбирается автоматически, тёмный или светлый, в зависимости от основного и тёмного цвета.
• Логотип, значок сайта и полоса заголовка: вы загружаете логотип и значок сайта (favicon); без логотипа название компании показывается текстом. Логотип показывается на белом фоне в шапке и в белой рамке в подвале, поэтому подходит тёмный или цветной логотип, хорошо читаемый на светлом фоне. Для полосы заголовка вверху внутренних страниц можно загрузить изображение; без него полоса показывается тёмным цветом.
• Информационная полоса, шапка и подвал: на тёмной информационной полосе в самом верху страницы показываются телефон, e-mail, адрес и значки соцсетей; если ничего не внесено, полоса не появляется. В шапке находятся логотип, меню и кнопка «Teklif Alın» (Получить предложение). В подвале показываются ваш краткий текст о компании, значки соцсетей, контактные данные, ссылки, первые шесть услуг и строка об авторских правах. Данные, которые вы не вносите, не отображаются.
• Соцсети: ваши ссылки на Facebook, X (Twitter), Instagram, LinkedIn и YouTube показываются значками; не указанный значок не отображается. Если вы укажете номер WhatsApp, в шапке появится значок WhatsApp.
• Включение и отключение разделов: на одной странице вы включаете или отключаете разделы «Услуги», «Проекты», «Блог», «Галерея», «Каталоги и документы», «Частые вопросы», «Команда», «Отзывы клиентов» и «Логотипы референсов». Отключённый раздел исчезает из меню и с главной страницы, а его адрес перестаёт открываться. Ссылка на раздел без записей в меню тоже не показывается.
• Адаптация под мобильные устройства: на небольших экранах меню превращается в раскрывающееся мобильное меню; макет страницы подстраивается под ширину экрана.
• Собственные заголовок и описание у каждой страницы: у каждой страницы есть свой заголовок («Страница | Компания»), описание и теги для публикации в соцсетях (Open Graph). На страницах услуги, проекта и записи блога изображение для публикации берётся из собственного изображения элемента. Заголовок, описание и ключевые слова сайта вы вносите в «Site ayarları» (Настройки сайта).
• Подпись в подвале: строку «TiklaWeb tarafından geliştirildi» (Разработано TiklaWeb) внизу сайта можно изменить или убрать.
• Страница 404: для несуществующего адреса, отключённого раздела и неопубликованной записи показывается страница с ошибкой и кнопкой возврата на главную.

Панель администратора

• «Özet» (Сводка): количество непрочитанных сообщений, проектов, услуг и опубликованных записей блога, а также последние добавленные проекты и последние сообщения. В боковом меню число непрочитанных сообщений показано значком.
• Услуги, проекты, категории проектов и блог: вы добавляете, изменяете и удаляете записи. В списках есть поиск и сортировка.
• Страницы, галерея и каталоги: вы управляете дополнительными страницами, изображениями галереи и PDF-документами.
• «Mesajlar» (Сообщения): вы читаете и удаляете сообщения из формы контактов с именем, e-mail, телефоном, темой, датой, временем согласия KVKK и текстом; непрочитанные сообщения отмечены.
• Контент сайта: «Ana sayfa girişi, kutular ve sayaçlar» (Вступление, блоки и счётчики главной страницы) (с приветственной областью и полосой призыва), «Hakkımızda» (О нас), «Ekip üyeleri» (Участники команды), «Referanslar» (Референсы), «Yorumlar» (Отзывы), «Sık sorulan sorular» (Частые вопросы), «Site görselleri» (Изображения сайта), «Sosyal medya bağlantıları» (Ссылки на соцсети) и «Bölümleri aç/kapat» (Включение и отключение разделов). В полях форматированного текста используется редактор Summernote.
• Настройки e-mail: как только вы вводите данные SMTP и включаете уведомления, письмо из формы контактов начинает работать. Настройки проверяются кнопкой «Deneme e-postası gönder» (Отправить тестовое письмо).
• «Site ayarları» (Настройки сайта): заголовок сайта, название компании, описание и ключевые слова, телефон, номер WhatsApp, e-mail, адрес, краткий текст о компании, показываемый в подвале, строка об авторских правах, основной цвет, тёмный цвет, страница KVKK, карта, логотип, значок сайта, язык сайта и язык панели.
• Пользователи и права: вы добавляете учётные записи администратора и редактора. Редактор управляет разделами контента и сообщениями; «Site ayarları» (Настройки сайта), «E-posta ayarları» (Настройки e-mail) и «Kullanıcılar» (Пользователи) открыты только администратору. Права проверяются на сервере. Каждый пользователь меняет своё имя и пароль на странице «Profil ve şifre» (Профиль и пароль).
• Восстановление пароля: ссылка на странице входа в панель сбрасывает пароль по e-mail (если настроены «E-posta ayarları» (Настройки e-mail)). Ссылка для сброса действует 1 час и используется один раз.
• Собственный код: в «Site ayarları» (Настройки сайта) вы добавляете свой код (например, скрипт статистики) в начало и конец сайта. Эти поля открыты только администратору.

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

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

Подробное руководство по установке входит в скачиваемый пакет в виде файла KURULUM.html (на турецком языке). В руководстве описаны правила, которые уже входят в пакет для Apache и LiteSpeed, и правила, которые нужно добавить для Nginx и IIS.

Лицензия

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

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

• PHP 8.2 или выше, MySQL или MariaDB
• Основа: PHP (PDO), собственный маршрутизатор и шаблоны Twig 3. Адреса страниц читаемые (например, /projeler/3-ornek-proje); для этого на сервере нужна перезапись адресов. В Apache и LiteSpeed это делает файл .htaccess из пакета; правила для Nginx и IIS находятся в файле KURULUM.html
• Сайт: Swiper и Font Awesome Free 6; шрифты Inter Tight и Roboto поставляются в пакете и не загружаются с внешнего сервера. Панель: DataTables и редактор содержимого Summernote
• E-mail отправляется через PHPMailer 6.9; пароль SMTP хранится в зашифрованном виде. Данные формы сначала записываются в базу данных; если сервер это поддерживает, письмо отправляется после того, как посетитель получил ответ
• Тексты интерфейса хранятся в языковых файлах пакета (турецкий и английский уже есть, можно добавить новый язык)
• Подписанный токен формы, скрытое поле-ловушка и ограничение в 8 отправок с одного IP за 10 минут в форме контактов; проверка CSRF для действий в панели; временная блокировка после 5 неудачных попыток за 15 минут при входе в панель, сеанс завершается после 2 часов бездействия
• Тип изображений, загружаемых из панели, проверяется по содержимому (JPG, PNG, WebP; не более 8 МБ), а при включённом расширении GD они преобразуются в WebP; в папке загрузок PHP не выполняется
• PDF-документ принимается, только если у него есть сигнатура PDF и маркер конца файла (не более 10 МБ). Прямой доступ к папке документов закрыт; файл скачивается как вложение через сайт
• Поля с форматированным текстом в панели фильтруются на сервере при сохранении (HTMLPurifier); панель управления отправляет заголовок политики безопасности содержимого (CSP); пароли администраторов хранятся в виде хеша
• Блок карты принимает только адреса для встраивания Google Maps и OpenStreetMap
• Данные подключения к базе и резервные копии хранятся, если хостинг позволяет, в папке вне корня сайта
• Перед продажей проведён аудит безопасности, состоящий из проверки кода и испытаний атаками на работающей системе

Демо

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

• Сайт: https://034.tiklaweb.net
• Панель администратора: https://034.tiklaweb.net/admin/
• E-mail для демо: demo@tiklaweb.net
• Пароль для демо: demo1234

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

Поддержка

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