워드프레스 완벽입문 다시 도전하는 워드프레스

워드프레스 완벽입문 - 다시 도전하는 워드프레스

수년전에 구입하고 아직 제대로 읽어본적 없는 책

다시금 워드프레스를 시작하려고한다

워드프레스, 역시 IT 관련 책이기에 많이 바뀌었겠지만 본질은 바뀌지 않았을 것이다.

입문 책이기 때문에 기초 쌓기에는 괜찮은 책인것 같다.

지은이 - 김덕기

http://martian36.tistory.com

를 운영하고 있다. 티스토리 블로그가 저렇게 이뻤나? 할정도로 정말 잘 꾸며 놓았다. 즐겨찾기 해놓고 자주 방문해야겠다.

이런 기능이 있는 플러그인은 없을까? 하고 검색해보면 거의 다 있습니다.

요즘은 플러그인 형식으로 모듈과 같은 형식으로 사용한다.

워드프레스 창시자 - 매트 뮬렌베그 

https://wordpress.org/

CMS - Content Management System

그누 프로젝트 세가지 라이선스

GPL1,2,3

워드프레스는 GPL2버전에 해당

소스코드의 공개와 이를 이용한 변형까지 가능

웹 개발에서는 콘텐츠 영역을 프론트엔드, 관리 영역을 백엔드라고 한다.

WAMP 서버에 워드프레스 설치하기

나의 경우 linux 사용하기 떄문에 LAMP 설치

워드프레스 다운로드

https://wordpress.org/download/

이전에 돈주고 사놓은 테마가 어디있는지 한번 찾아봐야겠다.

한 세종류 사놨는데... 찾아야지

php 리눅스에서 설치하는 방법

https://www.linode.com/docs/websites/lamp/lamp-on-ubuntu-14-04

아주 쉽게 잘 나와있다.

설치후 해당 ip 로 접속하면 위와 같이 나타난다. 

grant all privileges on wordpress.* to worduser@localhost identified by '비밀번호';

자세한 내용 보려면

http://www.webmadang.net/database/database.do?action=read&boardid=4003&page=2&seq=7

설치 완료 하였다!

이제 워드프레스 즐기면 된다.

좀더 편하게 사용하기위해

http://www.kalcapt.net/blog/ubuntu-phpmyadmin-%EC%84%A4%EC%B9%98%ED%95%98%EA%B8%B0/

phpmyadmin 설치

워드프레스닷컴에서 무료 블로그 만들기

단점 : 디자인을 마음대로 바꿀 수 없고 정해진 스킨 사용 - 그렇지만 다양한 스킨 존재

무료 워드프레스 용량이 3GB, 글과 이미지만 올릴 수 있다.

다양한 테마

https://wordpress.org/themes

새로 테마를 다운받고 위 폴더에 설치해준다.

이렇게 새로운 테마를 등록할 수 있었다.

로컬호스트/wp-admin/themes.php

테마 선택의 중요성

내 블로그의 성격은 무엇인가

특정 주제를 선택해서 포스팅하게 된다.

블로그 테마에 맞는 디자인 선택 중요하다.

http://en.gravatar.com/

그라바타를 한번등록하면 다른 서버 환경에서 까지 같게 보인다.

블로그의 글을 초기 화면에 나오게 하려면

모든글 선택 - 빠른편집 - 이 글을 붙박이로 만듬 클릭

업로드 디렉터리 설정해줘야한다.

파일권한을 777이나 755로 설정

설정에서 고유주소 설정은 신중하게 정해야한다 한번 정하면 계속 유지, 검색엔진 등급에도 관계된다.

관리자 프로필은 검색엔진에 노출되므로 개인정보는 제거하고 신중하게 작성

사용자 레벨과 권한

구독자

후원자 - 파일 업로드, 자신의 포스트에 글쓰기, 편집, 관리 하지만 발행 불가능 - 관리자가 열람후 발행 여부 결정

글쓴이 - 후원자와 같다

편집자 - 글쓴이 + 댓글, 카테고리, 링크 관리, 페이지 편집, 다른 글쓴이의 포스트 편집

관리자 - 

최고 관리자 - 다중 사이트 블로그 사용시 활성화 

관리자 - 댓글 - 단축키 j, k - 위아래 이동

A : 승인

S: 스팸

D : 삭제

Z: 취소

U : 불승인

