미디어 라이브러리


왼쪽 메뉴에서 미디어를 클릭합니다.



미디어 메뉴를 클릭하면 오른쪽에 미디어 라이브러리 화면이 나타납니다. 이곳에서 웹사이트의 이미지와 동영상, 오디오 및 첨부화일을 업로드하고 관리할 수 있습니다.



왼쪽에 라이브러리와 파일 올리기 라는 미디어의 서브 메뉴 두 개가 나타납니다. 라이브러리는 기존에 업로드된 미디어 화일을 선택해서 사용하는 것이고, 파일 올리기는 로컬PC에 있는 미디어 화일을 워드프레스로 올리는 기능을 합니다.



워드프레스의 장점 중 하나는 동일한 이미지나 동영상 화일 등 미디어 관련 화일들을 중복해서 업로드하지 않고 한 곳에서 관리할 수 있습니다. 네이버 블로그의 경우에는 동일한 한 개의 이미지를 여러 개의 포스팅에 추가하려면 매번 각각의 글마다 동일한 이미지를 첨부해야 합니다.

이렇게 각각의 글마다 이미지를 첨부하면 동일한 이미지인데도 로컬PC에서 서버로 중복해서 업로딩하기 때문에 비효율적입니다. 그렇지만 워드프레스는 미디어 라이브러리가 일종의 링크 기능을 제공하기 때문에 동일한 이미지를 중복해서 업로드하지 않고 미디어 라이브러리 안에서 통합 관리가 가능합니다.

해당 미디어를 관리하기 위해서는 가운데 미디어 이미지를 클릭하면 이미지 상세화면으로 넘어갑니다.



이미지를 클릭합니다.




이미지 상세화면이 나타납니다. 이 화일은 이미지 화일이기 때문에 이미지에 대한 옵션 정보가 함께 나타납니다.
이곳에서 이미지에 대한 상세 정보 및 속성을 수정할 수 있습니다.




오른쪽에 해당 이미지에 대한 URL 정보가 보입니다. 이미지 URL만 있으면, 어디에서든 중복해서 이미지를 업로드하지 않고 이미지를 사용자에게 보여줄 수 있습니다.

이미지 정보는 최대한 정성껏 입력해야 합니다. 특히 대체 텍스트는 검색엔진의 노출에도 영향을 미치므로 해당 이미지를 잘 설명하는 내용으로 충실히 입력해야 합니다. 적어도 제목과 캡션, 대체 텍스트는 꼭 입력하는 것이 좋습니다.



제목 : 이미지에 대한 제목으로 기본적으로 이미지 화일명이 들어간다. 미디어 라이브러리에서 보이는 제목이다.
캡션 : 이미지 아래에 표시되는 설명이다.
대체 텍스트 : 대체 텍스트 단어는 검색엔진에 노출되어서 내 이미지와 포스팅이 검색되는데 영향을 미친다.
설명 : 이미지에 대한 구체적인 설명, 미디어 라이브러리에서 설명부분에 표시되는 내용이다.

충실한 기입을 위해서 다음과 같이 이미지 정보를 수정합니다. 




간단한 이미지 편집 기능


미디어 라이브러리 화면에서 간단한 이미지 편집도 가능합니다. 왼쪽 가운데 있는 이미지 편집 버튼을 클릭하면 기능을 사용할 수 있습니다. 이미지 편집 버튼을 클릭합니다.



이미지 편집 화면이 나타납니다. 


간단한 이미지 도구가 보입니다. 간단하게 이미지 사이즈나 크기의 변경이 가능하고, 이미지를 자르거나 이미지를 회전하는 기능, 이미지를 좌우 상하로 반전하는 기능도 가능합니다.



이미지 자르기


이미지를 자르기 위해서는 마우스를 이미지 위에 올려놓고 마우스를 클릭해서 드래그하면 자르기 옵션이 활성화 됩니다.




이미지에 마우스를 가져다 대고 드래그 합니다.



파일올리기


왼쪽 메뉴에서 파일올리기를 클릭하면 이미지 화일이나 각종 미디어 화일을 첨부할 수 있는 화면이 나옵니다. 파일을 선택해서 이미지를 첨부하면 됩니다.



'워드프레스 > 워드프레스 관리자화면' 카테고리의 다른 글

댓글 메뉴, 다른 사람이 작성한 글을 검토하자  (0) 2015.10.23
페이지 메뉴, 글 포스트와의 차이점을 이해하면 된다  (0) 2015.10.23
워드프레스 글쓰기 기능을 알아보자  (1) 2015.10.22
알림판 메뉴 알아보기  (0) 2015.10.21
관리자 화면 구조 파악하고 기본 테마 바꿔보기  (0) 2015.10.21

글쓰기 메뉴


워드프레스에서 본격적인 글쓰기를 하기위해서 사용하는 것이 글쓰기 메뉴입니다. 왼쪽 메뉴바에서 글 부분에 마우스를 가져다 댑니다.



마우스를 가져다 대면 글에 대한 서브 메뉴가 나오는 것을 확인할 수 있습니다.



왼쪽 메뉴에 글 부분에 마우스를 가져다 대지 않고, 바로 글 부분을 클릭하면 오른쪽 화면은 글의 목록이 나타나고, 왼쪽 메뉴는 글에 대한 서브 메뉴가 나타납니다.



왼쪽의 글 메뉴 아래에는 모든 글, 새 글 쓰기, 카데고리, 태그 이렇게 네 개의 서브메뉴가 존재합니다.



모든 글


먼저 서브 메뉴 중에서 모든 글을 클릭합니다.



모든 글을 클릭할 때 나타나는 화면입니다. 이 화면은 왼쪽 메뉴에서 글을 클릭했을 때 나타나는 화면과 동일합니다. 사이트의 모든 글을 관리하는 화면입니다.


