simple f3 multi lang site
1.0.0
Pengaturan Frontend / Backend untuk situs web sederhana, multi-bahasa menggunakan Bootstrap 4 dengan kerangka PHP bebas lemak, tetapi tidak ada database.
Saya ingin kerangka kerja PHP digunakan dengan Bootstrap 4 untuk membangun situs web yang akan:
Pilihan saya bebas lemak- "kerangka mikro PHP yang kuat namun mudah digunakan"
Untuk memastikan bahwa saya dapat membuat situs, saya membuatnya; Situs tentang bagaimana saya menggunakan bootstrap dan bebas lemak untuk membuat situs. Dan situs ini adalah catatan saya untuk apa yang saya lakukan dan mengapa.
Ini bukan CMS. Tidak ada database. Semua konten ada di file konfigurasi, file controller, dan templat konten.
*Catatan: Saya memiliki repositori serupa untuk Bootstrap 5 di https://github.com/richdebourke/simple-f3-bootstrap-5-multi-lang-site.
Semua kode dari repositori ini beroperasi di http://sbf-testing.byethost7.com. Maksudnya adalah agar kode menjadi paket yang tidak dapat dilengkapi, bukan hanya titik awal yang telanjang untuk membangun situs. Demo ini berjalan pada layanan hosting gratis yang menyediakan PHP dan Apache, tetapi tidak ada email dan sebagian besar bot yang diblokir, jadi tidak ada formulir kontak dan tidak ada SSL 1 (itu sebabnya saya mengatakan situs "hampir lengkap"), tetapi itu harus cukup mudah diimplementasikan pada host produksi.
Catatan 1 : Layanan hosting menawarkan sertifikat yang ditandatangani sendiri, tetapi saya tidak yakin Google menerima mereka untuk peringkat pencarian. Karena layanan hosting memblokir sebagian besar bot, sulit untuk mendapatkan kepemilikan saya divalidasi, jadi saya menjalankan situs tanpa SSL.
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 cukup mudah untuk mengganti konten spesifik situs saya dengan konten untuk situs web yang berbeda.
File bebas lemak tidak termasuk-file-file tersebut tersedia dari bebas lemak
Bootstrap mudah untuk disusun dengan kelas yang tersedia dan menggunakan sass. Ada dua hal yang saya ubah dari kode bootstrap standar:
File bootstrap tidak disertakan - file -file tersebut tersedia dari Bootstrap
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.
Untuk pembaruan Juli 2022, selain memverifikasi situs berfungsi dengan versi terbaru dari Fat-Free, Bootstrap 4, dan JQuery, saya juga merevisi situs tersebut ke:
Gunakan font sistem-beralih dari menggunakan font google ke menggunakan font system-ui . Menggunakan Google Font mengharuskan browser pengguna untuk mengirim permintaan ke Google untuk stylesheet dan file font yang dibutuhkan. Itu melibatkan pengiriman alamat IP pengguna ke Google, yang menurut Peraturan Perlindungan Data Umum UE (GDPR) tidak diperbolehkan. system-ui menginstruksikan browser untuk menggunakan 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.
File Bootstrap & JQuery-Beralih dari menggunakan jaringan pengiriman konten untuk kerangka kerja dan file perpustakaan untuk menyediakan file dari server saya, sekali lagi karena persyaratan GDPR untuk tidak berbagi alamat IP pengguna dengan situs lain. Saya sekarang menggunakan webpack untuk menggabungkan jQuery, bootstrap javascript, jQuery easing plugin, dan javascript untuk situs menjadi satu file (satu file akan mengunduh lebih cepat).
Dukungan lebih disukai-pengusiran-gerak-sementara Boostrap sudah mendukung pengaturan pengguna untuk gerakan yang dikurangi, saya tidak menyesuaikan animasi jQuery. Saya lakukan sekarang.
Support lebih suka skema warna-menambahkan format mode gelap untuk pengguna yang lebih suka format gelap daripada format cahaya.
Situs demo bekerja dengan versi terbaru dari:
Dan dengan:
Kode ini disediakan di bawah lisensi MIT. Lihat file lisensi untuk detailnya.
Bebas lemak disediakan di bawah lisensi publik GNU (GPL v3)
Bootstrap disediakan di bawah lisensi MIT
Navigasi offcanvas disediakan di bawah lisensi MIT
2018/09/23 - rilis awal.
2019/01/02 -memvalidasi situs berfungsi dengan fat-bebas 3.6.5 dan memperbarui beberapa konten halaman untuk hasil mesin pencari yang lebih baik.
2019/05/10 - memvalidasi situs bekerja dengan jQuery 3.4.1 dan bootstrap 4.3.1.
2019/05/27 - Memindahkan bagian untuk pemberitahuan cookie UE ke bagian bawah halaman karena Google kadang -kadang termasuk teks pemberitahuan di cuplikan pada beberapa halaman hasil mesin pencari.
2019/07/02 - Displayed display=swap di Google Fonts, yang menghilangkan kebutuhan untuk manajer font, setidaknya untuk Google Fonts (saya menggunakan Font Face Observer).
2020/01/20 -memvalidasi situs ini bekerja dengan fat-bebas 3.7.1 dan bootstrap 4.4.1, dan melakukan beberapa pengeditan kecil ke konten.
2020/07/05 -memvalidasi situs bekerja dengan fat-free 3.7.2, bootstrap 4.5.0, dan jQuery 3.5.1, menghilangkan file CSS yang tidak diminifikasi (hanya memasok file CSS yang diminifikasi di situs web), dan membuat beberapa pengeditan kecil ke konten (termasuk penjelasan tentang bagaimana saya melakukan sass dalam kode VS).
2022/07/15 -memvalidasi situs berfungsi dengan fat-bebas 3.8.0, bootstrap 4.6.1, dan jQuery 3.6.0, dialihkan dari font Google ke menggunakan font sistem, menambahkan dukungan untuk pengurangan gerak dan mode gelap, dan memperbarui konten.
2022/11/17 - memvalidasi situs ini bekerja dengan jQuery 3.6.1 dan beralih untuk menyediakan gambar webp resolusi normal dan tinggi untuk mode terang dan gelap menggunakan elemen gambar dan sumber.
2023/07/09 -Tambahkan tautan ke Bootstrap 5.3 dengan repositori kerangka kerja PHP bebas lemak.
2023/10/07 - memvalidasi situs berfungsi dengan bootstrap 4.6.2, dan jQuery 3.7.1. Host untuk situs demo sekarang menjalankan PHP 8.2, jadi demo sekarang menggunakan fat-bebas 3.8.2.
