워드프레스강좌 | 제15강 워드프레스 테마 만들기 6편 템플릿파일 모듈화 및 푸터
본문
※ 영상을 선명하게 보기 안내
- 유튜브 영상에서 오른쪽하단에 톱니바퀴를 클릭합니다.
- 팝업목록에서 "품질" 선택하세요.
- 원하는 해상도를 선택해주세요.
※ 모바일에서 Wifi가 아니라면 데이타가 소진될 수 있으니 주의바랍니다.
워드프레스강좌님의 워드프레스강의 청각장애인을 위한 자막
안녕하세요 얻어 패 승 자 열 다섯번째 시간입니다
전 시간에 말씀드린 대로 오늘은 댐 악성 파일들을 좀 정리해 보도록하겠습니다
제 생각으로는 지금부터가 워드프레스 개념을 구축하는 데 가장 중요한
부분이라고 생각합니다
확실하지 않은 부분은 여러 번 보셔서 완전히 이해하지 고 넘어 가시기
바랍니다
가장 기초적인 면서 중요하면서도 아무도 공짜로 가르쳐 주지 않는
부분입니다
이제까지는 워드프레스 고유 펑션 을 활용하는 것도 에는 전통적인 것과는
별 차이가 없었습니다
속된 말로 표현하면 인덱스 점 패치 파일에 다 때려 놓고 일일이 수정을
이용되었습니다
이제부터 이것을 워드프레스 본래 디자인 의도대로 모듈 별로 분리하는
작업을 진행하도록 하겠습니다
혹시나 못 유라 시로 그냥 내가 하던 대로 할 거야 하는 분들이 계실지도
모르겠습니다
아마 그렇지만 다른 사람이 만든 소스를 수정한 데 큰 문제가 될 것이라고
생각됩니다
전통적인 외관은 살이 워드프레스는 템플릿 파일을 1 개념 때문에 구조를
모르시는 아예 수정이 불가능합니다
제 강좌 체육관 워드프레스 테마 구조를 안보신 분들이라면 지금 빨리
6강 을 보신 후에 다시 시청하시기 바랍니다
보신분들 나도 잘 기억이 안나 신다면 다시 한번 보고 오시기 바랍니다
짜 이제 제 강의 6강 을 다 보셨다는 가정하에 계속 진행하도록
하겠습니다
인젝션 php 파일은 워드프레스 필수 파일이 면서 디폴트 템플릿 파일
역할을 한다.는 것을 가졌을 겁니다
이제 이 인덱스 mph 파일에서 각 모듈 들을 하나하나 분과 시키는
작업을 시작해 보겠습니다
인덱스 챔 php 파일 상단을 보시면 사이트 타이틀을 가 태그 라인을
출력해 주는 부분이 있습니다
이부분 당연히 사이트 헤더 부분이 되겠죠 그래서 이것을 헤더 점 패치
100 파일로 옮기도록 하겠습니다
저장 해 주시고 이제 푸터 점 캐치 파일을 오픈합니다
그리고 바지 태그를
받아주시고
키 시스템 엘도 닫아 줍니다
여기까지 하면 헤더 점 php 에서 시작해서
인덱스 점 패치를 p 를 경유해서 부터 점 php 까지 하나의
먼저 난 html 문서가 완성되게 됩니다
그리고 부터 점 php 파일의
워드프레스 부터 펑션 을 호출해 지고 프테 임을 알려주는 간단한 텍스트
를 작성해 보도록 하겠습니다
워드프레스 터 를 클릭해 주시고
깨 벨 클래스 later 4
전자는 카피라이트 정도를 입력하도록 하겠습니다
이제 스타일시트 파일 오픈 에서 회사를 만들었던 왜 크레이티브 타
클래스를 복선 뒤 부터 div 클래스인 왜 크레이트 의 바텀 으로 변경
안 기 내용을 수정해서 사용 하도록 하겠습니다
저번 공장에서 오타 가졌습니다
보시면 배경색
텍스트 컬러 텍스 좌우 정렬 더 포 상 하단 경계선 높이를 지정 해
줬습니다
제 소스를 기반으로 값은 여러가지로 변경해서 테스트 해보시기 바랍니다
일단 다시 저장을 해 주시고 인덱스 점 php 파일로 이동합니다
맨 아래쪽으로 가져서
게 애프터 빵 시간을 이용해서 워드프레스 에프터를 요청해주시면 마무리
됩니다
이제 저장한 뒤에 사이트를 2 플레이 해보도록 하겠습니다
아래쪽에 그럴싸 음부터 가 생긴 것을 보실 수가 있습니다
이제 다시 수정된 인덱스 점 php 파일을 보시면
상단의 헤더로 트라고
중간에 포스를 보여주는 루프가 있고 마지막에
부터 가 호출됩니다
이제 인덱스 전 php 파일이 깔끔하게 정리가 되었습니다
그럼 지금까지 적음 내용을 정리해 보겠습니다 먼저 인덱스 점 php
파일의 있던 헤더 영역에 데이터를 헤더 점 php 파일로 이동시킨 뒤
부터 쯤 php 파일의 부터의 보여줄 내용을 추가 하였고 그 다음에
인덱스 페이지 이 파일에서 부터 를 호출 했습니다
이제 사이트에 헤더 바디 부터가 모두 원성 되었으니까
다음 시간에는 사이드바를 추가해 보도록 하겠습니다 감사합니다
댓글 0개
등록된 댓글이 없습니다.