서브 메뉴의 모든 글을 클릭하면 글의 목록이 나타나고, 해당 글에 대한 편집과 삭제 및 일괄 처리가 가능합니다. 그리고 글의 중요한 상태 정보인 글의 발행여부를 확인할 수 있습니다. 내가 작성한 글은 발행이라는 과정을 거쳐야지만 다른 사람들에게 보여지는 글로 바뀝니다. 즉, 발행이라는 과정을 거쳐야 나의 글이 인터넷의 바다에 나아가는 것입니다.(단, 호스팅 서비스를 받아야 가능합니다. 지금은 워드프레스를 로컬PC에 설치하고 작업하고 있기 때문에 다른 사람에게 보여지지 않습니다.)



글 목록 화면에서는 일괄작업 콤보 박스가 있습니다. 일괄작업 콤보 박스를 클릭하면 아래와 같이 일괄작업을 할 수 있는 목록이 나타납니다.
편집, 휴지통으로 이동의 작업을 일괄로 작업할 수 있습니다.



일괄작업 적용 방법 : 원하는 작업을 할 글을 체크박스에서 선택하고 일괄작업을 편집이나 휴지통으로 이동으로 선택한 뒤에 적용 버튼을 클릭하면 됩니다.

모든 날짜, 모든 카데고리 필더 : 날짜나 카데고리로 필터를 걸어서 원하는 조건으로 글을 조회하는 기능입니다. 지금은 글이 없어서 조회할 필요를 느끼지 못하지만 글이 100개만 넘어가도 필터 기능이 없으면 무척 불편합니다.




새 글 쓰기



서브 메뉴 중에서 새 글 쓰기를 클릭하면 글을 작성하는 편집기 화면으로 이동하게 됩니다.
새 글 쓰기는 위에서 처럼 화면 왼쪽 메뉴에서 클릭을 해도 되고 글목록이 나오는 오른쪽 화면에서 새 글 쓰기 버튼을 클릭해도 됩니다.



새 글 쓰기 버튼을 클릭합니다. 새 글 쓰기 를 클릭하면, 일반적인 HTML 편집기와 유사한 글을 작성하기 위한 화면이 나옵니다. 



워드프레스에서 글을 쓰는 화면은 다음과 같이 구성되어 있습니다.

실제 글을 입력하는 제목 입력 부분, 본문 입력부분이 있고,
글에 대한 옵션을 정의하는 공개 범위 선택, 글 형식 세팅, 카데고리, 태그 선택 부분이 있습니다.

먼저 글을 작성하고 글에 대한 옵션을 지정하도록 하겠습니다.



제목 란에 제목을 워드프레스란 무엇일까요? 와 같이 작성하고 본문 란에 내용을 다음과 같이 간략히 작성합니다.



간략한 본문 작성이 완료되었습니다. 이제는 이미지를 첨부해보겠습니다. 이미지 첨부는 미디어 추가 버튼을 통해서 할 수 있습니다. 미디어추가 버튼을 클릭합니다.


포스팅에 업로할 이미지를 드래그하거나 '파일을 선택하세요' 버튼을 클릭합니다.



미디어 라이브러리 탭에 선택한 이미지 화일이 나타납니다. 


첨부되는 이미지의 크기는 디폴트로 보통으로 선택됩니다. 원본크기로 업로드 하려면 전체 크기를 선택하면 됩니다.
설정이 완료되면 화면 우측 하단의 '글에 삽입하기' 버튼을 클릭합니다.




본문에 선택한 이미지가 추가된 것을 볼 수 있습니다.



글쓰기 집중 모드란?


 오른쪽에 글쓰기 집중모드라는 기능이 있습니다. 글쓰기 집중모드 부분을 클릭하겠습니다.





글쓰기 집중 모드를 클릭하면 그림과 같이 글쓰는 것외에는 모든 옵션이 사라집니다. 글쓰는 집중력을 높이기 위한 기능입니다.



공개하기 옵션


글의 작성이 완료되면 공개하기 옵션을 선택해야합니다. 아직 미완성이거나 공개하지 않을 때에는 임시 글로 저장하기 버튼을 클릭하면 됩니다.



미리보기는 글을 공개하기 전에 사전에 어떻게 보여지는지를 확인하는 기능이고, 임시 글로 저장하기 버튼은 저장은 되나 공개는 되지 않는 기능입니다.

워드프레스는 공개하기 버튼을 클릭해야 다른 사람이 볼 수 있는 글로 인터넷상에 퍼블리싱 됩니다. 따라서 글을 포스팅하다가 아직 미완성 중이라면 공개하기 버튼을 클릭하지 않는 것이 좋습니다. 미완성된 글에 공개하기 버튼을 클릭하면 완성되지 않은 글이 다른 사람에게 보여지기 때문입니다. 미완성된 글을 실수로 공개해버리면 구글의 검색엔진은 그 글을 완성된 글이라 판단하고서 해당 글의 완성도 점수를 줄 것입니다. 그렇다면 완성되지 않은 글이기 때문에 그 글에 대한 구글의 최적화 지수는 낮아질 것이고, 전반적으로 자신의 사이트에 좋지 않은 영향을 미치게 됩니다. 그래서 꼭 공개하기 버튼은 글의 모든 작성이 완전히 완료된 뒤에 클릭해야합니다.



글 형식 옵션


글형식 옵션은 기본은 표준으로 세팅되어 있습니다. 이미지나 비디오 위주의 포스팅을 한다면 글 형식을 이미지나 비디오로 변경해서 사용하면 됩니다.



카데고리 옵션


아직까지 카데고리를 등록하지는 않았습니다. 카데고리를 등록하고 해당글을 어떤 카데고리에 속할 지를 결정할 수 있습니다. 추후에 서브 메뉴에 있는 카데고리 기능을 설명하면서 카데고리의 등록과 구성을 어떻게 하는지 알아보도록 하겠습니다.




