Download simple f3 bootstrap 5 multi lang site - Download Kode Sumber simple f3 bootstrap 5 multi lang site

simple f3 bootstrap 5 multi lang site

Kategori lainnya

1.0.0

Unduh

Situs web sederhana, multi-bahasa menggunakan bebas lemak

Pengaturan Frontend / Backend untuk situs web sederhana, multi-bahasa menggunakan Bootstrap 5 dan kerangka kerja PHP bebas lemak ( tetapi tidak ada database-ini bukan CMS ).

Ringkasan

Menggabungkan Bootstrap 5 dengan kerangka PHP bebas lemak untuk membangun situs web yang:

Gunakan templat untuk merakit halaman
Berikan URL yang bersih
Mendukung pemilihan bahasa otomatis
Bekerja di server bersama
mudah diinstal (cukup salin dan tempel, tidak ada manajer paket yang diperlukan)

Sebelumnya, untuk mendapatkan pengalaman dengan bebas lemak dan bootstrap 4, saya membuat situs demo menggunakan bootstrap 4 dan bebas lemak, dan berbagi file melalui repositori github.

Untuk rilis Bootstrap 5.3, yang mendukung Dark Mode (dan tidak lagi mendukung Internet Explorer), saya membuat situs demo dan repositori baru.

Demo

Kode dari repositori ini sedang beroperasi di https://sbf-bootstrap5.alwaysdata.net/, berjalan pada layanan hosting gratis yang menyediakan PHP dan Apache. Maksudnya adalah agar kode menjadi paket yang tidak dapat dilengkapi, bukan hanya titik awal yang telanjang untuk membangun situs.

Desain ini bukan CMS. Tidak ada database. Semua konten ada di file konfigurasi, file controller, dan templat konten, yang berfungsi dengan baik untuk situs statis.

Menerapkan pengaturan

Semua file saya untuk situs demo, konfigurasi bebas lemak, pengontrol, dan file templat, dan file SCSS, gambar, dan JavaScript terkait ada di repositori GitHub ini. File bootstrap dan bebas lemak tersedia dari bootstrap dan bebas lemak.

Seharusnya dimungkinkan untuk mengganti konten spesifik situs saya dengan konten untuk situs web yang berbeda.

Apa yang disertakan (bukan daftar komprehensif)

Bebas lemak

config.ini
rute.ini
semua file pengontrol
semua templat untuk halaman

File bebas lemak tidak termasuk-file-file tersebut tersedia dari bebas lemak

Bootstrap

Bootstrap mudah disusun dengan kelas yang tersedia dan menggunakan SASS. Ada beberapa hal yang saya ubah dari kode bootstrap standar:

Untuk menu OffCanvas Bootstrap:
- Gunakan tombol sakelar navbar untuk membuka dan menutup menu (menghilangkan kebutuhan untuk tombol tutup pada menu)
- Secara otomatis tutup menu saat tautan halaman yang sama diklik
- Menambahkan opsi untuk fokus berada di target daripada tombol menu - memerlukan memodifikasi file sumber module.js
Untuk gambar latar belakang layar penuh dengan modal
- Menambahkan kelas is-fixed ke gambar statis latar belakang sehingga berfungsi dengan modal (bootstrap memiliki fungsi, tetapi tidak terdokumentasi dengan baik)

File bootstrap tidak disertakan - file -file tersebut tersedia dari Bootstrap

Hal -hal situs web umum

Generasi Sitemap Dinamis dengan XHTML: Tautan untuk Bahasa Alternatif
Memanfaatkan preload dan picture untuk memberikan pilihan gambar pahlawan (4 smartphone, 4 tablet, dan 5 laptop/monitor) untuk browser untuk memilih dari untuk meningkatkan kecepatan pemuatan halaman
Menggunakan plug-in SMTP FatFree untuk pesan email
Halaman respons kesalahan khusus

Dukungan multi-bahasa

Sementara konten untuk situs demo adalah dalam bahasa Inggris, demo memang memiliki halaman Cina dan Korea untuk menunjukkan operasi multi-bahasa. Halaman rumah Cina dan Korea dibuat dari beranda Inggris menggunakan Google Translate. Sisa dari halaman Cina dan Korea, yang hanya disediakan untuk menunjukkan navigasi, hanya memiliki terjemahan Google dari judul dan deskripsi halaman bahasa Inggris.

Menggunakan font sistem

Gaya font menggunakan system-ui, font yang sama yang digunakan sistem operasi untuk menampilkan teks. Ini memberikan tampilan yang sama dengan apa yang dilihat pengguna di layar sistem, dan mempercepat waktu startup halaman karena tidak ada font untuk diunduh.