Script de sitio web para arquitectura y presentación de proyectos

Nota sobre el idioma

La interfaz del sitio web y del panel de administración está disponible en turco e inglés. El idioma del sitio y el del panel se eligen por separado en «Site ayarları» (Ajustes del sitio); el idioma del panel también puede cambiarse con el icono del globo, arriba a la derecha del panel.

Pueden añadirse más idiomas: copie el archivo en.php de la carpeta dil del paquete y tradúzcalo (los pasos están en dil/OKUBENI.txt). El idioma añadido aparece automáticamente en las listas de idioma de los ajustes del sitio, y las actualizaciones no tocan sus archivos de idioma. Los textos sin traducir se muestran en inglés; si lo desea, pueden mostrarse en turco.

El contenido que usted publica (servicios, proyectos, páginas, entradas de blog, etc.) no se traduce; se queda en el idioma en que lo escribe. Los avisos de formulario siguen el idioma del sitio elegido; los correos de notificación de los formularios de consulta de proyecto y de contacto se escriben en el idioma del panel.

Cuando esta página menciona una sección del panel o del sitio, su nombre se indica tal como aparece en la interfaz turca, entre comillas, seguido de su traducción entre paréntesis; en la interfaz en inglés, esas secciones aparecen con su nombre en inglés.

Para quién es

Pensado para estudios de arquitectura, estudios de interiorismo y oficinas de delineación, y para agencias que crean sitios para estos negocios. En su propio dominio describe sus servicios, muestra sus proyectos divididos en categorías con estado, ubicación, año y superficie, presenta su proceso de trabajo paso a paso y da a conocer a su equipo y a las empresas con las que trabaja. El visitante rellena el formulario de consulta de proyecto, describe su proyecto en unas frases y, si quiere, elige un servicio y escribe la ubicación del proyecto; la solicitud aparece en su panel y usted llama al visitante para revisar el proyecto juntos. El formulario solo recoge solicitudes: un presupuesto vinculante, un precio o un compromiso de plazo no forman parte del sitio, y no se cobra ningún pago.

No necesita saber programar. El asistente del navegador se encarga de la instalación y usted escribe su contenido en el panel de administración.

Funciones del sitio

Página de inicio

• Carrusel de bienvenida: hasta 6 diapositivas. Cada diapositiva tiene una pequeña línea superior, un título, un subtítulo, un botón opcional y una imagen; además, cada diapositiva lleva un botón «Teklif Al» (Pedir presupuesto) que lleva a la página de consulta de proyecto. En el enlace del botón escribe una dirección dentro del sitio (por ejemplo projeler, teklif) o una dirección completa. Con más de una diapositiva, las imágenes cambian solas con un desvanecimiento suave; en dispositivos configurados para reducir el movimiento, el cambio es un simple deslizamiento y no es automático. Una diapositiva sin imagen no se muestra; sin ninguna diapositiva aparecen el nombre de la empresa y un botón «Teklif Al» (Pedir presupuesto).
• Tres cuadros destacados: tres cuadros formados por un título y un texto breve, situados bajo el carrusel. Los iconos están predefinidos; un cuadro cuyo título deja vacío no aparece.
• Sección Sobre nosotros: una imagen, un título, el comienzo de su texto «Hakkımızda» (Quiénes somos), una lista con los nombres de los seis primeros servicios y un botón que lleva a la página «Hakkımızda» (Quiénes somos).
• Servicios: los seis primeros servicios aparecen como tarjetas con icono, imagen, nombre, descripción breve y el enlace «Ayrıntılı Bilgi» (Más detalles); el botón «Tüm Hizmetler» (Todos los servicios) lleva a la página «Hizmetler» (Servicios).
• Proyectos destacados: los seis primeros proyectos, en el orden que fije en el panel, aparecen como tarjetas; una tarjeta muestra la imagen, una insignia de estado, el nombre del proyecto y una línea con categoría, ubicación y año. El botón «Tüm Projeler» (Todos los proyectos) lleva a la página «Projeler» (Proyectos). Si no hay proyectos, la sección no se dibuja.
• Proceso de trabajo: los pasos que añade en el panel (hasta 8) aparecen en una sección numerada sobre fondo oscuro; cada paso tiene un icono, un título y una descripción breve. La sección aparece también en la página Sobre nosotros; sin pasos, no se dibuja.
• Contadores: cuatro contadores. Usted introduce el valor y el texto; cuando la página entra en pantalla, las cifras aparecen contando hacia arriba. Un contador cuyo valor deja vacío no aparece.
• Sección de consulta de proyecto: a la izquierda hay una descripción breve y dos puntos con marca, y a la derecha el formulario de consulta de proyecto; si sube una imagen en la página «Site görselleri» (Imágenes del sitio), aparece debajo de la descripción.
• Logos de referencias, opiniones de clientes y últimas entradas: los logos de referencias que sube aparecen como una franja (hasta 24), las 12 últimas opiniones en un carrusel y las tres últimas entradas del blog como tarjetas. Una sección sin entradas no se dibuja en absoluto en la página de inicio.
• Banda de llamada: usted escribe un título y un texto breve; la banda aparece con un botón «Teklif Al» (Pedir presupuesto) al final de la página de inicio y de las páginas «Hizmetler» (Servicios), «Projeler» (Proyectos) y «Hakkımızda» (Quiénes somos). Si deja el título vacío, la banda no aparece.