태그 옵션


태그는 작성한 글에 대한 일종의 요약 정보라 할 수 있습니다. 포스팅을 끝낸 뒤 해당 글을 가장 잘 표현할 수 있는 태그를 달아놓으면 글을 찾거나 관리하는데 무척 유용합니다. 사용자 입장이나 검색엔진 입장에서도 태그는 해당 글을 판별하는 중요한 정보가 됩니다.

입력 필드에 신규 태그를 입력하고 추가하기 버튼을 클릭하면 태그가 생성이 됩니다.




특성이미지 옵션


특성이미지는 하나의 포스팅 글에 여러개의 이미지를 포함하고 있을 때, 여러개의 이미지 중에서 대표해서 보여줄 이미지를 이야기 합니다.
특성 이밎 설정을 클릭해서 이미지를 첨부하거나 선택하면 됩니다.




공개하기 버튼


모든 설정이 끝나면 '공개하기' 버튼을 클릭해서 글의 내용을 포스팅합니다. 공개하기 버튼을 클릭합니다.


공개하기가 완료되면 '글이 발행되었습니다.'라는 메시지가 상단에 나타납니다.



또한 글이 발행되고 나면, 공개하기 옵션에서 공개하기 버튼은 업데이트 버튼으로 변경된 것을 확인 할 수 있습니다.





'워드프레스 > 워드프레스 관리자화면' 카테고리의 다른 글

페이지 메뉴, 글 포스트와의 차이점을 이해하면 된다  (0) 2015.10.23
미디어 메뉴는 어떻게 사용하나?  (0) 2015.10.22
알림판 메뉴 알아보기  (0) 2015.10.21
관리자 화면 구조 파악하고 기본 테마 바꿔보기  (0) 2015.10.21
블로그에 첫번째 콘텐츠 작성하기  (2) 2015.10.14
알림판 메뉴

워드프레스를 설치하고 관리자 계정으로 로그인하면 처음 나타나는 화면이 알림판 화면입니다. 왼쪽에 알림판 메뉴를 클릭해도 아래와 같은 알림판 화면이 나타납니다. 알림판은 대시보드(Dashboard)라고 생각하면 더 이해하기 쉬울수도 있습니다. 대시보드는 모든 현황을 한 분에 볼 수 있는 워드프레스의 상황실입니다. 자동차 계기판이 자동차의 전체적인 상황을 보는 곳이라 생각하면 알림판은 워드프레스의 전체적인 현황을 보는 워드프레스 계기판인 것입니다.



알림판, 외모 등의 용어가 아직은 익숙하지 않습니다. 그렇지만, 계속해서 꾸준히 워드프레스를 사용하다가 보면 국제적인 시각에서 만들어진 대표적인 CMS(Content Management System)인 워드프레스의 구조와 개념에 자연스럽게 익숙해질 것입니다. 세계에서 가장 많이 사용하는 CMS 솔루션을 시간을 내서 공부하는 것은 절대 손해보는 일은 아닙니다. 현재까지는 국내에서는 네이버 블로그가 블로그 플랫폼 시장에서는 1위를 달리고 있지만 언제까지 국내 1위 일지는 아무도 장담할 수 없는 일입니다.

알림판 화면 구성하기

오른쪽 상단에 화면옵션이라는 메뉴를 클릭하면, 알림판 화면의 구성을 재배치하거나 조정할 수 있습니다. 
화면 옵션을 클릭합니다.



화면 옵션을 클릭하면 화면에 보여주기라는 설정 화면이 나타납니다. 화면에 보여주고자 하는 부분을 체크하거나 해제할 수 있습니다. 체크하거나 해제함으로써 화면 구성이 변경되는 것을 확인 할 수 있습니다.




아래와 같이 화면에 보여주기에서 빠른 임시글과 워드프레스 뉴스의 체크박스를 해제합니다.



다음과 같이 체크 해제된 부분이 알림판 화면에서 사라진 것을 확인할 수 있습니다. 



알림판 화면 재배치하기

알림판의 각 항목을 재배치 하는 방법은 간단합니다. 만약 아래 사이트 현황 부분을 오른쪽 빈 점선 부분으로 옮겨 놓으려고 한다면, 사이트 현황 박스의 상단 제목바 부분에 마우스를 가져다 댑니다. 그러면 마우스 커서가 십자 모양으로 변경이 됩니다.



마우스 커서가 십자 모양으로 변경된 상태에서 마우스로 드래스해서 옮겨 놓으면 됩니다.



사이트 현황 제목바 부분을 클릭해서 오른쪽 빈 점선 부분으로 드래그 합니다.
반드시 점선 부분에 옮겨 놓지 않아도 됩니다. 점선이 아니더라도 드래그해서 이동할 곳으로 옮기면 옯겨집니다. 직접 드래그 해보면 옮겨지는 곳과 그렇지 않은 곳을 알게 됩니다.



사이트 현황이 오른쪽으로 이동된 것을 확인할 수 있습니다. 
화면 배치를 마우스 드래그를 통해서 간단하게 작업 하였습니다. 워드프레스는 이렇게 드래그를 이용해서 작업하거나 관리하는 부분이 많이 있습니다. 메뉴나 플러그인등에서도 드래그를 이용한 작업이 많이 있어서 워드프레스는 관리자가 CMS를 관리하고 사용하기에 무척 편리하게 제작되어 있습니다.





'워드프레스 > 워드프레스 관리자화면' 카테고리의 다른 글

페이지 메뉴, 글 포스트와의 차이점을 이해하면 된다  (0) 2015.10.23
미디어 메뉴는 어떻게 사용하나?  (0) 2015.10.22
워드프레스 글쓰기 기능을 알아보자  (1) 2015.10.22
관리자 화면 구조 파악하고 기본 테마 바꿔보기  (0) 2015.10.21
블로그에 첫번째 콘텐츠 작성하기  (2) 2015.10.14
관리자 화면 구조 파악하고 테마 바꿔보기

