이 기사에서는 강력한 도구를 사용하여 WordPress 웹 사이트를 정적 웹 사이트로 쉽게 변환하는 방법을 안내합니다. 우리는 WordPress에서 정적 웹 사이트 생성기로 마이그레이션하는 과정에 중점을두고 헤드리스 CMS 사용을 포함하여 몇 가지 대안을 탐색 할 것입니다. 이런 종류의 이주를 수행 해야하는 이유는 무엇입니까? 웹 사이트 속도를 크게 높이고 검색 엔진 순위를 높이고, 호스팅 수수료를 줄이고 (또는 제거) 보안을 크게 향상시킬 수 있기 때문입니다.
Gatsby.js와 같은 정적 웹 사이트 생성기는 동적 WordPress 웹 사이트를 정적 웹 사이트로 변환 할 수 있으므로 페이지 로딩 속도를 줄이고 관리 단순화 및 보안 개선과 같은 많은 이점이 생길 수 있습니다.
- 정적 웹 사이트의 장점 :
-
CDN의 대기 시간 감소 :이 정적 페이지를 분산 콘텐츠 전달 네트워크 (CDN)에 직접 배포하여 전 세계의 응답 시간을 크게 줄일 수 있습니다.
단순화 된 관리 : 일단 워크 플로를 설정하면 (이 기사에서 다룰 것임) 유지 보수, WP 업그레이드 또는 서버 업데이트에 추가 노력을 기울일 필요가 없다는 것을 알 수 있습니다. -
보안을 미묘하게 향상시킵니다 : HTTPS는 상자 밖으로 https, 정적 페이지 만 문제가있는 PHP 버전이나 구식 WordPress에서 실행되지 않으며 Apache에서도 실행되지 않을 수도 있습니다.
SEO 향상 : Google은 컨텐츠를 평가할뿐만 아니라 컨텐츠 액세스의 편의성과 보안을 소중히 여깁니다. 이것은 실제로 오늘날에도 여전히 효과적인 몇 가지 SEO 방법 중 하나입니다. 더 빠르고 안전한 웹 사이트는 검색 엔진 결과 페이지에서 더 잘 수행됩니다. -
걱정없이 : PHP를 업그레이드 할 필요가없고, WP의 배치되지 않은 보안 취약점에 대해 걱정할 필요가 없으며 Linux 서버를 관리 할 필요조차 없습니다. 배치되면 커피/맥주/차/인삼 차를 쉽게 즐길 수 있습니다. - "WordPress가 안전합니까?"
-
서버를 업데이트하십시오
wp 업데이트 설치
PHP 업데이트 설치
플러그인 및 테마의 업데이트 설치 (사용 가능한 경우) 정기적으로 WP 및 PHP 로의 주요 업그레이드 (LTS없는) -
netlifycms 지원 SEO 기능 (Google 웹 로그 분석 지원, Siteemap 및 Robots.txt Generation, Meta Tags, Schema.org Google Rich Snippets 용 JSON-LD, Facebook/Google/Pinterest 용 OpenGraph 태그, 트위터 카드 트위터 태그) - 기다려!
-
CDN으로 성공적으로 마이그레이션하고 배포 한 후 웹 사이트는 Google Lighthouse와의 감사가 최상의 결과를보고해야 할 정도로 잘 수행해야합니다. -
저에게는 편안한 것이 매우 중요하며, 이것이 몇 년 전에 WordPress 웹 사이트 개발을 중단하는 주된 이유 중 하나입니다. 내가 싫어하는 것은 오류가 주어진 시간 (제로 일 또는 다른 방법)에 나타날 수 있으며 제 시간에 패치되지 않으면 내 작업을 위험에 빠뜨릴 수 있다는 것입니다. 메인 및 갑작스런 PHP 또는 WP 업그레이드로 인해 내 웹 사이트가 내가 인정하고자하는 것보다 더 많은 작업을 중단하는 것을 보았습니다. 그러나 웹 사이트가 정적 인 경우 이러한 보안 문제가 더 이상 존재하지 않습니다!
내 생각에, WordPress는 2012 년에 "오일 피크"상황에 도달했습니다 (Google Trends : WordPress 2004-to-Present 참조). 그것이 매우 빨리 적응하지 않으면 시장 점유율 만 계속 잃어 버릴 것입니다. 이는 더 나은 통합 프로세스에서 더 빠르고 안전한 작업을 수행 할 수있는 기술에 유리합니다. WP의 제작자이자 Automatic의 CEO 인 Matt Mullenweg는 개발자들이 "JavaScript를 탐구"하도록 장려하고 Calypso를 소개함으로써 WP의 PHP 백엔드를 대담하게 포기하도록 장려하기 시작하면서 이것을 인정했습니다 (프로세스에 대한 그의 반영을 읽으십시오). 이것은 충격파 (심지어 공황)를 지역 사회에 가져오고 WordPress가 PHP를 완전히 포기할 것이라는 소문이 있습니다. Gutenberg는이 방향의 또 다른 단계 일뿐입니다. 그것이 스스로를 재구성 할 수 있다면, 왕은 결국 왕관을 유지할 수 있습니다. 그렇지 않다면, 인터넷의 거의 3 분의 1을 강화하는 것은 쉽지 않습니다 - 오랫동안 왕을 살아라! ?
- itepoint가 2020 년 WordPress 헤드리스 CMS로 구동되는 Gatsby로 프론트 엔드를 Gatsby로 어떻게 마이그레이션했는지에 대한 기사를 읽으십시오.
- Jamstack Basics
출처 : netlify
"개발자가 개발자가 초고속 웹 사이트 및 애플리케이션을 구축하는 데 도움이되는 React 기반 무료 오픈 소스 프레임 워크에 중점을 둘 것입니다." .
WordPress 마이그레이션
WP 기사/페이지를 Markdown
로 내보내십시오
.
gatsby new YourProjectName https://github.com/Vagr9K/gatsby-advanced-starter npm run develop # 或 gatsby develop앞에서 언급했듯이 NetLify CMS가 상자 밖으로 지원되므로 아래와 같이 STATIC/ADMIN/CONFIG.YML을 편집하여 활성화 할 수 있습니다.
3 단계 : 페이지를 작성하십시오
Gatsby.js가 RECT 응용 프로그램이라는 점을 감안할 때, React 개발자가되거나 최소한 숙련 된 JavaScript 프로그래머가 Gatsby를 엄격하게 사용자 정의하는 데 먼 길을 갈 것입니다. 또한 쿼리 및 마이닝 데이터, 특히 이러한 페이지가 더 이상 MySQL 데이터베이스에서 제공되지 않는 경우 일부 그래프 QL을 이해하는 것이 매우 편리합니다. 다행히도 Gatsby.js의 문서는 매우 잘 개발되었습니다. 다음은 몇 가지 유용한 리소스입니다
안전, 한 번에 제자리에!
backend: name: github branch: master repo: your-user/your-repo
내 머리를 잃어 버렸다 : 헤드리스 cms
이 작업을 수행 한 경우 더 이상 WordPress를 사용할 필요가 없습니다. 관리자가 새 기사와 페이지를 생성하도록 유지할 수는 있지만 다른 워크 플로우는 다른 헤드리스 CMS를 사용하여 정적 파일을 생성하고 저장소에 동기화하는 것입니다. 이것은 "Headless CMS"입니다. 컨텐츠 관리 시스템은 여전히 백엔드 인스턴스로 어딘가에 있지만 실제 라이브 웹 사이트와 완전히 분리되어 있습니다. WordPress는 정적 웹 사이트의 일반적인 헤드리스 CMS 옵션이며 실제로 대규모 SSG 배포에서 가장 일반적인 선택 일 것입니다. 마이그레이션 방법은 많은 상황을 다룰 수 있지만, 레거시 컨텐츠가 너무 많거나 WordPress에 내장 된 콘텐츠 흐름이 너무 많아서 즉시 마이그레이션이 불가능할 수 있습니다. 이것은 대규모 콘텐츠 운영 및 디지털 미디어 비즈니스에 특히 그렇습니다. 그러나 덜 역사를 관리해야한다면 컨텐츠 관리에 대한보다 현대적인 접근 방식을 살펴 보는 것이 좋습니다. 동적 서비스 웹 사이트에서 멀어지는 마이그레이션은 그러한 변경을 수행하기에 좋은시기입니다. 우리가 구현 한 마이그레이션은 NetLify CMS를 지원하지만 여기에서 헤드리스 CMS를 사용하는 방법을 다루지는 않습니다. 이것은 가까운 시일 내에 다른 기사에서 소개 할 주제입니다.
깊이를 파헤쳐
Hugo는 GO 프로그래밍 언어를 기반으로하며 다양한 템플릿을 제공하는 또 다른 큰 SSG 이름이며 Gatsby.js에 대해 고려할 수있는 신뢰할 수있는 옵션입니다. WordPress를 Hugo로 마이그레이션하는 몇 가지 도구가 있습니다. 이 가이드를 보면 유연하지 않지만 프로세스는 gatsby.js보다 훨씬 간단해야한다는 것을 알게 될 것입니다.
Chris Ferdinandi의 "WordPress에서 Hugo로 이주"
Mattias Geniar의 "WordPress에서 Hugo로 이동하기위한 단계별 가이드"
Christopher Kirk-Nielsen의 WordPress에서 Hugo로 전환
- 결론과 생각 : 왕은 죽었습니까?
정적 웹 사이트 생성기로 마이그레이션 할 때 WordPress 플러그인에서 제공하는 기능이 손실됩니다. 그러나 많은 정적 웹 사이트 생성기에는 유사한 기능을 제공 할 수있는 자체 플러그인 또는 확장 기능이 있습니다. 마이그레이션 후이 플러그인을 수동으로 연구하고 설치해야합니다.
위 내용은 WordPress에서 정적 사이트 생성기로 마이그레이션하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

