워드프레스를 구성하는 글, 사진,동영상, 페이지 


안녕하세요. 고코더 입니다. 

워드프레스 설치 후에 어드민에 보이는 
메뉴가 있습니다. 

글, 미디어, 페이지, 댓글은
홈페이지의 내용을 완성하는 컨텐츠들 입니다.

해당 데이터가 없다면
그저 HTML로 만들어진 홍보 홈페이지 뿐일것입니다.




1.포스트(글)

1-1. 글
글은 게시판을 이루는 row(행) 입니다. 홈페이지는 게시판이라고 할 정도로 
데이터의 집합입니다. 워드프레스도 글이 기본 뼈대가 됩니다.



1-2. 카테고리
글이 속한 그룹을 말합니다. 카테고리로 글을 나눌 수 있습니다.
공지사항, 유머게시판, 자유게시판등의 게시판 이름이
큰 카테고리라고 할 수 있습니다.




1-3. 태그
요즘은 SNS 시대라 카테고리보다. 태그의 활용이 많습니다.
하나의 글은 수 십개까지 붙기도 합니다. 이는 나중에 빅데이터를 활용할때도 용이 합니다.
카테고리와 같지만 더 자유롭고 제한 없는 카테고리라 생각하시면 됩니다. 



2.미디어

2-1. 미디어 라이브러리
홈페이지를 꾸밀때 필요한 모든 MEDIA 파일 즉 사진이나, 동영상을 저장합니다.
업로드를 하면 모두 미디어 라이브러리에 모이고
여기에 먼저 업로드 하고 차후에 사용하기도 합니다.
디자인 요소에서는 꼭 필요한 기능입니다. 




3.페이지

3-1. 페이지 
홈페이지 프로필이나 1회성 광고 아니면 첫 화면을 나타낼 페이지 등
데이터외에 필요한 모든걸 만들 수 있게 해주는 페이지 작성 기능입니다.
위젯이나 플러그인등이 페이지의 바인딩 하여 쓰이기도 합니다.

홈페이지 제작시 차별을 두고 싶다면 
가장 신경써야 하는 부분입니다. 




지겨운 기초 과정이 끝났습니다.
다음 시간부터는 실전으로 홈페이지를 함께 만들어 보겠습니다. 
혹시나 이해가 안되셔도 구체적으로 이해 할 필요 없이
한번 읽어놓고 홈페이지 제작시에 
하나씩 다시 이해 하시길 바랍니다. 


마무리


다음시간 부턴 더 쉽게 홈페이지가 제작 됩니다.


댓글을 달아 주세요



워드프레스 설치 후 해야 할 처음 설정


안녕하세요. 고코더 입니다. 


이제 워드프레스 사이트의 기본설정을 따라 해보겠습니다. 
이번 시간에 사이트의 제목이나 규칙등 다양한 속성들이 매겨지게 됩니다.

나중에 변경도 가능한 부분이지만
가장 기초가 되는 설정이기에

설치 이후 첫번째 시간에 다뤄 보려고 합니다. 
왼쪽 메뉴 아래에 있는 "설정" 탭에 있는 기능들에 대한 강의 입니다.


1.일반 설정 


▼ 설정 탭에서 일반을 눌러 "일반 설정" 으로 접근해보겠습니다. 
설치시에 자동으로 입력되어 있는 값들이 보입니다. 

1. 사이트 제목 
사이트 기본 제목을 나타 냅니다.  HTML 태그 <title>에 기록 되는 값입니다.
홈페이지의 이름이라고 생각 하시면 됩니다.


2. 태그라인     
사이트의 설명이라고 생각하면 됩니다. <title> 태그 제목 뒤에 하이픈 다음에 기록 됩니다.


3. 워드프레스 주소 사이트 주소
워드프레스 주소 : 작동하는 주소를 말합니다. 만약 하위 폴더로 작동 된다면 /home 이런식으로 붙혀주게 됩니다. 
사이트 주소 : 해당 사이트의 도메인을 말합니다. 


4. 이메일 주소
관리자 소유자의 이메일 주소를 말합니다. 
대표적으로 비밀번호를 찾으시려면 꼭 기입하셔야 합니다.


5. 사이트언어
다양한 언어를 제공합니다. 한국 유저라면 
한국어나 영어로 선택하시면 될거 같습니다.