지난 시간에 로컬 컴퓨터에 오토셋과 워드프레스를 모두 설치 및 설정을 완료하였습니다. 
워드프레스 설치가 완료되고 나면, 웹브라우저인 크롬이나 익스플로러에 http://localhost/wordpress 입력함으로 자신이 설치한 워드프레스 사이트에 접속할 수 있습니다.

웹브라우저를 열고 http://localhost/wordpress로 접속합니다. 화면에 다음과 같은 화면이 나타납니다.
이 화면은 워드프레스 4.2.2. 버전 설치시 기본으로 적용되어 있는 Twenty Fifteen 테마가 적용된 화면입니다.

Twenty Fiftteen 테마 적용 화면)



위의 그림에 나타난 워드프레스 사이트는 자신의 로컬PC에 설치한 것으로 아직까지 인터넷 상에서 다른 사람들이 볼 수는 없습니다. 웹호스팅 서비스하는 서버에 워드프레스를 별도로 설치하거나 자신의 로컬PC에 있는 워드프레스 화일들을 FTP를 사용해서 웹호스팅 서버에 파일을 업로드하고 호스팅을 위한 설정을 완료한 뒤에 다른 사람들에게도 보여지는 것입니다.

워드프레스 4.2.2 Powell 버전 설치시 기본 테마는 Twenty Fifteen 입니다.



Twenty Fifteen 테마는 홈페이지 느낌보다는 블로그 느낌이 강한 테마입니다. 이 테마는 워드프레스 4.1 버전이후에 탑재되었습니다.
여기서는 블로그보다 웹사이트 느낌이 있는 워드프레스 3.8 버전이후에 탑재된 Twenty Fourteen 테마를 사용하겠습니다.



테마를 변경하기 위해서는 워드프레스 관리자 화면에 로그인 해야합니다.
워드프레스 관리자 화면은 웹브라우저 주소창에 http://localhost/wordpress/wp-admin URL로 접속할 수 있습니다.
접속 경로 중에 wp-admin 부분이 있는데 이 부분은 향후 워드프레스 보안을 위해서 다른 이름으로 변경하는 것이 좋습니다.
변경 방법은 차후 보안 관련 포스팅에서 설명하도록 하겠습니다.

웹브라우저에서 http://localhost/wordpress/wp-admin 로 접속합니다. 로그인 할 수 있는 화면이 나옵니다.




워드프레스 설치 시 자신이 설정했던 사용자명과 비밀번호를 입력합니다. 입력이 완료된 뒤 로그인 버튼을 클릭합니다.




관리자 화면 구조 파악하기

워드프레스 관리자 화면입니다. 관리자 화면에서는 워드프레스 사이트를 자신의 원하는데로 변경하고 설정할 수 있는 모든 기능을 가지고 있습니다. 관리자 화면은 크게 세 가지 부분으로 나누어집니다. 첫번째, 관리자 메뉴 부분. 두번째, 알림판 사이트 현황 부분. 세번째, 자주 사용하는 기능을 모아 두는 상단 툴바 부분입니다.



1번 영역 : 관리자 메뉴
2번 영역 : 알림판 사이트 현황
3번 영역 : 자주 사용하는 기능을 모아 놓은 상단 툴바



대부분 우리나라 사람들은 티스토리나 네이버 블로그에 익숙해져 있습니다.
티스토리나 네이버 블로그에 익숙한 유저에게 워드프레스 관리자 화면은 어렵게 느껴지기 마련입니다.
워드프레스 관리자 화면에 처음 접할 때 어렵다고 느껴지는 이유는 화면 구조가 생소하고 익숙하지 않은 용어 때문입니다. 그렇지만 자주 접하면 워드프레스 화면과 용어도 금세 자기 것처럼 익숙해지게 됩니다. 


관리자 화면에서 사용자 화면으로 전환하기

관리자 화면에서 사용자 화면으로의 이동은 상단 툴바를 사용하면 간단히 화면 전환이 가능합니다.
워드프레스 화면의 왼쪽 상단에서 자신의 사이트이름에 마우스를 가져다 되면, 사이트보기라는 메뉴가 아래로 펼쳐지고 사이트보기를 클릭하면 사용자 화면으로 전환하게 됩니다.
마우스를 자신의 사이트이름 위에 가져다 댑니다.



그러면 아래 화면과 같이 사이트 보기라는 메뉴가 보입니다. 사이트보기를 클릭합니다.





사이트보기를 클릭하면, 다음과 같이 웹사이트가 나옵니다. 다시 관리자 화면으로 되돌아 가려면 왼쪽 상단의 웹사이트명을 클릭하면 됩니다. 웹사이트 명을 클릭합니다.





기본 테마 변경하기

다시 관리자 화면으로 돌아왔습니다. 이제는 블로그 느낌이 많이나는 Twenty Fifteen 테마 대신에 조금더 일반 웹사이트 느낌에 가까운 Twenty Fourteen 테마로 기본 테마를 변경 하겠습니다.



왼쪽 관리자 메뉴에서 외모 부분에 마우스를 올려놓습니다. 다음과 같이 오른쪽 방향으로 외모에 대한 세부메뉴가 펼쳐지는 것을 볼 수 있습니다. 



테마 부분을 마우스로 클릭합니다.




테마를 관리하는 화면이 나타납니다. 오른쪽에는 설치된 테마가 어떤 것들이 있는지 나타납니다. 아직까지 우리에게 테마라는 용어가 익숙하지 않을 수 있습니다. 테마는 영어 Theme 으로 우리가 이해하기 쉽게 표현하자면 스킨이라고 보아도 무방합니다. 현재 적용된 테마는 맨 왼쪽 상단에 위치하게 되며, 활성화 라고 표시가 되어있습니다. 활성화 되어있는 테마가 현재 웹사이트에 적용된 테마입니다.



