워드프레스 서식 템플릿 TinyMCE Templates

 

워드스페스 서식 템플릿에 대해 소개하겠습니다. 티스토리에서는 글 편집기에서 서식을 지원해 주는 반면, 워드프레스에서는 서식을 적용하기 위해서는 서식 템플릿을 설치해야 합니다.

워드프레스에서 구글 애드센스 광고코드를 원활하게 추가하기 위해서 서식 기능을 사용하는 것을 필수가 되겠죠.

 

지금부터 워드프레스 유용한 플러그인 TinyMCE Templates 에 대해 소개해 보도록 하겠습니다.

 

1. TinyMCE Templates 플러그인 다운로드

워드프레스 관리창 플러그인 검색해서 TinyMCE Templates 검색이 잘 안 되는 편입니다. 그렇기 때문에 직접 URL 주소를 입력해서 플러그인 다운로드 사이트에 들어가 보겠습니다.

 

TinyMCE Templates 다운로드

*클릭 시 다운로드 페이지로 이동됩니다.

 

 

 

홈페이지에서 다운로드 버튼을 눌러주세요.

 

다운로드 버튼을 누르시면 압축파일 형태로 내컴퓨터 다운로드 폴더에 저장이 됩니다.

 

2. 워드프레스 관리자> 플러그인 새로 추가> 플로그인 업로드

다운로드한 압축파일을 직접 워드 프레스 관리자 창에서 업로드해줍니다.

 

 

압축파일을 드로그앤 드롭을 하셔도 되고, 파일 선택을 하셔서 추가하셔도 됩니다. 지금 설치 버튼이 뜨면 클릭해 주세요.

반드시 압축파일을 해제하지 않고, zip 파일 그대로를 업로드해주셔야 합니다.

 

 

플러그인을 설치하는 중이라는 문구 표시와 함께 1-2분 정도 시간이 소요됩니다. 설치가 완료되면 플러그인 활성화 버튼을 눌러주시면 됩니다. 만약, 1-2분이 지났음에도 설치하는 중이라는 문구가 바뀌지 않는다면 워드프레스 관리자창에서 설치한 플러그인 창으로 들어가 주시면 정상적으로 설치된 걸 보실 수 있습니다.

 

아래 화면과 같이 플러그인 설치화면에 서식 플러그인 설치가 완료되었다면, 활성화 버튼을 클릭해 줍니다.

 

 

3. 워드프레스 관리자> Templates> Add New 클릭

활성화 버튼을 완료하면 워드프레스 관리자 페이지 메뉴 하단에 Templates라는 메뉴가 새롭게 생성된 걸 확인하실 수 있습니다. 해당 메뉴의 Add New 버튼을 클릭하면 서식 추가 기능을 이용하실 수 있습니다.

 

4. 워드프레스 구글 애스센스 광고 서식 만들기

구글 애드센스 홈페이지에 접속 후, 광고 단위에서 코드를 복사한 뒤 워드프레스 Templates 서식 추가 창에서 [텍스트] 버튼을 클릭한 뒤 애드센스 광고 코드를 입력해 주고 [공개] 버튼을 눌러줍니다.

 

5. 워드프레스 글쓰기에 서식 불러오기

워드프레스 새로 글쓰기 버튼을 누르면, 이전에는 없던 Insert Templates라는 버튼이 생기신 걸 확인하실 수 있습니다. 해당 버튼을 클릭하면 내가 서식으로 지정해 놓은 목록을 선택할 수 있습니다.

 

Insert Template 버튼 클릭 후, 팝업 창으로 뜨는 서식 선택 창에서 내가 저장해 놓은 서식을 클릭해 주세요.

 

여기서 하나의 꿀팁을 드리자면, 실제로 글을 작성하실 때 광고를 넣고 싶으신 부분에 (광고)라고 적어 둔 뒤 해당 텍스트를 드래그하여 서식을 추가해 주는 것이 좋습니다.

 

 

 

(광고) 텍스트를 드래그하신 뒤 Insert Template 버튼을 눌러서 원하는 서식을 클릭합니다.

 

 

 

위 이미지처럼 동영상 재생버튼처럼 생긴 아이콘이 위, 아래 생긴다면 정상적으로 입력된 것입니다. 왼쪽 정렬로 되어 있는 게 기본이나, 혹시라도 저처럼 중앙 정렬을 하고 싶으신 분은 코드 시작과 끝에 <center> ~ </center>를 입력해 주시면 됩니다. 끝!