6. 시간대
해당 사이트의 시간대를 지정 합니다.
PHP 타임존 기능을 활용 합니다.

7. 날짜 표시 형식
날짜 표현 방법을 지정 합니다. date() 안에 들어갈 날짜 형식을 지정 합니다.
-> 참조 강의

8. 시간 표시 형식
시간 표현 방법을 지정 합니다. date() 안에 들어갈 시간 형식을 지정 합니다.




2.읽기 설정 


▼프론트들에게 보여질 읽기 설정들 입니다.

1. 홈페이지의 표시
홈페이지 첫화면에 게시 글이 보여질지 정적인 페이지 즉 특정 페이지가 보여질지 설정 합니다.
보통의 CMS들은 게시글들이 홈페이지 첫화면에 표시 됩니다. 
스킨의 따라 정적인 페이지 선택이 필수인 경우가 많습니다. 
홈페이지 개발 하면서 유동적으로 선택하게 되는 옵션입니다. 

2. 페이지당 보여줄 글의 개수
게시판 한 페이지에 보여질 글의 갯수입니다. 
기본 값은 10개지만 목적에 따라 더 많은 숫자를 보여주기도 하겠죠

3. 보여줄 가장 최근의 신디케이션 피드 수 
http://자신의워드프레스주소/feed/ 에 보여질 글의 갯수를 말합니다. 
rss라고 생각하시면 됩니다. 


4. 검색 엔진 접근 여부
검색봇을 차단할지 묻는 설정입니다. 
기본적으로 개발 중에는 차단
완료 후에는 검색 봇을 허용하는게 일반적입니다.
-> 참조 강의

meta - 메타 태그로 검색 엔진 접근차단하기 / robots, noindex, nofollow




3.토론 설정 


▼토론 설정 번역이 좀 이상하죠? 영어 메뉴 명은 Discussion setting 입니다.
즉 알람과 작성에 대한 부분을 어떻게 할 것인가인데요. 
홈페이지와 관리자가 소통하고 토론하여 운영을 어떻게 할 것 인지
정하는 페이지 입니다 (제 설명이 더 어렵네요)




4.미디어 설정 


▼이미지 크기에 대한 설정입니다.
설정 그대로 사용 하시길 권고 합니다. 보통 스킨들이 이 설정으로 
최적화 하여 개발 되기 때문입니다.




5.고유주소 설정


URI 구조를 지정하는.  고유 주소 설정에 대해 알아보겠습니다. 

1. 일반설정
기본 셋팅은 날짜와 이름 형식인데 
개인적으로 가장 보기 싫은 URI 구조 입니다.
"기본" 이나  "숫자"로 하시길 추천합니다.





설정 메뉴에서 필요한 기본적인 공통 셋팅을 완료 하였습니다.
스킨에 따라 홈페이지 개발 하면서 생각에 따라 
설정을 변경 하기도 합니다. 

이제 다음 시간에는
본격적으로 스킨을 다운로드 받아서
테마 별로 홈페이지를 만들어 보겠습니다.


마무리


워드프레스 직관적인 UI, UX가 
매력적이지 않나요?


댓글을 달아 주세요



워드프레스 최신 업데이트 하기


안녕하세요. 고코더 입니다.


우린 이제 워드프레스를 설치 하였고 
어떻게 설치되는지 이해 하였습니다.

설치 후 처음에 할일을 알아보겠습니다.

우선 관리자 모드에 접속합니다.
http://자신의사이트/wp-admin



관리자 첫 화면에 접속하게 되면 
업데이트라는 글씨의 빨간 글씨 카운터를 보게 됩니다.

제일 처음 하는 초기설정으로 
코어부터 테마까지 업데이트를 할려고 합니다. 

▼ 업데이트 탭에 접근합니다.
혹은 알림판에 "지금 업데이트 해주세요." 를 클릭 하셔도 좋습니다.


▼ 코어인 워드프레스 최신 버전으로 업데이트를 합니다.
클릭만으로 모든 업데이트가 완성 됩니다.



▼ 플러그인들을 모두 최신 버전으로 업데이트를 합니다.
역시 클릭만으로 모든 업데이트가 완성 됩니다.
기본으로 탑재된 플러그인들은 기본적으로 활용도가 높습니다. 