현재는 기본 테마인 Twenty Fifteen 테마가 적용되어있습니다. 테마를 변경하는 것은 간단합니다. 원하는 테마를 클릭하고 활성화 버튼을 클릭하면 모든 작업이 끝납니다. 세부적이 설정부분도 있지만, 그 부분은 상세 설명시에 다루도록 하겠습니다.

가운데 Twenty Fourteen 테마 부분에 마우스를 가져다 댑니다.



Twenty Fourteen 부분에 마우스를 가져다 대면 다음과 같이 화면이 변경됩니다. 여기서 활성화 버튼을 클릭하면 바로 테마가 변경됩니다. 활성화 버튼을 클릭합니다.




두 번째에 있던 Twenty Fourteen 테마가 첫 번째로 오면서 활성화 되었음을 확인할 수 있습니다. 




그럼 왼쪽 상단에 사이트보기를 클릭해서 웹사이트 화면으로 이동하겠습니다. 사이트 보기를 클릭합니다.




웹사이트 화면이 변경되었습니다. 일반적으로 워드프레스에서 글을 쓰고 작업을 할 때, 워드프레스 관리자화면과 웹사이트 화면을 자주 왔다갔다 해야합니다. 포스팅을 위한 글을 쓰거나 테마나 플러그인을 설치해도 변경되고 적용된 결과는 웹사이트 화면을 통해서 확인이 가능하기 때문입니다.




관리자 화면과 웹사이트 화면 편리하게 사용하기

관리자 화면에서 왼쪽 상단에 사이트보기를 눌러서 화면을 전환하게 되면 지금 보고 있는 화면이 사라집니다. 관리자 화면이 사용자 화면으로 전환되면서 관리자 화면이 사라지게 되는 것입니다. 이러면 관리자 화면에서 작업을 계속할 때 필요할 때마다 관리자 화면을 웹브라우저에서 열어야 되므로 불편합니다. 이때는 아래 세 가지 방법을 사용하는 것이 편리합니다.

첫 번째 방법, 새 탭으로 열어서 작업하기

왼쪽 상단 사이트명에 마우르를 가져다대고 마우스 오른쪽 버튼을 클릭하면 다음과 같은 화면이 나옵니다. 여기서 '새 탭에서 링크 열기'를 클릭하면 됩니다. 새 탭에서 링크 열기를 클릭합니다.




다음과 같이 새 탭이 열릴 것이고, Ctrl + Tab을 눌러서 화면 전환을 하면서 사용하면 됩니다.





두번째 방법, 새 창으로 열어서 작업하기

이번에는 새 창으로 링크 열기를 클릭합니다. 이때는 별도의 새창이 열립니다. 새창이 열렸으므로 작업시에는 Alt + Tab 키를 단축키로 사용해서 화면 전환을 하면서 사용하면 편리합니다.




세번째 방법, Ctrl 키를 클릭해서 새 Tab을 띄우는 방법

저의 경우 이 방법이 가장 편리해서 자주 사용합니다. 키보드에서 Ctrl 키를 누른 상태에서 마우스로 자신의 사이트이름을 클릭하는 것입니다. Ctrl 키를 누른 상태에서 사이트이름을 클릭합니다. 오른쪽에 관리자 화면 탭이 생성된 것을 확인할 수 있습니다.


Ctrl 키를 누른 상태에서 사이트명을 누르면 사용자 화면은 관리자 화면을, 관리자 화면은 사용자 화면을 새 탭을 열어서 띄우게 됩니다. 토글 기능처럼 간편하게 사용할 수 있습니다.


'워드프레스 > 워드프레스 관리자화면' 카테고리의 다른 글

페이지 메뉴, 글 포스트와의 차이점을 이해하면 된다  (0) 2015.10.23
미디어 메뉴는 어떻게 사용하나?  (0) 2015.10.22
워드프레스 글쓰기 기능을 알아보자  (1) 2015.10.22
알림판 메뉴 알아보기  (0) 2015.10.21
블로그에 첫번째 콘텐츠 작성하기  (2) 2015.10.14
카페24로 웹호스팅 서비스 신청하기

지난 시간에 닷홈에서 도메인 신청을 하였습니다. 도메인 신청이 완료되었기 때문에 www.shuman.kr 이라는 도메인을 만들었습니다. (신청한 도메인명은 개개인별로 틀릴 것입니다.)

도메인 신청 관련 포스팅)

도메인 신청을 완료하였기 때문에 이제는 호스팅 서비스를 받아야 합니다.
도메인 신청은 닷홈에서 진행하였지만, 웹호스팅 서비스는 카페24에서 받으려고 합니다.



개인적으로 유료 호스팅을 받을 때 카페24를 선택한 이유는 국민 호스팅이라고 선전 할 정도로 개인들이나 중소상인이 많이 사용하기 때문입니다. 가비아나 후이즈의 경우는 기업호스팅에 인지도가 높은 반면에 카페24는 개인쪽에서 영향력을 높은 편입니다. 업체마다 장단점이 있으니 꼼꼼히 비교해보고 선택하는 것도 좋은 방법입니다.

     


참고) 유료가 아닌 무료 호스팅을 받으려면 닷홈의 무료호스팅 서비스 신청을 하면 됩니다.

닷홈의 경우 개인당 3계정을 무료호스팅 받을 수 있습니다.
무료 호스팅은 아래 URL로 접속하면 신청 할 수 있습니다.