이 최고의 개발자 뉴스 레터와 함께 최신 기술 트렌드에 대해 정보를 얻으십시오! 이 선별 된 목록은 AI 애호가부터 노련한 백엔드 및 프론트 엔드 개발자에 이르기까지 모든 사람에게 무언가를 제공합니다. 즐겨 찾기를 선택하고 Rel을 검색하는 데 시간을 절약하십시오

이 튜토리얼은 AWS 서비스를 사용하여 서버리스 이미지 처리 파이프 라인을 구축함으로써 안내합니다. ECS Fargate 클러스터에 배포 된 Next.js Frontend를 만들어 API 게이트웨이, Lambda 기능, S3 버킷 및 DynamoDB와 상호 작용합니다. th

CNCF (Cloud Native Computing Foundation), Ampere Computing, Equinix Metal 및 Actuated 간의 공동 작업 인이 파일럿 프로그램은 CNCF Github 프로젝트를위한 ARM64 CI/CD를 간소화합니다. 이 이니셔티브는 보안 문제 및 성과를 다룹니다


핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

Video Face Swap
완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

인기 기사

뜨거운 도구

WebStorm Mac 버전
유용한 JavaScript 개발 도구

드림위버 CS6
시각적 웹 개발 도구

VSCode Windows 64비트 다운로드
Microsoft에서 출시한 강력한 무료 IDE 편집기

PhpStorm 맥 버전
최신(2018.2.1) 전문 PHP 통합 개발 도구

에디트플러스 중국어 크랙 버전
작은 크기, 구문 강조, 코드 프롬프트 기능을 지원하지 않음