▼ 기본 테마는 거의 쓰지 않겠지만 그래도 업데이트 하겠습니다.


워드프레스로 만든 사이트가 완성되고 
이제 인터넷 세상에 사람들에게 오픈되고 운영이 된다면 

보안 이슈 관련한 사항 빼고는 업데이트 하는걸 자제하는게 좋습니다.
업데이트로 인한 기능의 수정/삭제 되거나 호환성이 변하게 되면
홈페이지를 다시 수정 해야 하는 일이 발생하기 때문입니다.
개발보다 어려운게 어긋난 부분만 고쳐쓰는 것이기 때문입니다.

물런 워드프레스가 익혀지거나 기업 홈페이지를 개발하는 개발자라면
자동 업데이트를 켜놓고 그때마다 대응하는게 올바르겠지만
이 강의에 오신 분들은 간단하게 홈페이지를 개발 하고 싶은분들이니
이 방법을 택하겠습니다. 


자동 업데이트 막기 


이제 모든 업데이트가 완료 되었습니다.
초기 셋팅된 이 버전들을 유지하고 싶습니다. 
이유는 위에 기술 해놓았습니다.

자신의 워드프레스 루트에 있는
/wp-config.php
파일을 열어보세요.




그리고 아래 코드를 입력 합니다. 

1
define('AUTOMATIC_UPDATER_DISABLED'true );
cs

▼제 wp-config.php 에
소스 코드가 입력 된 모습입니다.


이렇게 하면 이제 모든 업데이트가 비활성화 됩니다.

워드프레스가 더욱더 익숙해지고 능숙하게 되면 
다양한 업데이트 옵션을 이용해서 원하는 업데이트만 
사용 할 수 있게 됩니다.

그때 까지는 우선 업데이트를 막아놓고 개발을 해보겠습니다.



마무리


시작이 반이라고 했습니다.
그런데 워드프레스로 홈페이지 만들기는 정말로 반이 왔습니다.


댓글을 달아 주세요


워드프레스 백업 복원하기 


안녕하세요. 고코더 입니다.


이전 강의에서 설치 실습을 해보았습니다.
셋팅 해놓은 이 소스를 대상으로 

오늘은 백업하기를 해보려고 합니다. 
아직 완성된 사이트가 없는데 백업, 복원하기 부터 배우는게 조금
낯설 수도 있지만 

설치만으로 개념을 이해 하지 못한 분이라면 
이번에 하는 백업 복원을 통해서 다시 워드프레스의 원리를 복습할수 있을거라 생각 됩니다.

결국 워드프레스도 소스와 DB로 이루어진 사이트이기에 
소스와 DB를 복사해놓고 다시 서버상에 올려놓는다면 
복원 및 백업이 됩니다. 

이론상으로도 간단한데 방법도 매우 간단합니다.  
한번 따라해보겠습니다. 


1. 소스 파일, DB 백업


각자의 파일 서버 FTP나 호스팅에 접근 합니다.
저 같은 경우에는 나야나 호스팅 서버를 사용 합니다. 

해당 파일서버에 워드프레스가 있는 파일을 복사합니다. 
저는 /html 이 워드프레스가 담겨있는 폴더 입니다. 
이 폴더를 그저 어딘가에 복사해두면 됩니다. 



이번엔 각자 사용중인 DB툴에 접속 합니다.
각자의 DB에서 Export(내보내기)를 해야 합니다. 
Mysql 에서는 스키마와 데이터를 .sql 파일로  
쉽게 DB 백업 파일을 만드는 방법으로 생성 가능 합니다. 

phpMyAdmin 기준으로는 실습 해보겠습니다. 
저는 이미 사이트 하나를 만들었기 때문에 DB 내용이 많이 있네요.
기능 탭에서 "내보내기"를 누르고 실행을 누르면 됩니다. 
그럼 *.sql 파일이 생성 됩니다.



혹시 호스팅 사용중이라면 기본으로 제공하는 계정을 백업하는 기능을 사용하시는게 편리합니다. 
즉 위에서 선행한 방법을 호스트 사이트가 자동으로 기능으로 생성하는 것입니다. 
나야나 호스팅 기준으로는 호스팅 관리자 모드에서 
계정 백업 버튼을 누르면 됩니다. 