R : 댓글 밑에 응답창

Q : 빠른 편집창

X: 선택된 댓글의 체크박스 체크 다시 누르면 체크해제

j, K 키 눌러 이동하면서 X 키 눌러 체크박스 체크후 SHIFT+ A 누르면 댓글이 한번에 승인되어짐 shift는 일괄 작업에 해당하는 단축키

스팸 방지하기위해 워드프레스에서 제공하는 아키스밋 키 사용

플러그인 에서 활성화 하면된다.

고유주소 설정

날짜와이름, 월과 이름, 글 이름, 사용자 정의 구조중 하나 선택하는 것이 좋다

글이 오래된 경우 읽으려 하지 않을 수도 있어 표기법이 좋지 않다.

/%postname%/ 을 사용하면 도메인/글제목의 형태로 나타남

글제목만 있으면 작동 되지 않을 수도 있으므로

글 아이디나 연도를 추가로 입력

/%year%/%postname%/

/%post_id%/%postname%/

주소 정의시 중복 가능하나 postnmae, post_id 중하나는 반드시 마지막에 넣어야한다.

%year%

%monthnum%

%day%

%hour%

%minute%

%second%

%post_id%

%postname%

%category%

%author%

워드프레스는 기본적으로 글 아이디 사용  다른 고유주소 구조 사용시 아파치 서버에서 mod_rewrite 모듈 활성화 되어야 하며 워드프레스 설치 디렉터리에

.htaccess 파일이 들어 있어야 한다.

.htaccess 파일은 644권한으로 줘야한다.

페이지 관리 팁

순서의 수치를 10단위로 입력, 나중에 다른 페이지의 순서를 변경할 떄 편리

웹폰트 사이트에 링크를 걸어놓고 css로 인식하게하면 어느 컴퓨터에서 접속하든 내가 선언한 폰트로 보이게 할 수 있다.

웹폰트 관련사이트

http://api.mobilis.co.kr/webfonts/  

• 2016년 1월 31일 : 서비스 종료

나눔폰트 추가하려면 

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

블로그를 통해 어떤 콘텐츠를 생산할 것인가

가장 중요한 것은 글의 충실한 내용

자신이 전문적으로 잘 알지 못해도 관심있거나 취미로 하고 있는 일을 정리해서 블로그에 올리면 좋은 글이 된다.

글을 잘 쓰지 못해도 출판사에 보내면 모든 게 수정돼서 돌아온다.

트랙백 : 내 블로그에 글을 작성해서 타인의 블로그에 댓글을 다는 방법

가시성 - 비밀번호 보호 : 글 작성자의 사적인 글을 만들 수 있지만 비밀번호를 첨부해 뉴스레터의 url을 이메일로 보내면 일반에게는 공개하지 않고 이메일을 받은 사람만 볼 수 있다.

워드프레스 텍스트 편집기는 오픈소스인 tinyMCE 사용

<?php phpinfo() ?> 를 통해 포스팅 가능한 용량 들을 알 수 있다.

post_max_size    최대 포스트 용량

태그나 카테고리를 서로 변경 해주기

convert categories to Tags / convert tags to categories

특성이미지 (대표이미지) 설정

content.php 파일

<div class="entry-content"> 

<?php the_post_thumbnail( 'thumbnail'); ?>

특성이미지 사용하겠다는 명령어

워드프레스 php 명령어는 https://codex.wordpress.org/

여기에서 볼 수 있다.

<?php bloginfo('name'); ?>  

<?php content();?> 이와 같은 것을 템플릿 태그라고 한다

미디어 쿼리 : 여러개의 스타일시트 사용 크기에 따라 변환

-ms-

-webkit-

-o-

-moz- 이러한 prefix 는 W3C의 최종 승인을 거치진 않았지만 사용할 수 있게 해준다.

http://caniuse.com/

<progress> 작업 진행내역을 애니메이션 그래픽으로 표시

<wbr> 단어가 긴 경우 줄이 바귈 때 단어가 끊어질 수 있게한다

또한 이 책에는

구글 애드센스에 관련된 내용도 있다

.content-widget {

display:none

}

화면 폭이 1200 이상만 나타나게하기

@media (min-width: 1200px) {

.span4 { width : 328px ; }

.content-widget { display:block; }

}

탬플릿 태그 나와있는 곳 

http://codex.wordpress.org/Template_tags