워드프레스 관리자로 로그인을 하기 위해서는 본인의 URL ( 웹사이트 주소 ) 뒤에 ‘/wp-admin’ 을 입력 한 후 엔터키를 치면 됩니다. 그러면 아래와 같은 화면이 나타나는데 여기에 관리자 ID 와 PASSWORD를 입력하고 ‘로그인’ 버튼을 클릭하면 됩니다.
관리자 화면 설명)
워드프레스 관리자로 로그인을 하면 아래와 같이 워드프레스 관리자 Dashboard 화면이 나타납니다. Dashboard에는 페이지, 포스트(글), 코멘트들이 몇건이 있는지와 워드프레스 뉴스등이 나타납니다.
아래 화면처럼 (1), (2)번의 Toolbar 와 Admin Menu 영역으로 나눌 수 입니다. (아래는 워드프레스 4.7.2 기준이며 기본테마를 사용하며, 별도의 플러그인을 설치하지 않은 경우 입니다. 별도의 디자인테마 혹은 플러그인을 설치하면 아래 화면과 다르게 추가적인 메뉴가 나타날 수 있습니다.)
Toolbar
About WordPress : 워드프레스 버전 및 새로운 기능 소개 WordPress.org : WordPress.org 웹사이트 연결 Documentation : 워드프레스 사용 설명서 ( 한글로도 볼 수 있으나 일부자료만 번역이 되있음) Support Forum : 워드프레스 관련 질문 및 답변 Feedback : 워드프레스 관련 건의사항 (기능추가요청)
웹사이트 이름 : 브라우져(크롬,파이어폭스,사파리,IE등)의 탭에 나타는 웹사이트의 제목을 보여줍니다. Visit Site : 클릭하면 웹사이트의 프론트페이지(실제 웹사이트)로 이동 합니다. 관리자로 로그인이 되 있는 경우에는 프론트페이지로 이동해도 계속 화면 상단에 Toolbar가 보여지게 됩니다. 거기서 Dashboard를 클릭하면 다시 관리자 화면으로 이동 합니다.
[fusion_separator style_type=”single|dotted” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” sep_color=”#f43535″ top_margin=”10″ bottom_margin=”10″ border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”center”][/fusion_separator] 업데이트 알림 : 워드프레스자체(WordPress Core), 디자인테마, 플러그인들 중에서 최신 업데이트가 있으면 알려줍니다. 옆의 이미지는 하나의 업데이트가 기다리고 있다는 메세지 입니다. 클릭하면 업데이트 화면으로 이동 합니다.
[fusion_separator style_type=”single|dotted” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” sep_color=”#f43535″ top_margin=”10″ bottom_margin=”10″ border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”center”][/fusion_separator]
코멘트(댓글)알림 : 여러분이 작성한 글에 방문자가 글을 남기면 여기에서 알려줍니다. 보통 새로운 코멘트가 입력되면 이메일로 알려주도록 설정 합니다. 옆의 이미지는 현재 코멘트가 하나도 없다는 의미 입니다. 클릭하면 Comments화면으로 이동 합니다.
[fusion_separator style_type=”single|dotted” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” sep_color=”#f43535″ top_margin=”10″ bottom_margin=”10″ border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”center”][/fusion_separator] + New : 새로운 페이지, 포스트, 이미지업로드등을 할 때 사용 합니다. Admin Menu에도 동일한 화면으로 이동하는 메뉴들이 있습니다. 조금 더 편리하게 사용하도록 배려 한 것입니다. ( 설치한 디자인테마 혹은 플러그인에 따라서 항목이 더 추가 될 수 있습니다. 예를들어 우커머스(쇼핑몰 플러그인)를 설치하게되면 여기에 상품이라는 항목이 추가적으로 보이게 됩니다. 따라서 여러분의 화면과 다르다고해서 걱정하실 필요가 없습니다.)
[fusion_separator style_type=”single|dotted” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” sep_color=”#f43535″ top_margin=”10″ bottom_margin=”10″ border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”center”][/fusion_separator]
Admin main menu
Dashboard : 페이지, 포스트, 코멘트등이 몇개가 등록되있는지 Summary를 보여주고 또한 워드프레스 뉴스등을 보여줍니다.
Posts : 블로그의 가장 중요한 기능인 포스트(글)를 작성하고, 작성된 포스트들을 검색하고 수정, 삭제하는 기능들을 제공합니다. 카테고리 및 테그를 만들고 관리하는 기능도 이 메뉴안에 있습니다
Media : 이미지, 문서 화일(PDF등), 동영상, 음성화일등을 업로드하고 관리하는 기능들이 있는 메뉴 입니다.
Pages : 페이지를 만들고 검색, 수정, 삭제하는 기능을 가지고 있는 메뉴입니다
Comments : 코멘트를 조회하고 필요한 처리를 해주는 기능을 가진 메뉴입니다
Appearance : 웹사이트를 멋지게 꾸미기 위해서 필요한 기능들이 모여있는 메뉴입니다. 다음과 같은 하위 메뉴들이 있습니다.
Widget : 웹사이트 컨텐츠를 모아놓은 작은 단위입니다. 향후 Sidebar등에서 사용가능 합니다
Menu : 상단의 메인메뉴, 푸터메뉴등 메뉴를 만들고 원하는 위치에 적용 시켜주는 기능들을 제공합니다.
Header : 웹페이지의 상단부분(메인 메뉴를 포함하는)을 꾸며주는 기능들을 제공 합니다.
Background : 웹사이트의 배경색 혹은 배경 이미지를 설정 해주는 기능을 제공합니다.
Editor : 디자인테마안에서 허용된 화일들에 한해서 소스코드를 직접 수정할 수 있는 기능을 제공 합니다. Function.php 라는 화일에 간단한 Snippet(php 코드 블록)을 입력해서 간단한 커스터마이징등을 하기도 합니다. ( 소스코드 수정은 아주 신중하게 하셔야합니다.)
Plugins : 플러그인은 워드프레스의 기능을 확장해줍니다. 쇼핑몰로 많이 알려진 우커머스(WooCommerce)의 경우도 플러그인의 하나입니다. 무료플러그인의 경우는 여기서 직접 설치가 가능 합니다. 그러나, 유료 플러그인의 경우는 별도로 구입해서 설치 화일을 여기에서 업로드해서 설치 합니다.
Users : 워드프레스의 사용자를 관리하는 기능을 제공합니다.
Tools : 유용한 도구들을 모아놓은 곳입니다. 대표적인 도구는 ‘Import’ 와 ‘Export’입니다. 워드프레스의 컨텐츠를 불러들이거나 외부에 보내기 위해서 .xml 화일을 만들어 줍니다.
워드프레스는 자주 업데이트가 됩니다.
업데이트가 될 때는 새로운 기능의 추가, 기존에 발생하던 에러의 수정 그리고 보안관련 소스코드 수정들이 포함 됩니다. 따라서 향후에 업데이트되는 워드프레스 버전의 관리자 화면은 여기 설명드린 내용들과 조금 다르게 보일 수 도 있습니다.그러나, 일반적으로 여기에 나타난 메뉴가 크게 변경되는 경우는 없을 것으로 보입니다.
웹사이트 제작을 본격적으로 진행하기 위해서 디자인테마 설치 및 기본 설정 관련된 아래 2개의 포스팅을 참조하세요.
워드프레스 설치가 완료됬으면 이제 꼭 필요한 기본 설정을 해야 합니다.
이 작업을 하는 순서는 디자인테마나 플러그인들을 설치 전에 하시는 것이 좋습니다.
물론, 설치 후에도 할 수 있습니다. 그러나, 가능하면 설치 전에 하시는 것이 조금 편리합니다.
( 디자인테마나 플러그인들을 설치하면 일부 설정 화면들이 추가 될 수 있어서 조금 혼돈이 될 수 있습니다)
아래에 설명드리는 내용들은 워드프레스 관리자 화면에서 필요한 설정들을 모두 나열 한 것입니다. 그러나, 여기 나오는 설정을 무조건 다 변경하여야 하는 것은 아닙니다. 특별한 경우가 아니면- (필수)라고 별도로 표시한 항목이 아니면- 대부분 그대로 놔두셔도 문제가 없습니다. 단, 웹사이트를 조금 더 여러분의 Needs에 맞도록 커스터마이징 하기를 원하시면 각각의 항목들을 변경을 해보시고 또, Frontpage에서 확인 해 보시면 워드프레스를 보다 더 잘 사용하시는데 도움이 될 것입니다.
워드프레스 설정 화면들을 정리해 봤습니다.
General(일반설정): 웹사이트 제목, 언어선택등 일반적인 웹사이트 설정을 지원합니다.
Writing(쓰기설정): 기본 포스트 카테고리, 이메일관련 설정등을 지원합니다.
Reading(읽기설정): 웹사이트의 홈페이지 설정, 검색엔진 노출여부등의 설정을 지원합니다.
Discussion(토론설정): 사용자 댓글관련 설정을 지원합니다.
Media(미디어설정): 화일 업로드관련 설정을 지원합니다.
Permalink(고유주소설정): 웹사이트의 페이지와 포스트등의 URL구조 설정을 지원합니다.
아래는 위 설정 메뉴들을 각각 하나씩 설명합니다.
General(일반설정)
워드프레스를 처음 설치후에는 몇가지 기본적인 세팅들을 하여야 합니다. 이러한 세팅들을 하기 위해서는 본인 웹사이트의 워드프레스 관리자 사이트로 접속을 하여야 합니다. 워드프레스 관리자 사이트 접속 방법은 여기를 참조하세요.[fusion_separator style_type=”none” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” sep_color=”” top_margin=”” bottom_margin=”” border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”center”][/fusion_separator]
[fusion_fontawesome icon=”fa-play-circle” size=”” flip=”” rotate=”” spin=”no” alignment=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” circle=”yes” iconcolor=”” circlecolor=”” circlebordercolor=”” animation_type=”” animation_direction=”down” animation_speed=”0.1″ animation_offset=””][/fusion_fontawesome]관리자 사이트로 로그인 후 Settings > General을 클릭하세요.
아래 내용중 (필수) 라고 되있는 부분은 반드시 확인하고 본인의 상황에 맞도록 수정 하세요
Site Title(사이트 제목) (필수): 브라우져 (크롬,파이어폭스등 ….) 의 탭에 나타나는 웹사이트 제목을 입력 합니다
[fusion_separator style_type=”single|dotted” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” sep_color=”#828080″ top_margin=”10″ bottom_margin=”10″ border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”center”][/fusion_separator]
Tag Line(태그라인) : Site Title 뒤에 붙는 웹사이트를 설명하는 자신만의 특징있는 문장입니다. 옵션사항이고, 너무 길지 않도록 합니다.
[fusion_separator style_type=”single|dotted” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” sep_color=”#828080″ top_margin=”10″ bottom_margin=”10″ border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”center”][/fusion_separator]
WordPress Address : 서버에 실제 워드프레스가 설치된 URL 입니다. 일반적으로 웹호스팅 회사에서 설정한 그대로 사용하시면 됩니다.
[fusion_separator style_type=”single|dotted” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” sep_color=”#828080″ top_margin=”10″ bottom_margin=”10″ border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”center”][/fusion_separator]
Site Address (필수): 사용자들이 인터넷에서 본인의 웹사이트로 연결할 때 입력하는 URL입니다. 본인이 도메인을 http://mydomain.com ( mydomain.com 은 본인의 도메인 이름 ) 의 형식으로 입력하세요. 보통의 경우는 이미 웹호스팅 회사에서 설정해 놓은대로 두시면 됩니다.
[fusion_separator style_type=”single|dotted” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” sep_color=”#828080″ top_margin=”10″ bottom_margin=”10″ border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”center”][/fusion_separator]
Email (필수) : 웹사이트에서 이메일을 받거나 보낼 때 기본이 되는 이메일을 입력하세요. 일반적으로 워드프레스를 설치할때 사용하셨던 이메일이 나타나는데 그대로 사용하시면 됩니다.
[fusion_separator style_type=”single|dotted” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” sep_color=”#828080″ top_margin=”10″ bottom_margin=”10″ border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”center”][/fusion_separator]
Membership(회원가입가능여부) (필수) : 회원가입이 가능한 사이트를 만드는 옵션 입니다. 회원가입이 필요 없는 사이트는 체크하지 마시고 그대로 두세요.
[fusion_separator style_type=”single|dotted” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” sep_color=”#828080″ top_margin=”10″ bottom_margin=”10″ border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”center”][/fusion_separator]
New User Default Role(새사용자를 위한기본규칙) : 새 회원이 가입 했을때 새 회원의 기본 권한을 자동으로 설정 하는 기능 입니다. 일반웹사이트는 ‘Subscriber’, 쇼핑몰의 경우는 ‘Customer’로 설정 합니다.
[fusion_separator style_type=”single|dotted” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” sep_color=”#828080″ top_margin=”10″ bottom_margin=”10″ border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”center”][/fusion_separator]
Timezone(시간대) (필수) : 본인이 위치한 지역의 시간대를 선택 하세요. ( 워드프레스는 전세계의 모든 지역의 시간대를 지원 합니다 )
[fusion_separator style_type=”single|dotted” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” sep_color=”#828080″ top_margin=”10″ bottom_margin=”10″ border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”center”][/fusion_separator]
Date Format(날짜표시형식) : 웹사이트에서 날짜를 보여주는 형식을 지정할수 있습니다.
[fusion_separator style_type=”single|dotted” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” sep_color=”#828080″ top_margin=”10″ bottom_margin=”10″ border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”center”][/fusion_separator]
Time Format(시간표시형식) : 웹사이트에서 시간을 보여주는 형식을 지정할수 있습니다.
[fusion_separator style_type=”single|dotted” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” sep_color=”#828080″ top_margin=”10″ bottom_margin=”10″ border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”center”][/fusion_separator]
Site Language(언어선택) (필수) : 본인이 원하는 언어를 선택 하세요. 워드프레스는 전세계의 거의 모든 언어를 지원합니다. 처음 워드프레스를 설치하면 기본적으로 영어로 설치가 됩니다. 이 설정을 바꾸면 웹사이트 전체가 선택한 언어로 변경 됩니다.
[fusion_separator style_type=”single|dotted” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” sep_color=”#828080″ top_margin=”10″ bottom_margin=”10″ border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”center”][/fusion_separator]
Default Post Category : 보통 ‘Uncategorized’로 설정되 있습니다. 이것을 여러분이 만든 기본 카테로기로 변경하세요. 그러면, Uncategorized 커테고리를 삭제 할 수 있습니다.
[fusion_separator style_type=”single|dotted” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” sep_color=”#828080″ top_margin=”10″ bottom_margin=”10″ border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”center”][/fusion_separator] Default Post Format : 포스트를 작성 할 때 기본적으로 저장되는 형태를 설정 합니다. 보통 ‘Standard’로 그대로 두면 됩니다.
[fusion_separator style_type=”single|dotted” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” sep_color=”#828080″ top_margin=”10″ bottom_margin=”10″ border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”center”][/fusion_separator] Post via Email : 워드프레스 관리자에서 포스팅을 작성하지 않고 이메일을 통해서 포스팅을 하는 방식입니다. 향후에 워드프레스에서는 이 기능을 삭제할것이라 발표했습니다. .
[fusion_separator style_type=”single|dotted” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” sep_color=”#828080″ top_margin=”10″ bottom_margin=”10″ border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”center”][/fusion_separator] Updates Services : 본인의 웹사이트에 새로운 포스트가 추가되거나, 기존의 포스트가 변경이 되는 경우 이러한변경사실을 인터네세에 널리 퍼트려주는 서비스를 해주는 웹사이트를 등록합니다.
[fusion_separator style_type=”single|dotted” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” sep_color=”#828080″ top_margin=”10″ bottom_margin=”10″ border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”center”][/fusion_separator]
Blog pages show at most : 기본 Blog 페이지에서 가장 최근 몇개의 포스팅을 보여줄지 설정 합니다.
[fusion_separator style_type=”single|dotted” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” sep_color=”#828080″ top_margin=”10″ bottom_margin=”10″ border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”center”][/fusion_separator] Default Post Format : Data Feed에서 가장 최근 몇개의 포스팅을 보여줄지 설정 합니다.
[fusion_separator style_type=”single|dotted” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” sep_color=”#828080″ top_margin=”10″ bottom_margin=”10″ border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”center”][/fusion_separator] Post via Email : Data Feed의 최근 포스팅 리스트에서 내용 전체를 보여 줄 것인지 Summary 정보를 보여 줄 것인지 설정 합니다.
[fusion_separator style_type=”single|dotted” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” sep_color=”#828080″ top_margin=”10″ bottom_margin=”10″ border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”center”][/fusion_separator] Updates Services : 검색엔진에서 정상적으로 보여지게 하려면 반드시 체크마크를 빼줍니다.
[fusion_separator style_type=”single|dotted” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” sep_color=”#828080″ top_margin=”10″ bottom_margin=”10″ border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”center”][/fusion_separator]
Discussion(토론설정)
보통은 Disable Comments 라는 플러그인(무료)을 설치해서 일반페이지와 포스트페이지에서 댓글 관련 기능을 컨트롤하게 됩니다 (설정이 보다 간단 합니다). 아래는 워드프레스 기본설정을 이용 한 댓글 설정 방법입니다.
Default Article Settings : 개별 블로그의 설정이 여기의 설정보다 우선순위가 높습니다.
Attempt to notify any blogs linked to from the article : 글에서 링크한 블로그에 링크 사실을 알림
Allow link notifications from other blogs (pingbacks and trackbacks) on new articles :
Allow people to post comments on new articles :
[fusion_separator style_type=”single|dotted” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” sep_color=”#828080″ top_margin=”10″ bottom_margin=”10″ border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”center”][/fusion_separator] Other comment settings : Data Feed에서 가장 최근 몇개의 포스팅을 보여줄지 설정 합니다.
Automatically close comments on articles older than () : 지정한 날짜보다 오래된 포스팅은 댓글을 자동으로 닫습니다.
Enable threaded (nested) comments : 댓글의 댓글을 달때 몇단계의 레벨까지 허용할 것인지 설정 합니다
Break comments into pages with top level comments per page and the page displayed by default Comments should be displayed with the comments at the top of each page : 각 페이지당 ()개의 댓글이 나타나도록 합니다. 가장 (최근 혹은 오래된) 댓글이 보이도록 합니다. 각 페이지의 상단에 이전 댔글이 보여지도록 설정 합니다.
[fusion_separator style_type=”single|dotted” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” sep_color=”#828080″ top_margin=”10″ bottom_margin=”10″ border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”center”][/fusion_separator] Email me whenever : 다음과 같은 설정이 되있으면 관리자에게 이메리을 보냅니다.
A comment is held for moderation : 코멘트가 입력되고 댓글컴토목록에 나타나면 무조건 이메일을 보냅니다.
[fusion_separator style_type=”single|dotted” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” sep_color=”#828080″ top_margin=”10″ bottom_margin=”10″ border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”center”][/fusion_separator] Before a comment appears :
Comment author must have a previously approved comment : 이전에 승인된 코멘트 작성자에 한해서만 코멘트가 자동으로 보여집니다.
[fusion_separator style_type=”none” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” sep_color=”” top_margin=”” bottom_margin=”” border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”center”][/fusion_separator]특별히 수정 할 설정은 없습니다. 기본 설정 그대로 사용하셔도 별 문제가 없습니다.
[fusion_fontawesome icon=”fa-play-circle” size=”” flip=”” rotate=”” spin=”no” alignment=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” circle=”yes” iconcolor=”” circlecolor=”” circlebordercolor=”” animation_type=”” animation_direction=”down” animation_speed=”0.1″ animation_offset=””][/fusion_fontawesome]관리자 사이트로 로그인 후 Settings > Media를 클릭하세요.
Image Size : 이미지의 기본 크기를 정해 줍니다.
Uploading Files : 이미지를 업로드 할 때 폴더를 년,월로 구분해서 따로따로 저장하도록 해 줄 수 있습니다
[fusion_separator style_type=”single|dotted” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” sep_color=”#828080″ top_margin=”10″ bottom_margin=”10″ border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”center”][/fusion_separator]
Common Setting : Permalink 설정은 여러분의 페이지나 포스트의 URL 구조를 결정해 줍니다. 일반적으로 ‘Post name’으로 설정을 해주면 가장 문제가 없습니다. 왜냐하면 대부분의 디자인테마와 플러그인들이 이설정을 기본으로 하는 경우가 많기 때문입니다. 그리고, SEO(Search engine optimization) 관련해서도 가장 적합한 설정이라고 볼 수 있습니다.
[fusion_separator style_type=”single|dotted” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” sep_color=”#828080″ top_margin=”10″ bottom_margin=”10″ border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”center”][/fusion_separator] Optional : 옵션 사항입니다. 카테고리나 태그의 앞에 Prefix를 붙여주는 것입니다. 예) 카테고리 Base를 ‘Topic’이라고 지정해주면 모든 카테고리의 Permalink에 /Topic/이라는 Prefix가 자동으로 추가됩니다.
[fusion_separator style_type=”single|dotted” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” sep_color=”#828080″ top_margin=”10″ bottom_margin=”10″ border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”center”][/fusion_separator]
[fusion_builder_container hundred_percent=”yes” overflow=”visible”][fusion_builder_row][fusion_builder_column type=”1_1″ background_position=”left top” background_color=”” border_size=”” border_color=”” border_style=”solid” spacing=”yes” background_image=”” background_repeat=”no-repeat” padding=”” margin_top=”0px” margin_bottom=”0px” class=”” id=”” animation_type=”” animation_speed=”0.3″ animation_direction=”left” hide_on_mobile=”no” center_content=”no” min_height=”none”][fusion_dropcap color=”” boxed=”no” boxed_radius=”8px” class=”” id=””]DIY[/fusion_dropcap] 웹사이트나 쇼핑몰을 제작하기 위해서는 여러가지 솔루션과 서비스들이 필요합니다. 이러한 솔루션과 서비스들은 너무 많이 출시되 있어서 일일이 사용해보고 그중 하나를 선택하는 것은 엄청난 시간과 비용이 소요되는 쉽지 않은 일입니다. 그래서, 저희 EZWEBMIS 에서는 이러한 여러분들의 시간과 비용을 아끼고 선택의 스트레스를 없애 드리기 위해서 저희가 직접 사용해 봤거나 현재도 계속 사용중인 최고의 도구들만을 엄선해서 소개를 해드리고자 합니다. 여기에 소개된 솔루션과 서비스를 통해서 멋진 웹사이트를 만드는데 도움이 되시기를 바랍니다.
도메인 이름은 인터넷에서 여러분의 웹사이트를 대표하는 이름 입니다. 도메인 이름은 여러분의 중요한 자산 입니다. 그래서 안전하고 믿을 만 한 회사의 서비스를 받으시는 것이 중요 합니다. Godaddy.com 이라는 회사는 전세계 도메인의 약 30%를 가지고 있는 가장 큰 도메인 이름 등록 회사 입니다. 도메인 등록을 하실려면 Godaddy.com 에서 하시기를 추천 드립니다. 그리고, 반드시 명심하셔야할 부분은 도메인 등록은 반드시 본인의 명의로 하셔야 한다는 것입니다. 다른사람의 이름으로 도메인 등록을 했을 경우는 향후에 여러가지 문제 발생의 원인이 되기 때문에 꼭 기억하시기 바랍니다.
웹호스팅 서비스를 제공하는 회사는 굉장히 많이 있습니다. 비전문가 입장에서 이러한 웹호스팅 회사를 모두 성능을 비교해서 그 중 하나를 선택 하기는 아주 어렵습니다. 미국에서 15년이상 웹사이트 제작 서비스를 해 온 경험에서 아래와 같은 2가지 웹호스팅 회사를 추천 드립니다. 비용대비 성능, 안정성, 속도, 사용 편이성등을 기준으로 선정 하였습니다. 이미 다른 회사에서 워드프레스 웹호스팅 서비스를 받으시는 경우에도 쉽게 이전이 가능 합니다.
SiteGround: 미국에 본사를 두고 전세계로 호스팅 서비스를 제공하는 회사 입니다. 특희, 최근에 사용자들에게 아주 좋은 평가를 받는 회사 입니다. 워드프레스 공식 웹사이트에서 추천하는 웹호스팅 회사 중 하나입니다. 가성비의 관점에서 가장 만족 할 만 한 웹호스팅 회사 입니다. 도메인 구입, 이메일 서비스등 일반 Shared Web Hosting 의 장점과 간단한 워드프레스 설치 서비스, 워드프레스 전용 Cache 제공등 워드프레스 전용 웹호스팅의 장점 또한 제공해 줍니다. 워드프레스 웹호스팅에 가장 적합한 웹호스팅 입니다. 자세한 구입 방법은 아래 링크를 참조하세요.
WPEngine : SiteGround와 마찬가지로 미국에 본사를 두고 전세계로 호스팅 서비스를 제공하는 회사 입니다. 워드프레스 웹호스팅 관련해서 명품으로 불릴만 한 회사 입니다. 저희 EZWEBMIS의 고객들이 대부분 사용하고 있는 웹호스팅 회사 입니다. 쇼핑몰등과 같이 안정적이고 높은 속도가 요구 될 때는 반드시 선택하셔야 하는 회사 입니다. 가격은 조금 비싸지만, 웹호스팅에서 발생하는 거의 모든 기술적인 문제들을 전부 알아서 처리 해줍니다. 자세한 구입 방법은 아래 링크를 참조하세요.
ThemeForst 는 전세계에서 가장 활성화 된 워드프레스 디자인테마 마켓플레이스 입니다. 약 6,000 여개의 디자인 테마가 분야별로 잘 정리되 있으며 훌륭한 디자인과 필수 기능들이 이미 테마안에 내장이 되있습니다. 즉, 디자인 테마만 잘고르면 멋진 디자인과 기능을 동시에 제공 받으실수 있고 거의 손을 댈 필요도 없이 웹사이트를 완성 하실수도 있습니다. 각각의 디자인 테마는 스크린샷 과 라이브 데모 사이트를 제공 합니다. 라이브 테모 사이트는 대부분의 기능이 실제로 작동을 하기 때문에 디자인테마 구입 전 꼼꼼히 살펴 보시고 구입 하실수 있습니다. 보다 자세한 내용은 아래 버튼을 클릭 하신 후 ThemeForest 웹사이트로 이동 하셔서 확인 하세요.
AWeber는 이메일을 이용한 마케팅을 쉽고/간편하고/안전하게 할수 있는 이메일 마케팅 서비스는 입니다. 멋진 뉴스레터를 제작할수 있는 다양한 템플릿 화일을 제공하여서 멋진 뉴스레터를 쉽게 제작할수 있습니다. 또 이메일 전송 통계정보를 제공하여 마케팅 전략을 수립하는데 도움을 줍니다. 온라인 쇼핑몰의 경우는 판매와 바로 연결되서 매출 향상에도 큰 도움을 줄수 있습니다. 이메일 마케팅이 필요한 이유는 바로 자신의 웹사이트에 정기적인 독자층을 형성 하는데 있습니다. 구글등과 같은 검색엔진의 Traffic 은 항상 보장이 되는것이 아닙니다. 이메일 뉴스레터 가입자들은 이러한 검색엔진의 Traffic과 관계없이 항상 여러분 웹사이트의 꾸준한 독자가 되는 것입니다.
워드프레스는 2,000 여개가 넘는 다양한 디자인 테마가 Free로 제공됩니다.
설치 방법도 간단해서 워드프레스 관리자 Appearance > Themes디자인테마 Directory 화면에서 원하는 검색조건을 주고 디자인 테마를 검색 한 후, 클릭 한번으로 웹사이트에 설치 할 수 있습니다.
워드프레스 디자인테마를 설치하는 방법에는 다음의 2가지 방법이 있습니다.
OneClick설치 : 워드프레스 관리자의 디자인테마 Directory 에서 찾아보고 한번의 클릭으로 설치하는 방법. (무료테마를 설치하는 가장 쉬운 방법입니다)
Upload 설치 : OneClick설치가 불가능한 경우에 사용하는 방법입니다. 원하는 디자인테마의 설치 화일을 다운로드 받은 후 워드프레스 관리자에서 업로드 해서 설치하는 방법 (무료&유료테마)
현재 적용된 디자인테마입니다. ‘Active’라는 표시가 나타납니다.
[fusion_separator style_type=”single|dotted” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” sep_color=”#000000″ top_margin=”10″ bottom_margin=”10″ border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”center”][/fusion_separator] 현재 웹사이트에 설치된 모든 디자인테마(사용 가능한)를 보여 줍니다. 위 화면의 경우는 전체 3개의 디자인테마가 웹사이트에 설치되 있고 ‘Twenty Sixteen’이라는 디자인테마가 ‘Active’상태 라는 것을 보여주고 있습니다. 디자인테마는 언제든지 다른 테마로 변경이 가능 합니다. 원하는 디자인테마 위에 마우스를 가져가서 ‘Active’만 시켜주면 쉽게 변경됩니다.
[fusion_separator style_type=”single|dotted” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” sep_color=”#000000″ top_margin=”10″ bottom_margin=”10″ border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”center”][/fusion_separator] 새로운 디자인테마를 추가로 설치하려면 ‘Add New’를 클릭합니다.
[fusion_separator style_type=”single|dotted” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” sep_color=”#000000″ top_margin=”10″ bottom_margin=”10″ border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”center”][/fusion_separator]
그러나, 가끔 무료 디자인테마의 경우에도 OneClick 설치 방법으로 설치가 않되는 경우는 이 방법을 사용하기도 합니다. [fusion_fontawesome icon=”fa-play-circle” size=”” flip=”” rotate=”” spin=”no” alignment=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” circle=”yes” iconcolor=”” circlecolor=”” circlebordercolor=”” animation_type=”” animation_direction=”down” animation_speed=”0.1″ animation_offset=””][/fusion_fontawesome] Appearance > Themes 화면으로 이동 합니다.
[fusion_fontawesome icon=”fa-play-circle” size=”” flip=”” rotate=”” spin=”no” alignment=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” circle=”yes” iconcolor=”” circlecolor=”” circlebordercolor=”” animation_type=”” animation_direction=”down” animation_speed=”0.1″ animation_offset=””][/fusion_fontawesome] 아래 화면과 같이 방금 설치하고 ‘Active’을 한 디자인테마가 정상적으로 적용된것을 확인 할 수 있습니다.
디자인테마에 따라서 특정한 플러그인이 꼭 필요한 경우가 있습니다. 위 경우는 Site Origin에서 개발한 Page Builder를 와 Sydney Toolbar를 설치 하라는 메세지 입니다. ‘Begin installing plugins’를 클릭해서 플러그인들을 설치해줍니다.
[fusion_separator style_type=”single|dotted” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” sep_color=”#000000″ top_margin=”10″ bottom_margin=”10″ border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”center”][/fusion_separator] 디자인테마가 정상적으로 설치됬고 Front page에 적용되었습니다
[fusion_separator style_type=”single|dotted” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” sep_color=”#000000″ top_margin=”10″ bottom_margin=”10″ border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”center”][/fusion_separator]
유료 디자인테마는 ThemeForest와 같은 워드프레스 디자인테마 마켓플레이스에서 구입해서 위 방법 중 Upload설치 방식으로 설치하게 됩니다. 유료 디자인테마 선택, 구입, 설치에 대한 보다 자세한 내용은 아래 2개의 포스팅을 참조하세요.
디자인테마를 변경 한다고해서 이미 가지고 있던 자료가 지워지지 않습니다.
이점이 워드프레스의 커다란 장점인데, 현재의 자료를 그대로 유지 하면서 새로운 디자인을 적용 할 수 있는 것입니다.
디자인테마를 설치 했으면 워드프레스의 기본설정을 해야합니다. 워드프레스 기본 설정 과정은 아래 포스팅을 참조하세요
워드프레스 웹사이트를 제작하는 사람들이 가장 많이 선택한 디자인테마 으로써 2017년 현재 약 270,000 개의 사이트가 사용중 입니다. 저희도 많이 사용하는 디자인테마로써 가장 추천하고 싶은 디자인테마 입니다.
Avada 디자인테마의 장점은 다음과 같습니다.
다양한 디자인이 분야별로 이미 준비되 있습니다.
한번의 클릭으로 원하는 분야별 웹사이트를 설치해 줍니다. ( 일반회사소개, 교회, 카페/레스토랑, 여행사, 건축회사, 변호사사무실, 건강 및 월빙, Hotel & Resort, Mobile APP 회사 등 ). 본인의 요구사항에 맞는 Demo 를 선택해서 설치후 필요한 페이지를 추가하거나 이미 제공된 페이지를 수정하는 방식으로 웹사이트를 쉽고 빠르게 제작이 가능 합니다.
Theme Option이 풍부해서 Code ( HTML, CSS, PHP )를 사용하지 않고도 다양하게 웹사이트를 디자인 할수 있습니다
Theme Option이 잘 정리되 있고 기능이 풍부합니다. 웹사이트 전체의 넓이 ( Width ), 페이지 타이틀, 폰트 사이즈, 색상, 두께조절, 메가메뉴, 배너 슬라이드등 웹페이지의 상단, 본문, 하단 구석구석을 다양하게 직접 컨트롤 할수 있는 기능을 제공 합니다. 일반적인 다른 Theme 과 비교해서 가장 다양한 옵션을 제공합니다.
완벽한 Responsive Design을 제공합니다
웹사이트 방문자가 사용하는 기기 ( 일반 PC, 와이드 스크린, 스마트폰, 테블릿 PC ) 에 맞추어서 자동으로 화면 사이즈에 맞는 디자인으로 변경 해주는 Responsive Design 을 제공합니다.
내장된 웹페이지 빌더 ( Web Page Builder )를 가지고 Drag & Drop을 통해서 웹페이지를 다양하게 구성할수 있습니다
웹 페이지의 내용을 작성하다보면 여러가지 요소들이 필요 합니다. 코딩을 하지 않고 Drag & Drop 을 통해서 슬라이드쇼, 이미지 자동 스크롤, 탭, FAQ 와 같은 아코디온 기능 ( +,- 를 클릭하면 내용이 펼쳐지고 다시 닫히는 기능 )등 다양한 기능들을 적용해서 전문가가 만든것과 같은 웹사이트를 만들수 있습니다
훌륭한 Support를 제공하며 꾸준히 업데이트가 제공됩니다
워드프레스는 인터넷 기술의 발전에 따라서 계속 업데이트가 됩니다. 이것은 워드프레스의 가장 큰 장점 중 하나 입니다. 그러나, 설치된 Theme 이 이러한 업데이트를 따라가지 못하면 여러가지 문제가 발생합니다. Avada Theme 의 경우는 이러한 업데이트를 가장 신속하게 대처하는 Theme 중 하나 입니다. 또한 문제점이 발생시 훌륭한 Support를 받아서 문제 해결이 가능 합니다.
EZWEBMIS TIP : AVADA 테마는 거의 모든 웹사이트 에 활용될수 있는 다목적 디자인테마 입니다. 아주 세세한 부분까지 본인이 원하는데로 커스터마이징이 가능하며, 사용방법에 대한 매뉴얼도 아주 훌륭합니다. 데모 데이터들이 각각의 분야별로 잘 정리되 있어서 한번의 클릭으로 쉽게 설치 가능 합니다. 또한 자체 제작한 Drag & Drop 페이지 빌더가 잘 갖추어져 있어서 페이지에 컨텐츠를 보기좋게 쉽게 업로드가 가능 합니다. 여러가지 테마중에 선택이 어려우신 경우는 꼭 추천해드리고 싶은 디자인 테마 입니다.
Toolbar
웹사이트 이름 : 브라우져(크롬,파이어폭스,사파리,IE등)의 탭에 나타는 웹사이트의 제목을 보여줍니다.
업데이트 알림 : 워드프레스자체(WordPress Core), 디자인테마, 플러그인들 중에서 최신 업데이트가 있으면 알려줍니다. 옆의 이미지는 하나의 업데이트가 기다리고 있다는 메세지 입니다. 클릭하면 업데이트 화면으로 이동 합니다.
코멘트(댓글)알림 : 여러분이 작성한 글에 방문자가 글을 남기면 여기에서 알려줍니다. 보통 새로운 코멘트가 입력되면 이메일로 알려주도록 설정 합니다. 옆의 이미지는 현재 코멘트가 하나도 없다는 의미 입니다. 클릭하면 Comments화면으로 이동 합니다.
+ New : 새로운 페이지, 포스트, 이미지업로드등을 할 때 사용 합니다. Admin Menu에도 동일한 화면으로 이동하는 메뉴들이 있습니다. 조금 더 편리하게 사용하도록 배려 한 것입니다. ( 설치한 디자인테마 혹은 플러그인에 따라서 항목이 더 추가 될 수 있습니다. 예를들어 우커머스(쇼핑몰 플러그인)를 설치하게되면 여기에 상품이라는 항목이 추가적으로 보이게 됩니다. 따라서 여러분의 화면과 다르다고해서 걱정하실 필요가 없습니다.)
Admin main menu
Dashboard : 페이지, 포스트, 코멘트등이 몇개가 등록되있는지 Summary를 보여주고 또한 워드프레스 뉴스등을 보여줍니다.
Site Address
Time Format(시간표시형식) : 웹사이트에서 시간을 보여주는 형식을 지정할수 있습니다.
Week starts on(시작요일) : 일반적으로 월요일로 그대로 두시면 됩니다.
Site Language(언어선택) 
Post via Email : 워드프레스 관리자에서 포스팅을 작성하지 않고 이메일을 통해서 포스팅을 하는 방식입니다. 향후에 워드프레스에서는 이 기능을 삭제할것이라 발표했습니다. .
Updates Services : 본인의 웹사이트에 새로운 포스트가 추가되거나, 기존의 포스트가 변경이 되는 경우 이러한변경사실을 인터네세에 널리 퍼트려주는 서비스를 해주는 웹사이트를 등록합니다.
Comment Moderation :
SiteGround 
WPEngine
Fotolia는 웹사이트 혹은 광고용 인쇄물등에 들어갈 Stock Image를 온라인에서 판매하는 서비스를 제공하는 회사 입니다. 여러분이 상상하는 거의 모든 사진들이 최상의 품질로 이미 만들어져 있습니다. 간편하게 검색해서 마음에 드는 이미지를 구입후 웹사이트에 맞도록 사이즈등을 수정해서 업로드 하실수 있습니다. 웹사이트에서 품질 좋은 사진이 주는 가치는 상당히 중요 합니다. 좋은 내용에 그에 부합하는 의미를 가진 멋진 사진을 사용한다면 웹사이트가 훨씬 매력적으로 보일 것입니다. 또한, 인터넷에서 쉽게 검색할수 있는 사진들을 저작권 확인 없이 사용하시면 향후에 문제가 발생할수도 있습니다. 아래 버튼을 클릭하시면 Fotolia 로 이동하게 됩니다. 거기서 여러분이 원하시는 멋진 사진을 찾아보세요.