1시간 안에 파일 생성이 완료 되고  루트에 파일이 업로드 되어 있다고 합니다.


루트안에 .sql 과 개발소스가 압축되어 있네요.
아까보다 좀 더 편하게 백업이 완료 되었습니다. 




2. 소스 파일, DB 복원 


이제 복원을 실습해보겠습니다.

phpMyAdmin 에서 테이블을 모두 선텍하고
"삭제" 옵션을 누릅니다. 



phpMyAdmin 에서 테이블을 모두 선텍하고
"예" 옵션을 누릅니다. 실습을 위해 과감하게!


이젠 복원을 해보겠습니다. 기능 탭에서 "가져오기"를 클릭 합니다. 


업로드 파일에서 파일 선택을 통해 우리가 백업해놓은 그 .sql 선택하고
실행을 누릅니다.


가져오기가 완료되었습니다. 이로써 DB백업은 끝났습니다.


파일서버에서 모든 파일을 삭제하였습니다.
겁먹지 말고 지워보세요 


아까 백업되어 있는 압축파일을 풀고 다시 FTP 전송을 하였습니다. 


이렇게 백업,복원 실습이 모두 끝났습니다. 

워드프레스로 만들어놓은 사이트가 있다면 
혹은 만들다가 많이 꼬이면 백업해두고 
필요할때 다시 꺼내 쓰시면 됩니다.

그리고 새로운 템플릿으로 만들고 싶은데 
기존의 결과물이 아깝다면  주저없이
파일,DB를 백업하고
새롭게 만들어 보세요.!


마무리


워드프레스 개발을 해보니
설치 후 백업 복원 실습을 먼저 해보는게 여러뭐로 도움이 많이 되더군요.


댓글을 달아 주세요



워드프레스 서버에 설치


안녕하세요. 고코더 입니다.

이제 첫 걸음을 시작해보려고 합니다. 워드프레스는 프로그램이며 
하나의 웹사이트 입니다. 능력 좋은 SI들이 홈페이지를 찍어내는 툴을 만들어 빠르게 개발 하는 걸 본 적이 있을 것 입니다.

워드프레스는 그 홈페이지 제작 툴 사이트의 정점이라고 생각하면 됩니다.
그래서 설치라고 하면 곧 다운로드 후 PHP로 구성된 하나의 홈페이지를 
서버에 업로드 하는거 라고 생각 하시면 됩니다.

▼ 저는 최소 요구 사양인  PHP 5.6 에서 설치를 하겠습니다.
현재 워드프레스는 PHP7.2 버전까지 사용 가능합니다.


▼ 해당 URL로 접근합니다. 한국 워드 프레스 사이트입니다.
▼ 그리고 최신 버전을 다운로드 받아주세요.
설치 이후 업데이트가 가능하기에 구 버전을 설치해도 무방 합니다.


▼ 압축 파일을 열어보시면 내용만 봐도 많이 보던 홈페이지 폴더 구조 입니다.
놀라운 기능이 이 1500개 파일에 모두 들어가 있다니 신기합니다.


▼자신의 서버에 파일을 업로드 합니다. 루트에 복사하셔야 합니다. 루트에 index.php가 위치하게 설치하면 됩니다.



▼이제 업로드가 끝났다만 아래처럼 접속을 합니다.
저는 호스팅이기에 도메인이 있고 로컬 에서 학습중인 분은 localhost로 접속하시면 되겠네요.


▼ 혹시 아래와 같이 접속이 안된다면 파일 업로드가 실패 한 게 있을 것입니다.
이때는 다시 업로드 하시거나 실패한 파일만 재 시도 해주세요. 파일 개수가 많아 그런지 자주 겪는 문제입니다.


▼ 그리고 각자의 데이터 베이스에 접속합니다.
저는 호스팅 서비스 이기에  phpMyAdmin으로 접속했습니다.


▼ 그리고 워드 프레스를 설치할 데이터 베이스를 만듭니다. 저는 호스팅이라 지정된 이름만 가능하네요


▼ 해당 화면에서 정보를 기록합니다.
가장 중요한 건 데이터 베이스 이름이랑
DB 로그인 계정을 기록해야 합니다.


▼이젠 설치 실행하기를 클릭합니다.


