구텐베르그가 곧 워드프레스에 등장합니다. 당신의 사이트 웹 그는 준비가 되었습니까? 어떤 형태가 될지는 아직 모르지만 이 새로운 콘텐츠 시스템은 앞으로 워드프레스에 추가될 것입니다. 이것이 사이트에 미칠 수 있는 잠재적인 영향과 문제 영역을 미리 식별하고 수정하는 방법을 살펴보겠습니다.
구텐베르크는 무엇입니까?
Gutenberg는 사용자에게 콘텐츠 디자인에 더 많은 유연성을 제공하는 것을 목표로 하는 WordPress 프로젝트입니다. 기본적으로 이 프로젝트는 주로 워드 프로세서로 작동하는 현재 편집기를 보다 시각적이고 구조화된 인터페이스로 교체하는 것을 목표로 합니다. 현재 Gutenberg는 플러그인이며 사용자에게 다음과 같은 방식으로 콘텐츠를 편집할 수 있는 기능을 제공합니다. 비주얼 컴포저 또는 다른 드래그 앤 드롭 편집기(드래그 앤 드롭)가 있지만 간단하고 매우 직관적입니다.
구텐베르크에 대해 더 자세히 알고 싶으면, cliquez - 이리.
사이트의 일부
Gutenberg는 거대한 회사이며 귀하의 사이트 웹. 다음은 잠재적인 문제에 대해 탐색할 세 가지 영역입니다.
- 당신의 테마 : 구텐베르크에는 콘텐츠에 대한 자체 스타일 세트가 있습니다. 테마가 호환됩니까? 구텐베르크는 활동할 때 어떤 모습일까요?
- 귀하의 플러그인 : Gutenberg가 예기치 않은 방식으로 다른 플러그인과 상호 작용할 수 있습니다. 우리는 그것이 무엇인지 그리고 발생하는 문제를 해결하기 위해 무엇을해야하는지 볼 것입니다.
- 내 콘텐츠 : 구텐베르크는 콘텐츠가 표시되는 방식에 영향을줍니다. 이것이 페이지의 모양을 어떻게 바꿀 수 있는지 살펴보고 문제가있는 경우 몇 가지 잠재적 인 해결책을 살펴 보겠습니다.
테스트 영역 설정
시작하기 전에 메인 사이트를 위험에 빠뜨리지 않고 구텐베르크로 실험 할 수있는 테스트 영역을 설정하는 것이 좋습니다. 이상적으로는 자체 테스트 영역을 만들거나 사이트의 로컬 복사본을 만들어야합니다. 이러한 작업을 수행하는 방법에 대한 자세한 내용은 다음 자습서를 참조하십시오. WordPress를 로컬에 설치하는 방법.
이것이 가능하지 않으면 사이트에서 직접 테스트를 수행 할 수 있습니다. 사이트의 여러 부분을 활성화 및 비활성화하므로 위험 할 수 있습니다. 라이브 테스트를 수행하는 경우 시작하기 전에 사이트의 백업을 만들어야합니다.
테스트 할 위치를 알고 나면 plugins 디렉토리로 이동하여 Gutenberg를 찾으십시오. 설치 및 활성화되면 계속 읽으십시오.
테마를 테스트 해보세요
이제 Gutenberg를 설치 했으므로 영향을받을 수있는 사이트의 첫 번째 섹션 인 테마를 살펴 보겠습니다. 이 시점에서 데이터베이스 오류 또는 WordPress 대시 보드 문제와 같은 주요 문제가 이미있는 경우 섹션으로 이동하십시오. 문제가 너무 많을 때해야 할 일.
구텐베르크는 주로 사이트 콘텐츠와 상호 작용하기 때문에 몇 가지를 테스트하는 것으로 충분합니다.
첫 번째는 Gutenberg가 자체 스타일 시트와 스타일 세트와 함께 제공된다는 것입니다. 사이트에서 사용되는 각기 다른 유형의 페이지와 템플릿을 확인하여 여전히 올바르게 표시되는지 확인하세요. 여기서 주요 목표는 페이지의 주요 콘텐츠 영역, 특히 콘텐츠 및 이미지 블록의 요소에 초점을 맞추는 것입니다. 문제가 발견되면 Gutenberg의 스타일이 사이트의 스타일보다 우선 할 가능성이 높습니다.
이를 수정하려면 문제의 원인을 식별해야합니다. 일반적으로 이것은 HTML 요소 또는 자신의 클래스보다 구텐베르크 스타일의 우선 순위에 초점을 맞춘 CSS 선택기입니다. 어느 쪽이든 오류가 발생한 위치를 확인하십시오. 다음으로, Gutenberg의 스타일이 왜 당신의 스타일을 덮어 쓰는지 알아 내고 우선 순위를 갖도록 코드를 수정하세요.
나만의 테마로 수정하십시오 (또는 테마의 CSS에 지정된 하위 테마 또는 영역에서), 구텐베르크를 수정하는 것보다. Gutenberg의 파일을 직접 편집하는 경우 플러그인이 업데이트 될 때 덮어 쓸 가능성이 있습니다.
마찬가지로 대시 보드에서 동일한 테스트를 한 번에 모두 실행하고 싶을 것입니다. 테마에 의해 생성 된 테마 옵션 및 기타 사용자 지정 섹션이 지금까지 가장 큰 범인 인 것 같습니다. 이러한 영역에서 스타일 문제를 확인한 후에는 일반적으로 자식 테마를 변경하거나 만들고 CSS를 조정하여 문제를 해결할 수 있습니다.
플러그인이 작동합니까?
테마를 테스트 한 후 사이트의 플러그인은 다음과 같습니다. 특히 콘텐츠에 사용하는 단축 코드를 제공하는 플러그인 (예 : Gravity Forms), 콘텐츠의 모양에 영향을 미치는 플러그인 (예 : 텍스트 크기에 영향을주는 접근성 플러그인) 및 페이지에 요소를 직접 삽입하는 플러그인 (예 : 고급 사용자 정의 필드).
쇼트 코드 살펴보기
이 영역을 감사하려면 사용중인 모든 단축 코드 목록과 해당 단축 코드가있는 페이지를 수집하십시오. 목록을 손에 들고 각 페이지를 방문하여 예상대로 작동하는지 확인하십시오. 스타일링 문제가있는 경우 이전과 동일한 문제가 발생하여 스타일을 다시 조정해야 할 가능성이 있습니다.
그러나 단축 코드가 표시되고 예상 콘텐츠가 아닌 경우 (예 : 페이지에 [shortcode]옳은 일을하는 대신) 또 다른 해결책이 있습니다. 이 경우 단축 코드가있는 블록을보고 텍스트로 간주되지 않는지 확인할 수 있습니다 (단축 코드 주변에서 원하지 않는 레이블을 찾아 제거). 문제가 지속되면 단축 코드를 더 적절한 블록 유형으로 이동하면 모든 것이 다시 시작됩니다.
내용의 외관
이 문제는 우리가 이미 다룬 동일한 문제인 스타일 대체에서 비롯됩니다. 영향을받는 요소를 식별하고 CSS를 수정하십시오.
요소 생성
상충되는 문제에 대해 마지막으로 살펴볼 영역은 아이템 생성에 관한 것입니다. 예를 들어 PHP가 고급 사용자 정의 필드 플러그인에서 사용자 정의 필드를 추출 할 때 단축 코드를 사용하지 않고 페이지에 HTML 요소를 삽입하는 플러그인은 여기에서 의심됩니다.
요소 생성과 관련된 가장 일반적인 슬립은 호환되지 않는 블록을 중심으로 진행됩니다. 구텐베르크는 고유 한 스타일을 제공하므로 의도하지 않은 블록 내부에 항목을 만들면 제대로 표시되지 않을 수 있습니다. 이에 대한 수정 사항은 코드가 원하는 블록에 항목을 추가하도록하는 것입니다.
필요에 따라 콘텐츠가 나타 납니까?
논의한 다른 문제만큼 긴급하지는 않지만 콘텐츠가 표시되는 방식에 약간의 문제가 있을 수 있습니다. 이러한 문제의 대부분은 사소한 스타일 변경 또는조직 블록. 이 문제를 해결하려면 원하는 방식으로 페이지를 얻을 때까지 블록 시스템을 가지고 놀아야 합니다.
문제가 너무 많을 때해야 할 일
이 자습서의 제안으로 해결할 수없는 문제가 발생 했습니까? 당황하지 말 것 ! 구텐베르크가 워드 프레스의 핵심에 통합되기까지는 아직 시간이 있습니다.
먼저 오류가 무엇이며 어떤 단계에서 오류가 발생했는지 기록하십시오. 수집 할 수있는 정보가 많을수록 좋습니다. 이 모든 정보를 구텐베르크 팀에 전달하십시오. 운 좋게도 문제를 확인하고 향후 릴리스에서 수정할 수 있습니다.
준비 사이트에서 작업 중이라면이 시점에서 할 수있는 모든 작업입니다. 릴리스 정보를 계속 확인하여 문제가 해결되었는지 확인하거나 직접 해결할 수 있습니다.
라이브 사이트에서 작업 중이라면 구텐베르크를 비활성화하면 모든 것이 정상으로 돌아갑니다. 그렇지 않다면 튜토리얼을 시작할 때 만든 백업으로 돌아갈 시간입니다!
설치에 행운을 빈다.
구텐베르크는 콘텐츠를 더 나은 방향으로 바꾸려는 WordPress 환경의 대대적 인 변화를 목표로합니다. 메인 브랜치에 도달하기 전에 사이트가 새로운 변경 사항으로 작동하는지 확인하십시오. 여기에 나열된 것 이외의 문제, 더 나은 솔루션 또는이 자습서의 수정 사항이있는 경우 아래에 의견을 남겨주세요.
