FAT-FREE PHP 프레임 워크와 함께 Bootstrap 4를 사용하는 간단한 다중 언어 웹 사이트를위한 프론트 엔드 / 백엔드 설정.
PHP 프레임 워크가 Bootstrap 4와 함께 사용하여 웹 사이트를 구축하기를 원했습니다.
내 선택은 치명적이었습니다- "강력하면서도 사용하기 쉬운 PHP 마이크로 프레임 워크"
사이트를 만들 수 있도록 사이트를 만들었습니다. 부트 스트랩을 사용한 방법에 대한 사이트와 치명적인 사이트를 만들기 위해 현장을 만듭니다. 그리고 사이트는 내가 한 일과 그 이유에 대한 나의 기록입니다.
이것은 CMS가 아닙니다. 데이터베이스가 없습니다. 모든 컨텐츠는 구성 파일, 컨트롤러 파일 및 컨텐츠 템플릿에 있습니다.
*참고 : https://github.com/richdebourke/simple-f3-bootstrap-5-multi-lang-site에서 Bootstrap 5에 대한 유사한 저장소가 있습니다.
이 저장소의 모든 코드는 http://sbf-testing.byethost7.com에서 작동 중입니다. 의도는 코드가 사이트 구축을위한 베어 본 시작점이 아닌 완성 가능한 패키지가되는 것입니다. 데모는 PHP와 Apache를 제공하는 무료 호스팅 서비스에서 실행되지만 이메일과 대부분의 봇은 차단되지 않으므로 연락처 양식이없고 SSL 1이 없지만 "거의 완전한"사이트라고 말하는 이유).
참고 1 : 호스팅 서비스는 자체 서명 된 인증서를 제공하지만 Google이 검색 순위에 대한 사람들을 받아 들일 수는 없습니다. 호스팅 서비스는 대부분의 봇을 차단하기 때문에 소유권을 검증하기가 어렵 기 때문에 SSL없이 사이트를 실행하고 있습니다.
데모 사이트의 모든 파일, 지방이없는 구성, 컨트롤러 및 템플릿 파일, 관련 SCSS, 이미지 및 JavaScript 파일 이이 GitHub 리포지토리에 있습니다. 부트 스트랩 및 지방이없는 파일은 부트 스트랩 및 치명적으로 제공됩니다.
내 사이트 별 컨텐츠를 다른 웹 사이트의 콘텐츠로 바꾸는 것은 쉬워야합니다.
무질서한 파일은 포함되지 않습니다-해당 파일은 fat 프리에서 사용할 수 있습니다.
부트 스트랩은 사용 가능한 클래스와 SASS를 사용하여 쉽게 구조화 할 수 있습니다. 표준 부트 스트랩 코드에서 변경 한 두 가지가있었습니다.
부트 스트랩 파일이 포함되어 있지 않습니다 - 해당 파일은 Bootstrap에서 사용할 수 있습니다.
데모 사이트의 콘텐츠는 영어로되어 있지만 데모에는 다중 언어 작업을 보여주는 중국어 및 한국 페이지가 있습니다. 중국 및 한국 홈페이지는 Google Translate를 사용하여 영어 홈페이지에서 제작되었습니다. 내비게이션을 보여주기 위해 제공되는 중국어 및 한국 페이지의 나머지 부분에는 영어 페이지의 제목과 설명의 Google 번역이 있습니다.
2022 년 7 월 업데이트의 경우 사이트를 확인하는 것 외에도 최신 버전의 Fatfree, Bootstrap 4 및 jQuery와 함께 작동하면 다음으로 사이트를 수정했습니다.
시스템 글꼴 사용-Google 글꼴 사용에서 system-ui Fonts 사용으로 전환되었습니다. Google 글꼴을 사용하려면 사용자의 브라우저가 스타일 시트 및 필요한 글꼴 파일에 대한 요청을 Google에 보내야합니다. 여기에는 EU 일반 데이터 보호 규정 (GDPR)이 허용되지 않는다고 말하는 사용자의 IP 주소를 Google로 전송하는 것이 포함됩니다. system-ui 브라우저에 운영 체제가 텍스트를 표시하는 데 사용하는 동일한 글꼴을 사용하도록 지시합니다. 이는 사용자가 시스템 화면에서 보는 것과 비슷한 모습을 제공하며 다운로드 할 글꼴이 없으므로 페이지 시작 시간을 가속화합니다.
셀프 호스트 Bootstrap & JQuery 파일-프레임 워크 및 라이브러리 파일에 콘텐츠 전달 네트워크를 사용하여 다른 사이트와 사용자 IP 주소를 공유하지 않기위한 GDPR 요구 사항으로 인해 내 서버의 파일 제공으로 전환되었습니다. 이제 WebPack을 사용하여 jQuery, Bootstrap JavaScript, jQuery 완화 플러그인 및 사이트의 JavaScript를 하나의 파일로 결합하고 있습니다 (하나의 파일이 더 빠르게 다운로드 됨).
지원을 선호하는 지원-감소 모션-Boostrap은 이미 모션 감소를 위해 사용자 설정을 지원했지만 jQuery 애니메이션을 조정하지는 않았습니다. 나는 지금한다.
지원은 Color-Scheme을 선호합니다-가벼운 형식이 아닌 어두운 형식을 선호하는 사용자를위한 다크 모드 형식이 추가되었습니다.
데모 사이트는 최신 버전과 함께 작동합니다.
그리고 다음과 같이
이 코드는 MIT 라이센스에 따라 제공됩니다. 자세한 내용은 라이센스 파일을 참조하십시오.
Fatfree는 GNU 공개 라이센스 (GPL V3)에 따라 제공됩니다.
부트 스트랩은 MIT 라이센스에 따라 제공됩니다
OffCanvas Navigation은 MIT 라이센스에 따라 제공됩니다
2018/09/23 - 초기 릴리스.
2019/01/02 -Fate Free 3.6.5로 사이트를 검증하고 검색 엔진 결과를 향상시키기 위해 일부 페이지 컨텐츠를 업데이트했습니다.
2019/05/10 - 사이트가 JQuery 3.4.1 및 Bootstrap 4.3.1에서 작동하는 사이트를 검증했습니다.
2019/05/27 - Google이 일부 검색 엔진 결과 페이지에 스 니펫에 통지 텍스트를 포함하고 있기 때문에 EU 쿠키 통지 섹션을 페이지 하단으로 이동했습니다.
2019/07/02 - 구현 된 display=swap 구현하여 적어도 Google Fonts에 글꼴 관리자가 필요하지 않습니다 (글꼴면 관찰자를 사용하고있었습니다).
2020/01/20- 사이트가 Fat-Free 3.7.1 및 Bootstrap 4.4.1로 작동하고 콘텐츠를 약간 편집했습니다.
2020/07/05- 사이트가 Fat-Free 3.7.2, Bootstrap 4.5.0 및 jQuery 3.5.1에서 작동하지 않으며, 웹 사이트에서 미니스트 CSS 파일을 제공하는 것만으로도 컨텐츠에 대해 약간의 편집을 했음 (VS 코드에서 SASS를 수행하는 방법 포함)을 제거했습니다.
2022/07/15- 사이트가 Fat-Free 3.8.0, Bootstrap 4.6.1 및 JQuery 3.6.0으로 작동하고 Google 글꼴에서 시스템 글꼴 사용으로 전환하고 모션 감소 및 Dark 모드에 대한 지원을 추가하고 컨텐츠를 업데이트했습니다.
2022/11/17 - 사이트가 jQuery 3.6.1과 함께 작동하고 그림 및 소스 요소를 사용하여 밝은 및 어두운 모드에 정상 및 고해상도 웹 사이트 이미지를 제공하는 것으로 전환했습니다.
2023/07/09- Fat-Free PHP 프레임 워크 리포지토리와 함께 Bootstrap 5.3에 링크를 추가하십시오.
2023/10/07 - 사이트가 Bootstrap 4.6.2 및 jQuery 3.7.1에서 작동하는 사이트를 검증했습니다. 데모 사이트의 호스트는 현재 PHP 8.2를 실행하고 있으므로 이제 데모는 Fat-Free 3.8.2를 사용하고 있습니다.