Consulta de proyecto y contacto

• Formulario de consulta de proyecto: en la página de inicio y en la página «Proje Danışma ve Teklif Talebi» (Consulta de proyecto y solicitud de presupuesto). Nombre, correo, teléfono e información del proyecto (como mínimo 10 y como máximo 1000 caracteres) son obligatorios. El servicio (entre los servicios guardados en el panel) y la ubicación del proyecto (provincia / distrito; de 2 a 120 caracteres, solo letras, cifras, espacios y los caracteres . , / ( ) - ' ’) son opcionales. El formulario tiene una casilla obligatoria de consentimiento KVKK. KVKK es la ley turca de protección de datos personales. El botón «Teklif Talebi Oluştur» (Crear solicitud de presupuesto) de cada página de servicio abre el formulario con ese servicio seleccionado; el recuadro de consulta de una página de proyecto lleva al visitante al formulario. Debajo del formulario se informa al visitante de que se trata de una solicitud de consulta y presupuesto que no es un presupuesto vinculante ni compromete precio o plazo, y de que el equipo revisará los datos y se pondrá en contacto.
• Solicitudes en el panel: las solicitudes de consulta de proyecto recibidas se listan en la sección «Talepler ve mesajlar» (Solicitudes y mensajes) del panel, que solo ve el administrador; una nota sobre la lista recuerda que las solicitudes no son vinculantes. Si configura los «E-posta ayarları» (Ajustes de correo) y activa las notificaciones, cada solicitud le llega también por correo, y su respuesta al correo va a la dirección del visitante.
• Formulario de contacto: campos de nombre, correo, teléfono, título del mensaje y texto del mensaje (todos obligatorios) y casilla de consentimiento KVKK. Los mensajes recibidos aparecen en la misma sección.
• Página de contacto: recuadros de información con dirección, correo, teléfono y horario, un enlace al formulario de consulta y un mapa (código de inserción de Google Maps u OpenStreetMap). Los datos y el mapa que deje vacíos no aparecen en el sitio.
• Casilla de consentimiento KVKK: obligatoria en los formularios de consulta y de contacto. El enlace del aviso de privacidad lleva a la página que elija en el panel; el mismo enlace aparece también en el pie del sitio. El texto que viene con el contenido de ejemplo es solo un ejemplo; como los datos de los clientes son datos personales, debe preparar su propio aviso de privacidad, con su asesor jurídico si hace falta.

Proyectos, servicios, equipo, referencias y opiniones

• Proyectos: para cada proyecto escribe un nombre, una categoría (entre las categorías guardadas), un estado (Terminado, En ejecución o En fase de diseño), una ubicación, un año, una superficie (por ejemplo 1.250 m²), una descripción breve, un texto del proyecto, una imagen y un orden. La página «Projeler» (Proyectos) lista las tarjetas, y las categorías con al menos un proyecto aparecen como botones; al hacer clic en una categoría solo se ven sus proyectos, y «Todos» muestra todo. Cada proyecto tiene su propia página: la categoría, el estado, la ubicación, el año y la superficie que rellenó aparecen allí en una ficha, junto con un recuadro de consulta de proyecto y una lista lateral de otros proyectos. Una nota sobre la lista de proyectos recuerda no escribir afirmaciones firmes como conformidad o habilitación.
• «Proje kategorileri» (Categorías de proyectos): escribe un nombre de categoría y un orden. Las categorías aparecen en la página «Projeler» (Proyectos) como botones de filtro. Si elimina una categoría, sus proyectos quedan sin categoría; no se eliminan.
• Pasos del proceso de trabajo: para cada paso escribe un título, un icono (de una lista preparada), una descripción breve y un orden. Los pasos aparecen en una sección numerada en la página de inicio y en la página «Hakkımızda» (Quiénes somos). Una nota sobre la lista recuerda no escribir promesas de plazo, precio o resultado.
• Servicios: para cada servicio escribe un nombre, un icono, una descripción breve, una descripción detallada, una imagen y un orden. El icono se elige en el panel de una lista preparada de 34 iconos, como diseño arquitectónico, dibujo, edificio, casa, interior, paisaje y obra. Los servicios se listan como tarjetas en la página «Hizmetler» (Servicios) y aparecen también en una lista desplegable del menú. Cada servicio tiene su propia página, una lista lateral de los demás servicios y un recuadro de consulta. Los servicios no tienen campo de precio ni de duración.
• Equipo: escribe nombre y apellidos, cargo (por ejemplo Arquitecto), área de especialidad (opcional), foto, estado y orden. El equipo se muestra como tarjetas en la página «Hakkımızda» (Quiénes somos); no hay una página de equipo aparte. Un miembro sin foto recibe un icono de persona. Un miembro cuyo estado es «Taslak» (Borrador) no aparece. Escriba solo cargos y áreas de especialidad que la persona tenga realmente.
• Logos de referencias: escribe un nombre de empresa, una dirección web opcional y un logo. Las entradas con logo subido aparecen en la página de inicio y en la página Sobre nosotros. Suba solo logos que tenga permiso para usar.
• Opiniones de clientes: escribe nombre y apellidos, el servicio recibido (opcional), la opinión y una foto opcional; las opiniones aparecen en un carrusel en la página de inicio. Publique las opiniones solo con el consentimiento de quienes las escribieron.

Páginas corporativas, blog y galería

• «Hakkımızda» (Quiénes somos): título de la página, texto, misión, visión, línea de firma y una imagen. Una parte de misión o visión que deje vacía no aparece. La página incluye además el proceso de trabajo, los contadores, las tarjetas del equipo, los logos de referencias y la banda de llamada.
• Preguntas frecuentes: introduce preguntas y respuestas en el panel; la respuesta se abre cuando el visitante hace clic en la pregunta. En cuanto existe al menos una pregunta, su enlace aparece en el menú, bajo «Kurumsal» (Corporativo).
• Documentos (PDF): sube desde el panel archivos PDF como un dosier de proyectos o un documento informativo (como máximo 10 MB por archivo). Para cada documento escribe un texto de enlace y un orden. Se listan en la página «Belgeler» (Documentos) con un botón «PDF indir» (Descargar PDF); al hacer clic el visitante, el archivo se descarga como PDF.
• Páginas adicionales: desde el panel añade las páginas que quiera (por ejemplo una política de privacidad o el aviso de privacidad KVKK). Para cada página elige si se muestra en el menú superior (bajo «Kurumsal» (Corporativo)) y en el pie del sitio.
• Blog: entradas con título, estado (Publicado o Borrador), descripción breve, imagen y contenido de texto enriquecido. Las entradas se paginan de 9 en 9; la página de una entrada tiene una lista lateral de las últimas entradas. Una entrada en borrador no aparece en el sitio.
• Galería: introduce un título de imagen, la imagen y un orden. Al hacer clic, la imagen se amplía; funcionan los botones anterior y siguiente, las teclas de flecha, el gesto de deslizar en el teléfono, el botón de cierre y la tecla Esc.

Aspecto, móvil y buscadores

• Color: en el panel elige dos colores. El color principal se aplica a botones, acentos y elementos activos; el color oscuro se aplica a la barra de información superior, a los títulos, a las secciones de proceso de trabajo y contadores y a las zonas oscuras como el pie. El fondo de la página es siempre blanco. Los colores del texto se eligen automáticamente, oscuros o claros, según el color principal y el oscuro.
• Logotipo, icono del sitio e imágenes: sube su logotipo y el icono de su sitio (favicon); si no hay logotipo, el nombre de la empresa aparece como texto. El logotipo se muestra sobre fondo claro en la cabecera y dentro de un recuadro blanco en el pie, por lo que conviene un logotipo oscuro o de color que se lea bien sobre fondo claro, preferiblemente con fondo transparente. Puede subir imágenes para la banda de título de la parte superior de las páginas interiores y para la sección de consulta de proyecto de la página de inicio; si no sube imagen de banda, aparece una banda de color liso.
• Barra superior, menú y pie: la barra superior oscura muestra el teléfono, el correo, el horario y los iconos de redes sociales (se oculta en pantallas de teléfono); el menú tiene un botón «Teklif Al» (Pedir presupuesto) y, si lo escribió, un icono de WhatsApp. El pie muestra su texto breve de presentación, sus datos de contacto (dirección, teléfono, correo, horario), enlaces, los seis primeros servicios y la línea de derechos de autor. Los datos que no escribe no se dibujan.
• Redes sociales: sus enlaces de Facebook, X (Twitter), Instagram, LinkedIn y YouTube aparecen como iconos; un icono que no rellena no se dibuja. Si introduce su número de WhatsApp, aparece un icono de WhatsApp en el menú.
• Activar y desactivar secciones: desde una sola página activa o desactiva las secciones Servicios, Equipo, Blog, Galería, Documentos, Preguntas frecuentes, Opiniones de clientes, Logos de referencias, Proyectos y Proceso de trabajo. Una sección desactivada desaparece del menú y de la página de inicio, y su dirección de página tampoco se abre (la página Proyectos devuelve un 404 cuando la sección está desactivada). El enlace de menú de una sección sin entradas tampoco aparece.
• Adaptado a móviles: en pantallas pequeñas el menú se convierte en un menú móvil desplegable; el diseño de la página se ajusta al ancho de la pantalla.
• Título y descripción propios de cada página: cada página lleva su propio título («Página | Empresa»), su descripción y sus etiquetas para compartir en redes sociales (Open Graph). En las páginas de servicio, de proyecto y de entrada de blog, la imagen para compartir sale de la propia imagen del contenido. El título del sitio, la descripción y las palabras clave se escriben en la página «Site ayarları» (Ajustes del sitio).
• Firma del pie de página: puede cambiar o quitar la línea «TiklaWeb tarafından geliştirildi» (Desarrollado por TiklaWeb) al final del sitio.
• Página 404: para una dirección que no existe, una sección desactivada o una entrada no publicada se muestra una página de error con un botón para volver a la página de inicio.

Panel de administración

• «Özet» (Resumen): para el administrador, las cantidades de solicitudes y mensajes sin leer, solicitudes de consulta de proyecto, servicios, proyectos y entradas de blog publicadas, además de las cinco últimas solicitudes y los cinco últimos mensajes. El menú lateral muestra la cantidad de registros sin leer como insignia.
• «Talepler ve mesajlar» (Solicitudes y mensajes): el administrador ve las solicitudes de consulta de proyecto y los mensajes de contacto en una sola lista y los distingue por tipo. Una solicitud muestra nombre, correo, teléfono, servicio solicitado, ubicación del proyecto, el momento del consentimiento KVKK y el mensaje; un mensaje muestra asunto y texto. Los registros sin leer están marcados y puede eliminar registros. Una cuenta de editor solo ve los mensajes de contacto.
• Servicios, proyectos, categorías de proyectos y proceso de trabajo: añade, edita y elimina entradas. Las listas tienen búsqueda y ordenación; sobre las listas Proyectos y Proceso de trabajo hay notas que recuerdan no escribir afirmaciones firmes ni promesas de plazo, precio o resultado.
• Páginas, galería, documentos y blog: gestiona las páginas adicionales, las imágenes de la galería, los documentos PDF y las entradas del blog.
• Contenido del sitio: «Ana sayfa kaydırıcısı» (Carrusel de la página de inicio), «Ana sayfa kutuları, çağrı bandı ve sayaçlar» (Cuadros, banda de llamada y contadores de la página de inicio), «Hakkımızda» (Quiénes somos), «Yorumlar» (Opiniones), «Sık sorulan sorular» (Preguntas frecuentes), «Site görselleri» (Imágenes del sitio), «Sosyal medya bağlantıları» (Enlaces de redes sociales) y «Bölümleri aç/kapat» (Activar o desactivar secciones). En los campos de texto enriquecido se usa el editor Summernote.
• Ajustes de correo: en cuanto escribe sus datos SMTP y activa las notificaciones, funcionan los correos de consulta de proyecto y de contacto. Prueba los ajustes con el botón «Deneme e-postası gönder» (Enviar correo de prueba).
• «Site ayarları» (Ajustes del sitio): título del sitio, nombre de la empresa, descripción y palabras clave, teléfono, número de WhatsApp, correo electrónico, dirección, horario de trabajo, el texto breve de presentación que se muestra en el pie de página, línea de copyright, color principal, color oscuro, página KVKK, mapa, logo, icono del sitio, idioma del sitio e idioma del panel.
• Usuarios y permisos: añade cuentas de administrador y de editor. El editor gestiona las secciones de contenido y los mensajes de contacto; las solicitudes de consulta de proyecto, los «Site ayarları» (Ajustes del sitio), los «E-posta ayarları» (Ajustes de correo) y los «Kullanıcılar» (Usuarios) solo están abiertos al administrador. Los permisos se comprueban en el servidor. Cada usuario cambia su propio nombre y contraseña en la página «Profil ve şifre» (Perfil y contraseña).
• He olvidado mi contraseña: el enlace de la página de acceso al panel restablece la contraseña por correo (si «E-posta ayarları» (Ajustes de correo) está configurado). El enlace de restablecimiento es válido durante 1 hora y se puede usar una sola vez.
• Código propio: en «Site ayarları» (Ajustes del sitio) añade su propio código (por ejemplo, un script de estadísticas) en la parte superior e inferior del sitio. Estos campos solo están abiertos al administrador.

Instalación y actualización

• Asistente de instalación en cinco pasos: requisitos, licencia, base de datos, datos del sitio y del administrador, finalización. El asistente comprueba por sí mismo su servidor.
• Idioma de la instalación: en el asistente se elige turco o inglés arriba a la derecha. En una instalación en inglés, el contenido inicial y el de ejemplo también vienen en inglés.
• Contenido de ejemplo o instalación vacía: empiece relleno como la demo y edite desde ahí, o escriba su contenido desde cero. La lista de solicitudes y mensajes empieza vacía en ambos casos; los servicios, los proyectos, el proceso de trabajo, el equipo y los logos de referencias vienen rellenos con el contenido de ejemplo.
• Actualización desde el panel: descargue el paquete zip de la nueva versión desde su área de cliente de tiklaweb.net y súbalo en la página «Güncelleme ve lisans» (Actualización y licencia) del panel de administración. Antes se hace una copia de seguridad de los archivos y de la base de datos. Si se produce un error, el sitio vuelve a su estado anterior. Sus imágenes y documentos PDF subidos, ajustes y contenidos se conservan.
• Paquetes verificados: se comprueba la firma del paquete de actualización; solo se instalan paquetes descargados de tiklaweb.net.

Una guía de instalación detallada se incluye en el paquete descargado como archivo KURULUM.html. La guía incluye las reglas que vienen preparadas para Apache y LiteSpeed y las reglas que debe añadir para Nginx e IIS.

Licencia

Cada licencia es para un único nombre de dominio, el que usted indica al hacer el pedido. El cambio de dominio es de pago y se gestiona mediante una solicitud de soporte. La licencia no se transfiere de forma gratuita. En un dominio sin licencia el sitio no se abre y el visitante es redirigido a una página de aviso de licencia. Para usarlo en otro dominio se necesita una licencia aparte.

Características técnicas

• PHP 8.2 o superior, MySQL o MariaDB
• Estructura: PHP (PDO), enrutador propio y plantillas Twig 3. Las direcciones de las páginas son legibles (por ejemplo, /projeler/1-ornek-villa-projesi); para ello el servidor necesita reescritura de direcciones. En Apache y LiteSpeed lo hace el archivo .htaccess incluido en el paquete; las reglas para Nginx e IIS están en el archivo KURULUM.html
• Sitio: Swiper y Font Awesome Free 6; la fuente Poppins viene con el paquete y no se carga desde un servidor externo. Panel: DataTables y el editor de contenido Summernote
• El envío de correo se realiza con PHPMailer 6.9; la contraseña SMTP se guarda cifrada. Un envío de formulario se guarda primero en la base de datos; si el servidor lo admite, el correo se envía una vez que el visitante ha recibido la respuesta
• Los textos de la interfaz se guardan en los archivos de idioma del paquete (turco e inglés incluidos, se puede añadir un idioma nuevo)
• Token de formulario firmado, un campo trampa oculto y un límite de 8 envíos por IP en 10 minutos en los formularios de consulta de proyecto y de contacto; en una solicitud, el nombre del servicio solo se acepta entre los nombres guardados en el panel, la ubicación del proyecto se limita a 2–120 caracteres y a letras, cifras, espacios y los caracteres . , / ( ) - ' ’, y la información del proyecto debe tener entre 10 y 1000 caracteres
• Verificación CSRF en las acciones del panel; bloqueo temporal tras 5 intentos fallidos en 15 minutos en el inicio de sesión del panel, y la sesión se cierra tras 2 horas de inactividad
• Las solicitudes de consulta de proyecto pueden contener datos personales, por eso en el panel solo la cuenta de administrador las ve, las lee y las elimina; no se muestran a una cuenta de editor
• El tipo de las imágenes subidas desde el panel se verifica a partir del contenido (JPG, PNG, WebP; 8 MB como máximo) y, si la extensión GD está activa, se convierten a WebP; en la carpeta de subidas no se ejecuta PHP
• Un documento PDF solo se acepta si lleva la firma PDF y una marca de fin de archivo (como máximo 10 MB). No se puede acceder directamente a la carpeta de documentos; el archivo se descarga como adjunto a través del sitio
• Los campos de texto enriquecido del panel se filtran en el servidor al guardar (HTMLPurifier); el panel de administración envía una cabecera de política de seguridad de contenido (CSP); las contraseñas de los administradores se guardan con hash
• La zona de mapa solo acepta direcciones de inserción de Google Maps y OpenStreetMap
• Los datos de la base de datos y las copias de seguridad se guardan, si su hosting lo permite, en una carpeta fuera de la raíz web
• Antes de la venta se realizó una auditoría de seguridad compuesta por revisión del código y pruebas de ataque en vivo

Demo

Explore el sitio y el panel de administración en la demo de solo lectura. La demo está instalada en turco; en el panel de administración puede cambiar el idioma del panel a inglés con el icono del globo de la esquina superior derecha. El nombre de la empresa («Örnek Mimarlık», es decir, «Arquitectura de ejemplo»), los servicios, las categorías de proyectos y los proyectos (con nombres como «Örnek … Projesi», es decir, «proyecto de ejemplo»), los pasos del proceso de trabajo, el equipo, los logos de referencias (entradas llamadas «Örnek Marka», es decir, «marca de ejemplo»), las opiniones de clientes, las imágenes de la galería, los documentos PDF y los valores de los contadores de la página de inicio de la demo son ejemplos (las etiquetas de los contadores terminan en «(örnek)», es decir, «ejemplo»). En el panel de la demo verá algunos registros de ejemplo en la lista «Talepler ve mesajlar» (Solicitudes y mensajes). WhatsApp, los enlaces de redes sociales y el mapa están vacíos en la demo; al rellenarlos en el panel, aparecen en el sitio.

• Sitio: https://032.tiklaweb.net
• Panel de administración: https://032.tiklaweb.net/admin/
• Correo de la demo: demo@tiklaweb.net
• Contraseña de la demo: demo1234

En la demo no se pueden guardar cambios; los formularios de consulta de proyecto y de contacto no guardan registros ni envían correos. La demo se restablece cada noche. Las páginas sensibles, como los ajustes de correo, los usuarios y los formularios de contraseña, no se pueden ver en el modo demo, y «Olvidé mi contraseña» está desactivado en la demo. Estos datos de acceso valen solo para el sitio de demostración. En la instalación que adquiera, usted mismo define la cuenta de administrador.

Soporte

Si se atasca, abra un ticket de soporte desde su área de cliente de tiklaweb.net o escriba a destek@tiklaweb.net.