Supercharged CommitLog WordPress: Templating

[음악 재생] SURMA : 시간이 왔습니다 오늘은 우리가있는 에피소드입니다

SuperCharged에서 PHP를 작성하려고합니다 들리지 않았지만 오늘은 일어날 것입니다 내가 시작하기 전에, 전에 말했어, 나는 다시 그것을 말할 것이다 PHP에 대해 논쟁하는 시간 낭비하지 마라 그리고 그것이 좋은 언어인지 아닌지

여기서 우리는 모두 JavaScript 개발자입니다 따라서 자바 스크립트 개발자가 언어 디자인의 절정을 사용하는 척 둘 다 널리 사용되는 언어이며, 정말 우아한 코드를 작성할 수 있습니다 JavaScript와 PHP 둘 다에서 내 말은, PHP는 특별히 아니지만 할 수 있습니다

그리고 원한다면 그건 분명히 유효한 선택입니다 할 것 시작하기 전에, 나는 단지 내가 모든 현대 웹을 사용하는 테마 인 테마를 쓰고 싶었습니다 기술 그리고 내가 워드 프레스를 잘 모르기 때문에, 나는 모든 것을 버리고 싶다

보통 테마 스타터 팩에 있습니다 언제 당신이 구글 그래서 내가 한 것은 비어있는 PHP 파일이었습니다 echo 문을 추가하여 PHP가 실제로 작동하는지 확인했습니다 WordPress에로드, WordPress에 어떤 이유로 보았다

스타일 CSS 파일이 있어야합니다 그래서 나는 그것을 만들었습니다 그리고 그것은 이미 당신이 당신의 첫 번째 WordPress를 가지고있는 모든 것입니다 테마 경험 따라서 여기에서 볼 수 있듯이 CSS 파일은 그대로 비어 있습니다

그리고 PHP 파일을 보면별로 많지 않습니다 그냥 에코 성명서를 써서 확신 할 수 있어요 PHP가 실제로 실행합니다 Dockerized 블로그를 실행하면 echo 문이 실제로 실행되는 것을 볼 수 있습니다 그리고 내가 블로그 웹 사이트에 갈 때 나는 그것을 화면에서 본다

이제는 모두 훌륭합니다 그것은 매우 논쟁의 여지가없는 블로그입니다 매우 효율적입니다 하지만 얼마나 많은 블로그가 있든간에 관리자 패널에서 작성한 게시물 그들은 실제로 나타나지 않으며, 그것은 그것을 쓸모 없게 만듭니다 그리고 그것을 바꾸기 위해, 우리는 가장 오래되고, 그리고 핵심은 WordPress의 기능이라고 생각합니다

이것은 루프입니다 보시다시피 말 그대로 루프입니다 최신 블로그 게시물을 반복 할 때 사용합니다 그리고 우리는 마크 업을 가지고 PHP와의 차이점을 채 웁니다 제목과 저자 및 모두 렌더링 이 다른 것들

우리가 지금 그것을 다시로드한다면, 우리는 지금 우리가 볼 수 있습니다 우리 블로그 게시물의 목록이 있습니다 그리고 그것은 서버 사이트 렌더링입니다 서버 사이트 렌더링은 모든 콘텐츠, 모든 부분 화면에 뭔가를 가져와야한다고 사이트의 첫 번째 응답에 있습니다 그래서 우리는 제목과 저자 및 모든 것을 넣을 것입니다

브라우저에 보낼 수있는 하나의 문서로 즉시 화면에 표시해야합니다 그리고 그것은 처음으로 내용이 담긴 페인트에 이르는 시간, 콘텐츠가 화면에 표시되는 데 걸리는 시간 매우 빠를 것입니다 예를 들어, 내 블로그에서, 그것도 초 걸립니다, 심지어 느린 3G 연결을 통해 신흥 시장에서 볼 수 있듯이 예를 들어, 시장 그리고이 속도가 느려지면 사용자를 기다리지 않는 것이 중요합니다 기본적으로 사용자를 잃는 가장 쉬운 방법입니다