그럼, 카페24를 통해서 웹호스팅을 신청하는 방법을 상세히 알아보도록 하겠습니다.
먼저 카페24 사이트(http://www.cafe24.com/)에 접속합니다.



카페24에 회원가입을 진행하고, 로그인을 진행합니다. 


로그인이 완료되면, 화면 중앙에 있는 호스팅 안내 이미지(아래 이미지)를 클릭합니다.



카페24에서 서비스하는 웹호스팅 상품이 나타납니다. 저의 경우 일반형으로 신청하겠습니다.
일반형은 하드용량이 900M로 나와 있습니다. 그렇지만 자세히 보면 전체 하드용량은 900M이지만 워드프레스를 설치하고 이미지와 멀티미디어나 첨부화일들을 첨부할 수 있는 공간은 웹 부분으로 500M가 할당되어 있는 것을 볼 수 있습니다.

일반형의 경우에는 200M의 CDN 용량을 제공합니다. CDN 용량은 향후 이미지 호스팅으로 활용하면 됩니다. 호스팅 신청할 때 디폴트로는 CDN 사용이 디저블 되어있기 때문에 향후에 CDN 신청을 하면 200M를 추가로 사용할 수 있습니다.

처음 시작하는 분들은 절약형으로 사용해도 무방합니다. 절약형으로 사용하다가 용량이 부족하면 용량 증설 신청을 해서 사용하면 됩니다.



일반형 하단의 신청하기 버튼을 클릭합니다.



회원 정보를 등록하는 화면이 나타납니다. 카페24는 기본적으로는 로그인한 ID가 기본 ID가 됩니다. 그렇지만 호스팅 서비스를 여러개 신청하면 서비스에 대한 아이디가 있어야 합니다.
카페24 안에서 아이디별로 호스팅 서비스를 구별하는 것입니다. 회원 정보 항목에서 신청 아이디와 비밀번호 연락처등을 입력합니다.



관리자 정보는 회원정보와 동일하게 체크합니다. 복수 관리자가 관리하고자 할 때는 관리할 사람의 정보를 입력합니다. 
중요한 것은 아래 표시된 적색 박스 안의 FTP, Telnet, DB 비밀번호를 잘 기억해두어야 합니다. 로그인 비밀번호와 별도로 설정되기 때문입니다.



관리자 정보를 모두 입력하고 이용약관에 동의 체크를 한 뒤에 다음 버튼을 클릭합니다.



일반형의 경우에는 월 사용료가 1,100 원이고, 설치비는 11,000원입니다.



기간 콤보박스를 클릭하면, 신청 기간에 따라서 할인폭이 큰 것을 알 수 있습니다. 1년 신청을 하면 10%가 할인됩니다.



서버 환경 설정에서 프로그램 자동 설치 체크박스에 체크합니다. 체크박스에 체크하면 프로그램과 설치 경로를 선택하는 콤보박스가 나타납니다. 워드프레스를 설치할 것이기 때문에 프로그램에는 워드프레스를 선택하고, 설치 경로는 www를 선택합니다.




카페24에서는 글로벌 IT라는 워드프레스 테마를 무료로 제공합니다. 테마는 향후에도 수정 및 삭제가 가능함으로 추가 테마에 글로벌 IT를 선택합니다. 스팸 기능은 사용으로 선택합니다.


도메인을 선택하는 부분입니다. 기본적으로는 카페24의 무료 도메인이 선택되어 있습니다.
무료 도메인의 주소는 shuman.cafe24.com 으로 되어있습니다. 닷홈에서 도메인을 구입하였기 때문에 보유 도메인 부분의 라디오버튼을 클릭합니다.



도메인 입력란에 shuman.kr 을 입력합니다. 그리고 중요한 것은 도메인을 등록한 닷홈에 가서 카페24 네임서버 주소로 변경을 해주어야 합니다.




카페24 네임서버 주소는 다음과 같습니다.



이제 마지막으로 신용카드나 기타 결제방식에 따라서 결제를 완료하면 됩니다.
결제를 진행합니다.


결제가 완료되면 다음과 같은 화면이 나옵니다. 나의 서비스관리로 이동 버튼을 클릭합니다.


나의 서비스 관리화면에 들어오면 10G 광아우토반 FullSSD 일반형 서비스가 제대로 등록된 것을 확인할 수 있습니다.




닷홈 도메인 네임서버 변경하기

아직 닷홈에 카페24의 네임서버를 등록하지 않았기 때문에 www.shuman.kr 웹사이트가 접속이 되지는 않을 것입니다.
인터넷 브라우저 창을 열고 해당 주소로 접속해 보겠습니다. 예상대로 접속이 되지 않습니다. 이제는 닷홈에서 네임서버를 등록할 차례입니다.



닷홈 사이트(http://www.dothome.co.kr/)에 접속합니다. 오른쪽 상단 메뉴의 마이닷홈에서 도메인관리 메뉴를 클릭합니다.



왼쪽 메뉴에서 네임서버/네임호스트 관리 메뉴를 클릭합니다.



네임서버를 변경할 수 있는 화면이 나옵니다. 맨 아래 라디오 버튼을 선택하고 아래 네임서버 변경 버튼을 클릭합니다.





현재 디폴트로 닷홈의 네임서버가 등록되어 있습니다. 이제 이곳에 카페24의 네임서버를 등록하면 됩니다.





카페24의 네임서버는 카페24 홈페이지(http://www.cafe24.com/) 왼쪽 하단에도 바로 나와 있습니다.
이제 아래 주소를 닷홈에 입력하면 됩니다.



카페24 네임서버와 네임서버 IP를 모두 입력한 뒤에 네임서버 변경 버튼을 클릭합니다.




다음과 같이 수정이 완료되었습니다. 메시지가 출력되면 변경이 완료된 것입니다.





네임서버는 변경되었다고 바로 적용되어 사이트가 웹브라우저에서 URL로 접속되는 것은 아닙니다. 저의 경우에는 4-5시간 정도뒤에는 적용이 되었으나, DNS에 고착되기 까지는 24시간 정도가 걸릴 수도 있습니다. 24시간에서 48시간이 지나도 해당 도메인으로 접속이 되지 않으면 서비스에 오류가 있을 수 있으니 고객센터에 문의해야 합니다.

아래 카페24와 닷홈의 안내문을 참고바랍니다.

카페24의 도메인연결 네임서버 관련 안내)



닷홈의 네임서버 관련 안내)








'워드프레스 > 도메인과 호스팅' 카테고리의 다른 글

아이비호스팅 가입 및 호스팅 신청하기  (2) 2016.02.25
가성비 웹호스팅 추천 아이비호스팅, 업체별 비교하기  (1) 2016.02.24
닷홈에서 도메인 등록하기  (0) 2015.10.16
도메인 신청은 가격 비교하고 결정하자  (1) 2015.10.16
나만의 도메인 등록하는 방법  (0) 2015.10.15
홈페이지나 웹사이트 구축에 있어서 워드프레스 적용을 고민하는 분들을 위해서 워드프레스 장점 두 가지를 정리해보았습니다.

첫째, 워드프레스는 최신 기술 적용이 용이한 플랫폼입니다.

워드프레스는 최신 트랜드와 기술 적용이 용이합니다. 요즈음 IT 트랜드는 모바일입니다. 트랜드라 할 것도 없이 이미 모바일은 생활 깊숙히 침투되어 삶의 한 부분이 되었습니다.
과거 PC를 주로 사용하던 인터넷 접속 환경은 2000년대 말에 시작된 아이폰과 스마트폰, 스마트TV의 등장으로 N-스크린시대를 열게 되었습니다.

N-스크린이란 운영체제와 장비를 따지지 않고 스마트폰, 아이패드, 스마트TV, 노트북 같이 특정 기기나 디바이스와 상관없이 일관성있는 사용자 인터페이스를 제공하는 것을 말합니다.

모바일 환경은 스크린 화면에 다양화를 초래할 수 밖에 없는 구조입니다. 아이폰과 안드로이드폰은 다양한 화면 크기의 디바이스를 출시하고 있습니다. 스마트폰 사이즈 4 ~ 6인치 화면에서 태블릿인 아이패드의 대중화로 9인치대의 넓은 화면을 제공하는 디바이스도 많은 편입니다.





화면의 사이즈가 이제는 여러가지 크기가 존재하다보니, 요즈음 웹사이트의 제작은 반응형 웹디자인(Responsive Web Design)으로 만들어야 합니다. 만약 반응형 웹디자인으로 웹사이트를 제작하지 않는다면, PC용 웹사이트, 모바일용 웹사이트 또는 각각 화면 사이즈에 최적화된 웹사이트를 추가적으로 제작해야 합니다.

반응형 웹디자인으로 제작되어 있다면, 말 그대로 디바이스와 상관없이 자동으로 화면 레이아웃을 조정해서 맞추어 최적의 디자인 뷰를 제공합니다.

워드프레스 테마는 대부분 반응형 웹디자인 기술이 적용되어 있기 때문에 여러 종류의 디바이스와 화면해상도를 위한 고민을 줄일 수 있고, 웹사이트 구축에 많은 시간을 절약할 수 있습니다.

워드프레스는 테마와 플러그인을 통해서 따끈따끈한 최신 기술을 바로 자신의 웹사이트에 적용할 수 있습니다. 


반응형 웹디자인이 적용된 테마 퓨전의 아바다 테마







둘째, 워드프레스는 SNS 연동과 구글 검색엔진 최적화(SEO)에 강합니다.

요즈음의 웹사이트는 SNS와 연동되지 않는다면 생명력을 잃습니다. 콘텐츠를 유통시키기에 SNS보다 훌륭한 도구는 없기 때문입니다. 그런데 기술적으로 특정 웹사이트에 SNS 기능을 접목시키려면 복잡한 프로그램 개발이 필요합니다. 그렇지만 워드프레스는 SNS 연동을 위한 다양한 플러그인을 제공합니다. 다양한 플러그인을 통해서 워드프레스에 콘텐츠를 유통시키기 위한 공유버튼을 제공하고, 손쉽게 소셜의 댓글을 달고, SNS 채널 목록을 확인할 수 있습니다.

페이스북을 사용하는 사용자라면, 페이스북에서 제공하는 페이스북 소셜 플러그인(Facebook Social Plugin) 기능을 사용해서 자신의 웹사이트를 페이스북과 연동시킬 수도 있습니다.

또한 워드프레스는 검색엔진에 최적화(SEO)되어 있어서 구글에서 검색이 잘됩니다. 특별한 설정을 하지 않고도 워드프레스로 웹사이트를 구축하기만 하면 몇 일뒤면 구글에서 자신의 콘텐츠가 검색되는 것을 확인할 수 있습니다. 구글과 다르게 국내 포탈인 네이버와 다음에서는 사이트등록 기능과 RSS등록 기능등 별도의 작업을 하면 포탈에서도 자신의 사이트를 검색되게 할 수 있습니다.




'워드프레스 > 워드프레스 일반' 카테고리의 다른 글

워드프레스의 금기사항 두 가지  (0) 2016.01.19
알마인드로 웹사이트 기획하기  (0) 2015.10.26
워드프레스로 만든 국내 홈페이지는 어떤 것이 있을까?  (0) 2015.10.17
워드프레스는 일당백을 하는 일꾼  (0) 2015.10.12
워드프레스는 왜 중요한가? 웹사이트 구축시 필요사항  (0) 2015.10.11
워드프레스로 만든 국내 홈페이지 레퍼런스 여섯 곳

외국과는 달리 국내에서는 아직까지 사람들에게 워드프레스라는 용어가 많이 익숙하지는 않습니다. 혹자는 워드프레스가 MS 워드와 관련된 문서편집기라고 생각하는 사람도 있습니다.

그 만큼 아직까지 국내에서는 저변이 확대되지 않았다고 볼 수도 있습니다. 그렇지만 자세히 확인해보면 국내에서도 워드프레스로 제작된 레퍼런스 사이트가 많이 있습니다.

특히 국내에서 워드프레스 확산에 큰 공신 역할을 한 것은 서울시 입니다. 서울시가 서울특별시 공식 홈페이지를 워드프레스로 구축하면서부터 워드프레스에 대한 국내 인식은 크게 바뀌었습니다. 이 때부터 워드프레스는 국내에서도 빠른 속도로 확산되고 있습니다. 그 전까지만 해도 워드프레스를 개인 블로그에는 많이 사용했지만 규모있는 기업이나 관공서 사이트에 적용하기를 꺼려했던 것이 사실입니다.

국내에서 워드프레스로 제작된 레퍼런스 사이트 여섯 곳을 소개합니다.

























'워드프레스 > 워드프레스 일반' 카테고리의 다른 글

알마인드로 웹사이트 기획하기  (0) 2015.10.26
워드프레스의 장점은 어떤 것이 있을까요?  (0) 2015.10.19
워드프레스는 일당백을 하는 일꾼  (0) 2015.10.12
워드프레스는 왜 중요한가? 웹사이트 구축시 필요사항  (0) 2015.10.11
워드프레스의 역사  (0) 2015.10.10
닷홈에서 도메인 신청하기

지난 글에서 살펴본 것 처럼 현재 시점 기준으로 해서 1년 간 도메인을 신청했을 때, 닷홈이 9,790원으로 가장 저렴했습니다. 닷홈을 통해서 도메인을 신청하는 법을 알아보도록 하겠습니다.

먼저 닷홈 홈페이지(http://www.dothome.co.kr/)에 접속합니다.


도메인을 신청할 것이기 때문에 닷홈 홈페이지에 로그인 합니다.


로그인이 완료되면 도메인을 검색할 수 있는 입력 화면이 나옵니다.


자신이 신청하기를 원하는 도메인 주소 URL을 입력 필드에 넣고 검색 버튼을 클릭합니다.
저의 경우에는 shuman.kr 입력하고 검색 버튼을 클릭하니 다음과 같음 메시지가 뜹니다.


닷홈의 경우에는 TLD(탑레벨 도메인)은 빼고 입력해야합니다. shuman.kr 대신 shuman 을 입력하고 다시 검색 버튼을 클릭합니다.



도메인 검색 결과가 나왔습니다.  맨 아래 체크박스를 체크하고 신청하기 버튼을 클릭합니다.



도메인 신규 등록을 위한 화면이 나타납니다.





담당자 정보란에 이름과 이메일 전화번호, 휴대전화를 입력합니다.



소유자 정보를 입력합니다. 이때 이메일과 휴대폰 번호는 반드시 정확하게 입력해야합니다. 도메인이 종료되는 시점에 휴대폰으로 대부분 도메인 서비스를 하는 곳은 알림 서비스를 제공하기 때문입니다.
종료일이 되어서 다른 사람이 내가 쓰던 도메인을 구매해서 사용한다면 다시 그 도메인을 얻기란 쉽지 않은 일입니다.

관리자 정보는 향후 관리를 위해서 소유자와 동일인으로 하는 것이 좋습니다.




네임서버는 닷홈 네임서버 사용을 선택합니다. 닷홈의 경우에는 결제 방법을 신용카드와 계좌이체를 모두 지원합니다. 저는 신용카드로 선택 하였습니다. 구매자명과 이메일, 이동전화 항목을 입력한 뒤에 신청하기 버튼을 클릭합니다.



신용카드 항목에 동의 한뒤 다음 버튼을 클릭하여 결제를 진행하면 됩니다.



결제가 완료되면 다음과 같은 화면이 출력됩니다.



이제 신청한 도메인이 제대로 등록되었는지 도메인 관리 화면에 들어가서 확인하겠습니다.
닷홈의 도메인 관리화면은 오른쪽 상단 메뉴의 마이닷홈에 있습니다. 마이닷홈을 클릭합니다.



마이닷홈을 클릭하면 서브 메뉴가 펼쳐집니다. 마이닷홈 아래에 도메인관리를 클릭합니다.



도메인을 관리하는 화면이 나옵니다. 기존에 등록된 두 개의 도메인 밑에 shuman.kr 이라는 도메인이 생성된 것을 확인할 수 있습니다.
1년을 신청했기 때문에 남은 기간은 365일로 나오는 것을 알 수 있습니다.


등록된 도메인의 세부적인 정보를 확인할 수 있습니다.
맨 아래 신규로 등록된 도메인을 shuman.kr을 선택하고 등록정보 관리 버튼을 클릭합니다.



세부적인 도메인 등록정보를 관리하는 화면입니다. 소유자 정보등 세부 정보를 관리할 수 있습니다.



여기서 whois 조회 버튼을 클릭하면 외부에 보여지는 도메인 정보가 팝업창으로 나타납니다. 외부에서 나의 도메인이 어떻게 보여지는지 확인할 수 있는 기능입니다.










'워드프레스 > 도메인과 호스팅' 카테고리의 다른 글

가성비 웹호스팅 추천 아이비호스팅, 업체별 비교하기  (1) 2016.02.24
카페24로 웹호스팅 시작하기  (1) 2015.10.19
도메인 신청은 가격 비교하고 결정하자  (1) 2015.10.16
나만의 도메인 등록하는 방법  (0) 2015.10.15
웹호스팅이란? 가비아, 카페24, 닷홈 호스팅 업체 비용 비교  (5) 2015.10.15

+ Recent posts

티스토리툴바