Descarga simple f3 bootstrap 5 multi lang site - Descargar el código fuente simple f3 bootstrap 5 multi lang site

simple f3 bootstrap 5 multi lang site

Otras categorias

1.0.0

Descargar

Un sitio web simple de varios idiomas que usa grasa sin grasa

Una configuración frontend / backend para un sitio web simple de varios idiomas que usa Bootstrap 5 y el marco PHP sin grasa ( pero no hay una base de datos, esto no es un CMS ).

Descripción general

Combinando Bootstrap 5 con el marco PHP sin grasa para crear sitios web que:

Use plantillas para ensamblar las páginas
Proporcionar URL limpias
Admitir la selección de lenguaje automático
trabajar en un servidor compartido
son fáciles de instalar (solo copie y pegue, no se requiere administrador de paquetes)

Anteriormente, para ganar experiencia con Fat sin grasa y Bootstrap 4, creé un sitio de demostración usando Bootstrap 4 y sin grasa, y compartí los archivos a través de un repositorio de GitHub.

Para el lanzamiento de Bootstrap 5.3, que admite el modo oscuro (y ya no admite Internet Explorer), creé un nuevo sitio de demostración y repositorio.

Manifestación

El código de este repositorio está en funcionamiento en https://sbf-bootstrap5.alwaysdata.net/, que se ejecuta en un servicio de alojamiento gratuito que proporciona PHP y Apache. La intención es que el Código sea un paquete como Compensador, en lugar de solo un punto de partida básico para construir un sitio.

Este diseño no es un CMS. No hay una base de datos. Todo el contenido está en el archivo de configuración, los archivos del controlador y las plantillas de contenido, que funcionan bien para sitios estáticos.

Aplicando la configuración

Todos mis archivos para el sitio de demostración, la configuración sin grasa, el controlador y los archivos de plantilla, y los archivos SCSS, imagen y JavaScript asociados están en este repositorio de GitHub. Los archivos Bootstrap y sin grasa están disponibles en Bootstrap y sin grasa.

Debería ser posible reemplazar el contenido específico de mi sitio con contenido para un sitio web diferente.

Lo que está incluido (no una lista completa)

Sin grasa

config.ini
rutas.ini
Todos los archivos del controlador
Todas las plantillas para las páginas

Los archivos sin grasa no están incluidos: esos archivos están disponibles sin grasa

Oreja

Bootstrap es fácil de estructurar con sus clases disponibles y usando SASS. Hay algunas cosas que cambié del código de arranque estándar:

Para el menú OffCanvas de Bootstrap:
- Use el botón de alternancia Navbar para abrir y cerrar el menú (elimina la necesidad de un botón de cierre en el menú)
- Cierre automáticamente el menú cuando se hace clic en un enlace de la misma página
- Se agregó una opción para que el enfoque esté en el destino en lugar del botón de menú: requiere modificar el archivo de origen del módulo.js
Para imágenes de fondo de pantalla completa con modales
- Se agregó la clase is-fixed a la imagen estática de fondo para que funcione con modales (Bootstrap tiene la función, pero no está bien documentado)

Los archivos de bootstrap no están incluidos: esos archivos están disponibles en bootstrap

Cosas del sitio web general

Generación dinámica de mapa del sitio con xhtml: enlaces para idiomas alternativos
Utilice preload y picture para proporcionar una selección de imágenes de héroes (4 teléfonos inteligentes, 4 tabletas y 5 laptop/monitor) para que el navegador seleccione para mejorar la velocidad de carga de la página
Utiliza el complemento SMTP de Fatfree para mensajes de correo electrónico
Páginas de respuesta de error personalizado

Soporte de varios idiomas

Si bien el contenido para el sitio de demostración está en inglés, la demostración tiene páginas chinas y coreanas para demostrar la operación de varios idiomas. Las páginas de inicio chinas y coreanas se crearon a partir de la página de inicio de inglés utilizando Google Translate. El resto de las páginas chinas y coreanas, que se proporcionan solo para demostrar la navegación, solo tienen traducciones de Google de los títulos y descripciones de las páginas de inglés.

Uso de fuentes del sistema

Los estilos de fuente usan system-ui, la misma fuente que utiliza el sistema operativo para mostrar texto. Esto proporciona un aspecto similar a lo que el usuario ve en las pantallas del sistema, y acelera el tiempo de inicio de la página, ya que no hay fuentes para descargar.