웹 사이트에서 그러나 현재까지도 목록을 보시면 우리가 가지고있는 블로그 게시물 중 하나를 클릭하면 당신은 페이지로 리다이렉트 될 것입니다 우리는 블로그 게시물 제목과 내용이 없음을 볼 수 있습니다 그리고 그런 종류의 목적을 이겨내야합니다 그 이유는 우리가 아직 템플릿 계층 구조에 대해 말하지 않았습니다

템플릿 계층 구조가 시스템입니다 그 WordPress는 알아 내려고 사용 어느 템플릿 파일을 렌더링 할 것인가? 사용자가 현재보고있는 페이지 그리고 그들은 시스템을 설명하는 이미지를 가지고 있습니다 문서화 사이트에서 그리고 당신은 그것을 여기에서 볼 수 있습니다

조금 압도적인데, 내가 그걸 줄께 또한 테마의 핵심에 있습니다 따라서 시간을 투자 할 가치가 있습니다 그것이 어떻게 작동 하는지를 이해하기 위해 WordPress 내에서 복잡한 사이트를 쉽게 구축 할 수 있습니다 이것이 우리에게 무엇을 말해 줍니까? 템플릿 계층 구조는 어떻게 사용합니까? 자, 이제 우리는 인덱스 PHP 만 가지고 있습니다

그리고 템플릿 계층 구조가 우리에게 알려주 듯이, 그것이 모든 것에 사용될 것이라는 점입니다 우리는 다른 템플릿을 누군가는 블로그 포스트를 봐 여기서 템플릿 계층 구조를 볼 수 있습니다 여기서 템플릿 계층의 하위 집합을 그렸습니다 그리고 우리는 기본적으로 세 가지 다른 장소를 가지고 있기 때문에 사용자가 블로그에 착륙 할 수 있습니다

홈페이지에 도착할 수 있습니다 가장 최근의 블로그 게시물 목록이어야합니다 카테고리 목록이있을 수 있습니다 – 누군가 만 내 자바 스크립트 관련 블로그 게시물을보고 싶다 그들은 블로그 만 나열하는 카테고리 목록을 볼 수 있습니다 이 카테고리의 게시물 그리고 그들은 개별 게시물을 볼 수 있습니다

그리고 여러분이 말할 수 있듯이, 그들은 구별로 – 그 집과 카테고리는 여러 블로그 목록입니다 게시물, 게시물은 단일 항목입니다 그게 바로 그 이름이 템플릿 계층 구조에서 사용되는 우리는 단수 있습니다 누군가 집에 간다면 우리는 인덱스 PHP를 사용할 것입니다 누군가가 글을보고 있으면 단수의 PHP를 사용할 것입니다

카테고리도 마찬가지로 목록입니다 그래서 인덱스 PHP도 사용할 것입니다 그렇다면 단수 PHP는 어떻게 생겼을까요? 실제로는 매우 간단합니다 복사 / 붙여 넣기 전체 인덱스 PHP는,하지만 같은 코드, 거기에, 그리고 방금 렌더링을 추가 블로그 게시물의 내용에 대해 전에 실종 된 것입니다 그래서 다른 페이지, 홈 페이지 및 카테고리 페이지, 모두 이전과 똑같이 보입니다

그러나 지금 당신이 블로그 포스트를 클릭 할 때, 우리는 블로그 게시물의 실제 내용을 잘보아야합니다 게다가 우리는 방금 블로그를 만들었습니다 그거 꽤 인상적이지, 그렇지? 색인 목록이 있습니다 우리는 블로그 게시물 중 하나를 클릭 할 수 있으며, 그런 다음 블로그 게시물을 봅니다

그게 블로그 야 꽤 괜찮은데 조금은 평범 해 보인다 그래서 약간의 스타일링, 약간의 색상, 몇 장의 이미지가 여기 저기에있다 그러나 이것에주의해야합니다

많은 개발자들이로드하는 것을 볼 수있는 곳입니다 공연 그리고 그것은 정확하게 다음에 우리가 어떻게 이야기 할 것인가입니다 스타일과 이미지 및 이러한 모든 것을 효율적으로로드 할 수 있습니다 [음악 재생]