▼ 비번은 기본으로 정해주는거 사용하지 마세요.
외우기 어렵네요. 나머지 정보도 기록해주세요.
나중에 수정 가능한 정보니 고심하지 않으셔도 됩니다.


▼ 설치가 2초 만에 완료 되었습니다.


▼ 그리고 자신의 도메인 인덱스 페이지로 접속을 해보면
기본 스킨이 잘 뜨고 있는걸 확인 할 수 있습니다.



이것으로 워드프레스 설치가 모두 완료 되었습니다.
함께 따라하면서 WP가 무엇인지 감을 좀 잡았을거 같네요.

훌륭하게 만든 사이트 하나가 세계를 움직이는 서비스가 되었습니다.
지금 시작하는 개발자가 계시면 한번 제 2의 워드프레스 개발을 꿈꾸어 보시길 바랍니다.


마무리


잘 만드는 것 만큼 필요한걸 만드는게 중요합니다.



댓글을 달아 주세요



워드프레스를 사용하기 전에


안녕하세요. 고코더 입니다.

워드프레스란워드프레스란


워드프레스에 대한 문의가 많이 들어와 오늘부터 강의를 시작하려고 합니다.
강의에 앞서 함께 고민 해볼 필요가 있습니다.

워드프레스로(https://ko.wordpress.com/) 찍어내는 홈페이지가 가치가 있는가?

워맷 멜런웨그는 미국의 프로그래머 입니다.
오픈 소스 기반의 블로그형 소프트웨어인 워드프로세스를 만들었습니다.

86년 생의 잘생긴 이 청년은 세계에서 가장 영향력 있는 IT 인물로도 손 꼽히고 있습니다.
2014년 한국에 내한 했을때는 31살 뿐이 안되었네요.
현재 전세계에서 재택근무로 업무를 처리하는 오토매틱의 CEO이기도 합니다.
마크주커버그보다 도 2살이 어립니다. 



워드프레스는 PHP에서 다양하게 발전 중이었던 블로그형 웹사이트를
천하 통일 하였습니다. 전세계 30프로의 홈페이지가 이를 통해 개발되었다고 하는데
제 생각에는 더 높을거 같네요.
기존의 다양한 PHP 블로그 도구들은 완성도면에서 신뢰 하기 힘든게 사실입니다.
한국에도 많은 보드들이 탄생하고 사라진 것도 기술적 한계일 것입니다. 


하지만 워드 프레스는 달랐습니다. 시작과 동시에 전세계 사용자에게 사랑 받았고
신뢰할만한 시스템 확장 가능한 플로그인등이 우릴 사로 잡았습니다.

물런 워드프레스를 공격하는 악성 프로그램들이 발전하였지만
훌륭하게 이를 방어하고 있습니다.

결론은 워드프레스는 홈페이지를 만들기 좋은 하나의 "언어"라고 할 수 있습니다.

마우스로 홈페이지를 개발 할 수 있는 이 워드프레스를 과연 개발자가 알아야 할까?
라는 질문을 하게 됩니다. 

서버언어의 시대는 막이 내리고 있습니다 이미 Nodejs도 프론트엔드에서 모든걸 해결 하기 위해 나왔고
자바스크립트는 서버언어의 기본 뼈대만을 이용해 사이트를 개발 하고 있습니다.

워드프레스가 훌륭한 기본 뼈대를 제공하고 있고 이에 각 용도에 맞게 커스텀마이징을 
하면 최적의 시간으로 훌륭한 사이트를 제작 할 수 있습니다.


옛날처럼 게시판을 잘만드는 개발자가아니라 
게시판을 잘 이용하여 사이트를 구축하는 개발자의 시대입니다. 

모듈을 만들 줄 알아야 한다고 배워왔다면 
이젠 기존의 모듈을 이용해 활용해 재생산 할 줄도 알아야 하는 시대입니다.

그런 관점에서 워드프레스는 개발자도 공부하기 충분한 도구이며 언어라고 생각 됩니다.

이제 고코더와 함께 사이트를 함께 구축하면서 워드프레스가 바꿔 놓은 
홈페이지 제작의 시대를 경험해보시길 바랍니다.



마무리

 
그런데 전 마우스 개발이 더 어렵더라고요


댓글을 달아 주세요