Скрипт сайта для архитектуры и презентации проектов

О языке

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

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

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

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

Для кого

Подходит для архитектурных бюро, студий дизайна интерьера и чертёжных бюро, а также для агентств, которые создают сайты для таких предприятий. На собственном домене вы описываете услуги, показываете проекты, разделённые на категории, со статусом, местом, годом и площадью, представляете рабочий процесс по шагам, а также команду и компании, с которыми работаете. Посетитель заполняет форму заявки на консультацию по проекту: описывает проект в нескольких предложениях и при желании выбирает услугу и указывает место проекта; заявка появляется в вашей панели, а вы звоните посетителю и вместе с ним разбираете проект. Форма только собирает заявки: обязывающее предложение, цена и обязательство по срокам в сайт не входят, оплата не принимается.

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

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

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

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

Консультация по проекту и контакты

• Форма заявки на консультацию по проекту: на главной странице и на странице «Proje Danışma ve Teklif Talebi» (Консультация по проекту и запрос предложения). Имя, e-mail, телефон и сведения о проекте (не менее 10 и не более 1000 символов) обязательны. Услуга (из услуг, сохранённых в панели) и место проекта (область / район; от 2 до 120 символов, только буквы, цифры, пробелы и знаки . , / ( ) - ' ’) необязательны. В форме есть обязательный флажок согласия KVKK. KVKK — турецкий закон о защите персональных данных. Кнопка «Teklif Talebi Oluştur» (Создать запрос предложения) на странице каждой услуги открывает форму с выбранной услугой; блок консультации на странице проекта ведёт посетителя к форме. Под формой посетителю сообщается, что это запрос консультации и предложения, а не обязывающее предложение, что он не содержит обязательств по цене и срокам и что команда изучит сведения и свяжется с ним.
• Заявки в панели: поступившие заявки на консультацию по проекту перечислены в разделе «Talepler ve mesajlar» (Заявки и сообщения) панели, который видит только администратор; заметка над списком напоминает, что заявки не являются обязывающими. Если вы настроите «E-posta ayarları» (Настройки e-mail) и включите уведомления, каждая заявка будет приходить вам и по e-mail, а ваш ответ на письмо уйдёт на адрес посетителя.
• Форма контактов: поля имени и фамилии, e-mail, телефона, темы и текста сообщения (все обязательны) и флажок согласия по KVKK. Полученные сообщения перечисляются в том же разделе.
• Страница контактов: блоки с адресом, e-mail, телефоном и часами работы, ссылка на форму консультации и карта (код вставки Google Maps или OpenStreetMap). Сведения и карта, которые вы оставите пустыми, на сайте не показываются.
• Флажок согласия KVKK: обязателен в формах консультации и контактов. Ссылка на уведомление о конфиденциальности ведёт на страницу, выбранную в панели; та же ссылка есть и в подвале сайта. Текст из примера содержимого — только образец; поскольку данные клиентов являются персональными данными, вам нужно подготовить собственное уведомление, при необходимости с юристом.

Проекты, услуги, команда, референсы и отзывы

• Проекты: для каждого проекта вы вносите название, категорию (из сохранённых категорий), статус (Завершён, Реализуется или На стадии проектирования), место, год, площадь (например, 1 250 м²), краткое описание, текст проекта, изображение и порядок. Страница «Projeler» (Проекты) показывает карточки, а категории, в которых есть хотя бы один проект, появляются кнопками; при нажатии на категорию видны только её проекты, «Все» показывает всё. У каждого проекта своя страница: заполненные вами категория, статус, место, год и площадь показываются на ней в справочном блоке, рядом с блоком консультации по проекту и боковым списком других проектов. Заметка над списком проектов напоминает не писать категоричных утверждений вроде соответствия требованиям или полномочий.
• «Proje kategorileri» (Категории проектов): вы вносите название категории и порядок. Категории показываются на странице «Projeler» (Проекты) кнопками фильтра. Если вы удалите категорию, её проекты останутся без категории; они не удаляются.
• Шаги рабочего процесса: для каждого шага вы вносите заголовок, значок (из готового списка), краткое описание и порядок. Шаги показываются нумерованным блоком на главной странице и на странице «Hakkımızda» (О нас). Заметка над списком напоминает не писать обещаний по срокам, цене и результату.
• Услуги: для каждой услуги вы вносите название, значок, краткое описание, подробное описание, изображение и порядок. Значок выбирается в панели из готового списка из 34 значков, например архитектурное проектирование, чертёж, здание, дом, интерьер, ландшафт и стройплощадка. Услуги перечислены карточками на странице «Hizmetler» (Услуги) и показываются также выпадающим списком в меню. У каждой услуги своя страница, боковой список остальных услуг и блок консультации. У услуг нет поля цены или длительности.
• Команда: вы вносите имя и фамилию, должность (например, архитектор), область специализации (необязательно), фото, статус и порядок. Команда показывается карточками на странице «Hakkımızda» (О нас); отдельной страницы команды нет. Если у сотрудника нет фото, показывается значок человека. Сотрудник со статусом «Taslak» (Черновик) не показывается. Пишите только те должности и области специализации, которые у человека действительно есть.
• Логотипы референсов: вы вносите название компании, необязательный веб-адрес и логотип. Записи с загруженным логотипом показываются на главной странице и на странице «О нас». Загружайте только те логотипы, использование которых вам разрешено.
• Отзывы клиентов: вы вносите имя и фамилию, полученную услугу (необязательно), отзыв и необязательное фото; отзывы показываются в слайдере на главной странице. Публикуйте отзывы только с согласия их авторов.

Страницы компании, блог и галерея

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

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

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

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

• «Özet» (Сводка): для администратора числа непрочитанных заявок и сообщений, заявок на консультацию по проекту, услуг, проектов и опубликованных записей блога, а также последние пять заявок и последние пять сообщений. В боковом меню число непрочитанных записей показывается значком.
• «Talepler ve mesajlar» (Заявки и сообщения): администратор видит заявки на консультацию по проекту и сообщения из формы контактов в одном списке и различает их по типу. Заявка показывает имя, e-mail, телефон, желаемую услугу, место проекта, время согласия KVKK и сообщение; сообщение показывает тему и текст. Непрочитанные записи отмечены, и записи можно удалять. Учётная запись редактора видит только сообщения из формы контактов.
• Услуги, проекты, категории проектов и рабочий процесс: вы добавляете, изменяете и удаляете записи. В списках есть поиск и сортировка; над списками «Проекты» и «Рабочий процесс» есть заметки, напоминающие не писать категоричных утверждений и обещаний по срокам, цене и результату.
• Страницы, галерея, документы и блог: вы управляете дополнительными страницами, изображениями галереи, PDF-документами и записями блога.
• Содержимое сайта: «Ana sayfa kaydırıcısı» (Слайдер главной страницы), «Ana sayfa kutuları, çağrı bandı ve sayaçlar» (Блоки, призыв и счётчики главной страницы), «Hakkımızda» (О нас), «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/1-ornek-villa-projesi); для этого на сервере нужна перезапись адресов. В Apache и LiteSpeed это делает файл .htaccess из пакета; правила для Nginx и IIS находятся в файле KURULUM.html
• Сайт: Swiper и Font Awesome Free 6; шрифт Poppins поставляется в пакете и не загружается с внешнего сервера. Панель: DataTables и редактор содержимого Summernote
• E-mail отправляется через PHPMailer 6.9; пароль SMTP хранится в зашифрованном виде. Данные формы сначала записываются в базу данных; если сервер это поддерживает, письмо отправляется после того, как посетитель получил ответ
• Тексты интерфейса хранятся в языковых файлах пакета (турецкий и английский уже есть, можно добавить новый язык)
• Подписанный токен формы, скрытое поле-ловушка и ограничение 8 отправок с одного IP за 10 минут в формах консультации по проекту и контактов; в заявке название услуги принимается только из названий, сохранённых в панели, место проекта ограничено 2–120 символами и буквами, цифрами, пробелами и знаками . , / ( ) - ' ’, а сведения о проекте должны содержать от 10 до 1000 символов
• Проверка CSRF в действиях панели; временная блокировка после 5 неудачных попыток за 15 минут при входе в панель, а сессия закрывается после 2 часов бездействия
• Заявки на консультацию по проекту могут содержать персональные данные, поэтому в панели их видит, читает и удаляет только учётная запись администратора; учётной записи редактора они не показываются
• Тип изображений, загружаемых из панели, проверяется по содержимому (JPG, PNG, WebP; не более 8 МБ), а при включённом расширении GD они преобразуются в WebP; в папке загрузок PHP не выполняется
• PDF-документ принимается, только если у него есть сигнатура PDF и маркер конца файла (не более 10 МБ). Прямой доступ к папке документов закрыт; файл скачивается как вложение через сайт
• Поля с форматированным текстом в панели фильтруются на сервере при сохранении (HTMLPurifier); панель управления отправляет заголовок политики безопасности содержимого (CSP); пароли администраторов хранятся в виде хеша
• Блок карты принимает только адреса для встраивания Google Maps и OpenStreetMap
• Данные подключения к базе и резервные копии хранятся, если хостинг позволяет, в папке вне корня сайта
• Перед продажей проведён аудит безопасности, состоящий из проверки кода и испытаний атаками на работающей системе

Демо

Изучите сайт и панель управления в демо только для чтения. Демо установлено на турецком; в панели управления язык панели можно переключить на английский значком глобуса вверху справа. Название компании («Örnek Mimarlık», то есть «Образец архитектуры»), услуги, категории проектов и проекты (с названиями вроде «Örnek … Projesi», то есть «пример проекта»), шаги рабочего процесса, команда, логотипы референсов (записи с названием «Örnek Marka», то есть «образец марки»), отзывы клиентов, изображения галереи, PDF-документы и значения счётчиков на главной странице в демо — примеры (подписи счётчиков заканчиваются на «(örnek)», то есть «пример»). В панели демо в списке «Talepler ve mesajlar» (Заявки и сообщения) вы увидите несколько примерных записей. WhatsApp, ссылки на соцсети и карта в демо оставлены пустыми; после заполнения в панели они появляются на сайте.

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

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

Поддержка

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