Akismet 플러그인을 사용하여 워드프레스 블로그 스팸 댓글 방지하기!!

스팸 댓글을 방지하는 Akismet 플러그인은 워낙 많이 사용되기 때문에 현재 워드프레스를 설치할때 포함되어 있기도 하더군요.

이미 설치가 되어 있다면 바로 활성화를 시켜주시면 되겠으며, 그렇지 않다면 사이트 관리자에서 플러그인 새로추가에 들어가서 Akismet 플러그인을 찾아서 설치하고 활성화를 시켜줍니다.

그리고 Akismet 플러그인을 사용하려면 계정 정보를 입력하고 API 키를 발급 받아야 하는데요.

이전에 설정했던 젯패 계정으로도 간편하게 API 키를 발급받을 수 있습니다.

다음으로 유료로 사용할지 여부를 묻는 화면에서 Get Personal을 선택해서 무료로 사용할 수 있습니다.

Akismet 무료버전은 오로지 비 상업용 사이트에 스팸 방지 기능만 제공하며, 상업용으로 사용하시려면 유료 버전을 사용해야 할 것 같습니다.

추가로 결제금액과 몇가지 정보를 더 입력하면

Akismet API 키를 발급 받게 되며

사이트 관리자에 젝팩 -> Akismet Anti-Spam 메뉴에 들어가서

키를 입력하고 Connect with API key 버튼을 눌러서 등록을 해주면

모든 작업이 완료됩니다.

UpdraftPlus 플러그인을 사용하여 워드프레스 블로그 백업하기!!

사이트 관리자에서 플러그인 새로추가에 들어가서 UpdraftPlus 플러그인을 찾아서 설치하고 활성화를 시켜줍니다.

설치가 끝나고 활성화를 하니 친절하게도 바로 백업을 할수 있도록 안내를 해주는군요.

Press here to start! 버튼을 눌러 백업을 하러 가보겠습니다.

다른건 일단 놔두고 바로 Backup Now 버튼을 눌러 백업을 해보겠습니다.

UpdraftPlus 은 백업을 위해 2가지 옵션을 제공하고 있는데, 하나는 백업에 데이터 베이스를 포함할 것인지, 또 하나는 백업에 파일을 포함할 것인지를 선택할 수 있습니다.

기본적으로 2가지 모두 체크 되어 있으며, 모두 백업을 하는게 복구하기에도 더 좋을것입니다.

백업이 시작되면 위와 같이 상태창을 볼 수 있으며,

백업이 완료가 되면 알림창을 띄워 알려줍니다.

그리고 위에선 보는 것 처럼 백업 리스트를 확인할 수 있는데, 이를 통해 백업으로 복구를 실행하거나, 데이터베이스, 플러그인, 테마 등의 파일을 개별적으로 내려받거나 관리할 수 있습니다.

그리고 UpdraftPlus의 다른 기능으로는

백업을 자동으로 실행하여 최신 상태를 유지할수도 있으며,

다양한 원격저장소를 이용하여 백업을 관리하는 기능도 제공하고 있습니다.

그리고 프리미엄으로 유료서비스를 이용하면 사이트 이전 기능이나, 증분 백업, 기술 지원 등을 받을수 있으므로, 여건에 따라 프리미엄 서비스를 이용하시면 되겠습니다.

워드프레스 사이트의 안정적인 운영을 위해 정기적인 백업을 생활화 합시다.

wordfence 플러그인을 사용하여 워드프레스 블로그 보안 설정하기!!

사이트 관리자에서 플러그인 새로추가에 들어가서 wordfence 플러그인을 찾아서 설치하고 활성화를 시켜줍니다.

wordfence 플러그인을 활성화 하면 간단한 정보를 입력하고 사용할 수 있는데요.

유료로 프리미엄으로 업그레이드 하면 좋겠지만 No Thanks 일단 무료로 사용해 보겠습니다.

이제 사이트 관리자에 위와 같이 Wordfence메뉴가 추가되었습니다.

먼저 Wordfence로 보안 상태를 검사하기 위해 스캔을 눌러 사이트를 검사해 보도록 하겠습니다.

프리미엄 전용 기능인 Spamvertising Checks, Spam Check, Blacklist Check 를 제외하고 Server State, File Changes, Malware Scan, Content Safety, Public Files, Password Strength, Vulnerability Scan, User & Option Audit 항목에 대해 검사가 이루어지고 있습니다.

검사에는 상당한 시간이 걸리더군요.

드디어 검사가 끝났습니다.

Vulnerability Scan 취약점 검사에서 취약점이 발견 된 것 같네요.

검사 결과를 살펴보니, 몇가지 테마가 업그레이드가 되지 않았다고 알려주는군요.

큰 문제는 아닌 것 같아 IGNORE 를 해줘도 될 것 같습니다.

앞으로도 워드프레스 사이트를 운영하면서 때때로 검사를 해주면서, 보안을 생활화 해야겠습니다.

그리고 Wordfence 에서는 웹 방화벽 (Firewall) 기능을 제공하고 있습니다.

Wordfence 방화벽을 통하여 플러그인을 추가하거나 테마를 설치할때 사이트에 위협이 되는 점을 감지해 내고 사이트를 지켜줍니다.

그리고 Blocking 기능을 이용하여 특정 ip를 블럭 시키거나 특정 지역에서 접속하는 것을 막을 수 도 있습니다.

Wordfence 도구(Tools)에 들어가보면 Live Traffic을 확인할 수 있는데, 어떤 페이지에 접속해서 무엇을 했는지 여부를 감시해 줍니다.

Live Traffic Options을 잘 설정하여 사이트 보호에 만전을 기해야 겠습니다.

Series 플러그인 활용하기!!

그럼 이전에 작성했던 포스트에 시리즈 목록을 출력하도록 숏코드를 넣어보겠습니다.

사이트 관리자의 글 모든 글에 들어가서

시리즈 목록을 넣을 포스트를 선택하고 편집을 누릅니다.

그리고 포스트 하단에

# 워드프레스 블로그 만들기 시리즈 [ series_list_related]

위의 코드를 삽입해 줍니다.

포스트 하단에 시리즈 목록이 잘 출력되고 있네요.

series_list_related 숏코드는 해당 포스트가 소속된 시리즈 목록을 자동으로 출력해기 때문에, 위의 코드만 넣어두면 시리즈가 계속 추가되어도 자동으로 갱신됩니다.

그리고 하나 더!!

series_list_posts 숏코드를 이용하면 다른 시리즈도 출력할 수 있습니다.

저는 아직 시리즈가 하나 뿐이라서 다른 시리즈 출력할 일은 없는데, 혹시나 필요하게 되면

다른 시리즈 출력하기 [ series_list_posts series="시리즈 이름"]

위와 같은 숏코드를 이용하여 다른 시리즈 목록을 출력할 수 있습니다.

Series 플러그인 사용하기!!

사이트 관리자의 플러그인 추가로 Series 플러그인을 설치하고 활성화 시켜 줍니다.

Series 플러그인이 활성화되면 사이트 관리자의 글을 눌러보면 Series 항목이 새로 생긴 것을 확인할 수 있습니다.

그럼 먼저 시리즈를 하나 생성해 보겠습니다.

저는 워드프레스 블로그 만들기 시리즈를 만들어 보겠습니다.

워드프레스 블로그 만들기 시리즈가 생겼으며 현재 시리즈에 등록된 글 개수가 0개이므로 이전에 작성했던 글들을 이 시리즈에 등록을 시켜주도록 하겠습니다.

사이트 관리자의 글 메뉴의 모든 글을 누르면 이제까지 작성된 모든 포스트를 확인할 수 있는데요.

포스트에 커서를 갖다 대면 몇가지 메뉴가 생기는데 편집 을 선택해 줍니다.

그리고 편집 화면 우측 하단에 새로 생긴 시리즈 영역에서 방금 생성한 시리즈인 워드프레스 블로그 만들기를 입력하고 포스트를 업데이트 해줍니다.

시리즈에 포스트가 추가된 것을 확인할 수 있네요.

이제 다른 포스트들도 이 시리즈에 모두 추가를 시켜주면 되겠습니다.

이제까지 작성한 워드프레스 블로그 만들기 포스트를 모두 시리즈에 추가 해주고

테마 디자인 - 위젯에 들어가서 주 사이드 바에 Series - List Posts를 추가해 줍니다.

저는 카테고리 아래에 워드프레스 블로그 만들기 시리즈를 Series - List Posts 위젯으로 넣어 보았네요.

limit 개수를 조정하여 원하는 만큼 시리지를 출력할 수 있는데, 0을 넣으니 모두 출력이 되고 있습니다.

음... 카테고리 하고 별로 다를건 없어 보이는데... 이것을 잘 활용하는 방법을 찾아 봐야 겠습니다.

Custom Content Shortcode 플러그인 사용하기!!

사이트 관리자의 플러그인 추가로 Custom Content Shortcode 플러그인을 설치하고 활성화 시켜 줍니다.

그리고 사이트 관리자 페이지에서 페이지를 하나 추가해 줍니다.

그리고 페이지에 다음과 같이 카테고리를 출력하는 코드를 넣어 줍니다.

[ loop type=post category="워드프레스 블로그 만들기"] Custom Content Shortcode 플러그인 사용하기!! [/loop]

그리고 페이지에 접속해 보면

해당 카테고리에 들어있는 포스트들이 출력되고 있습니다.

Custom Content Shortcode에서는 다양한 명령어들을 지원하고 있는데요.

반복문, 조건문 등 Custom Content Shortcode의 명령어를 잘 이용하면 더욱 멋진 카테고리 목록을 출력할 수 있을 것 같네요.

저는 일단 카테고리 별로 쉽게 보기 위해 다음과 같이 만들어 보았습니다.

<h2>워드프레스 설치</h2> <ol> [ loop type=post category="워드프레스 설치" orderby=date order=asc] <li>Custom Content Shortcode 플러그인 사용하기!! (2020년 4월 17일)</li> [/loop] </ol> --- <h2>워드프레스 테마</h2> <ol> [ loop type=post category="워드프레스 테마" orderby=date order=asc] <li>Custom Content Shortcode 플러그인 사용하기!! (2020년 4월 17일)</li> [/loop] </ol> --- <h2>워드프레스 플러그인</h2> <ol> [ loop type=post category="워드프레스 플러그인" orderby=date order=asc] <li>Custom Content Shortcode 플러그인 사용하기!! (2020년 4월 17일)</li> [/loop] </ol> --- <h2>워드프레스 꾸미기</h2> <ol> [ loop type=post category="워드프레스 꾸미기" orderby=date order=asc] <li>Custom Content Shortcode 플러그인 사용하기!! (2020년 4월 17일)</li> [/loop] </ol>

카테고리 별로 날짜순으로 번호를 붙여서 출력하니 조금 더 깔끔하고 보기 좋아진 것 같네요.

Display Posts Shortcode 플러그인 사용하기!!

Display Posts Shortcode플러그인은 포스트를 간단한 코드를 통해 쉽게 배치할 수 있도록 하는 기능을 지원한다고 합니다.

Display Posts Shortcode플러그인을 설치했으면 이제 페이지에 코드를 넣어보겠습니다.

카테고리의 목록을 출력하는 코드는 정말 간단하답니다.

[ display-posts category="워드프레스 블로그 만들기"]

그리고 이 페이지에 접속해보면

워드프레스 블로그 만들기 카테고리에 포함된 글 목록들이 잘 출력되고 있네요.

Display Posts Shortcode플러그인의 문서를 참고하면

https://displayposts.com/tutorials/

다양한 모양으로 출력할 수 있다고 하는데... 공부할게 끝이 없군요.

어쨌거나 방금 만든 페이지를 메뉴에 추가 해주고 적절한 위치에 배치해 주면 워드프레스 블로그에서

이렇게 사용할 수 있게 되었습니다.

먼저 테마가 설치된 폴더에 들어가면

저 같은 경우 twentyfourteen 테마를 사용하기 때문에 themes 폴더 내에twentyfourteen 폴더에 들어갑니다.

폴더내에는 위와 같이 다양한 파일들이 존재하는데, 이번에 수정할 파일은 category.php 파일입니다.

while ( have_posts() ) : the_post(); get_template_part( 'content', get_post_format() ); endwhile; twentyfourteen_paging_nav(); else : get_template_part( 'content', 'none' ); endif;

category.php 파일을 살펴보면 get_template_part( 'content', get_post_format() ); 코드가 보이는데, 현재 카테고리에 접근시 카테고리에 속한 포스트가 있으면 포스트 포맷에 맞게 content.php등을 호출하여 content를 출력해주고 있습니다.

이제 카테고리에서 목록을 출력하기 위해 content.php파일을 복사하여 content-title.php 으로 이름을 변경해 줍니다.

그리고 content-title.php 파일을 호출하기 위해 get_template_part( 'content', get_post_format() ); 코드를 get_template_part( 'content', 'title' ); 으로 고쳐 줍니다.

while ( have_posts() ) : the_post(); get_template_part( 'content', 'title' ); endwhile; twentyfourteen_paging_nav(); else : get_template_part( 'content', 'none' ); endif;

이제 카테고리에 접근하면 content-title.php 을 호출하게 되는데,

the_content( sprintf( /* translators: %s: Post title. */ __( 'Continue reading %s <span class="meta-nav">→</span>', 'twentyfourteen' ), the_title( '<span class="screen-reader-text">', '</span>', false ) ) ); wp_link_pages( array( 'before' => '<div class="page-links"><span class="page-links-title">' . __( 'Pages:', 'twentyfourteen' ) . '</span>', 'after' => '</div>', 'link_before' => '<span>', 'link_after' => '</span>', ) );

이 코드에서 위의 content를 출력하는 코드를 모두 삭제해 줍니다.

<?php the_tags( '<footer class="entry-meta"><span class="tag-links">', '', '</span></footer>' ); ?>

그리고 위의 태그를 출력해 주는 코드도 삭제해 주도록 하겠습니다.

이제 카테고리에 접근하면 모든 내용이 출력되지 않고

위와 같이 카테고리에 속한 포스트의 목록을 확인할 수 있게 되었네요.

워드프레스 메뉴 기능을 이용하여 글 목록 보여주기!!

메뉴 기능은 워드프레스 사이트 관리자의 테마 디자인 메뉴 메뉴를 통해 사용할 수 있습니다.

메뉴 기능에서는 메뉴를 생성하고 아이템을 추가하여 메뉴를 만들 수 있습니다.

그럼 워드프레스 블로기 만들기 메뉴를 하나 만들어 보겠습니다.

메뉴를 생성했으면 메뉴에 아이템을 추가해야 하는데요.

우선은 카테고리들을 모두 추가해 주겠습니다.

워드프레스 블로그 만들기 메뉴에 카테고리들이 추가가 되었는데요.

마우스로 카테고리를 이동시켜 상위 카테고리와 하위 카테고리로 분류해 줍니다.

이제 워드프레스 블로그 만들기 메뉴에 현재까지 생성된 카테고리 분류를 마쳤습니다.

다음으로는 카테고리에 배치할 글들을 추가해 주시고,

카테고리에 맞게 글들을 배치해 주면 되겠습니다.

그리고 메뉴 설정에서 카테고리 위치를 표시할 곳을 정해줍니다.

저는 사이드바 부 메뉴에 방금 만든 메뉴를 배치하도록 하겠습니다.

이렇게 블로그에서 카테고리별로 글 목록을 메뉴 기능으로 확인할 수 있게 되었네요.

워드프레스 테마디자인 – 사용자 정의하기!! #2

먼저 홈페이지 설정!!

홈페이지 설정에서는 홈페이지에 표시되는 내용을 최근 글 혹은 정적인 페이지로 바꿀수 있는데요.

홈페이지를 정적인 페이지로 바꾸고

홈페이지로 쓸 페이지 하나를 추가해 보겠습니다.

그러면 사이트의 홈페이지가 방금 생성한 홈페이지로 변경되게 됩니다.

그러면 편집 버튼을 눌러 이 페이지를 바꿔 보겠습니다.

간단하게 페이지를 고쳐 보았습니다.

이제 제 블로그에 접속하면 이 페이지가 기본적으로 나오게 됩니다.

그리고 아래 글페이지에도

모든글을 볼 수 있도록 페이지 하나를 추가해주고, 블로그에 접속하면

모든 글을 볼수 있는 메뉴가 하나 더 생겼네요.

그런데 저기 기본적으로 나오고 있는 샘플페이지는 필요없는것 같은데... 지워보도록 하겠습니다.

사이트 관리자의 페이지 메뉴에 들어가보면 샘플 페이지가 보이는데, 얘를 휴지통으로 보내버리겠습니다.

그리고 다시 블로그에 접속해보니 이제 샘플 페이지가 보이지 않는군요.

다음으로 살펴볼 것은 추가 CSS 입니다.

이 곳에 CSS 코드를 넣어서 사이트의 테마 디자인을 커스텀으로 변경할 수 있는데요.

원래 제가 사용하는 twentyfourteen 테마는 위와 같이 컨텐츠 영역의 크기가 작아서 보기가 별로더라구요.

그래서 추가 CSS 이 곳에 다음의 코드를 넣어서

.site-content .entry-header, .site-content .entry-content, .site-content .entry-summary, .site-content .entry-meta, .page-content { margin: 0 auto; max-width: 100%; }

CSS 를 적용하면

컨텐츠 영역이 꽉차게 나오니 너무 보기 좋네요.

워드프레스 테마디자인 - 사용자 정의하기!!

테마디자인 - 사용자 정의하기에서는 워드프레스 사이트의 테마를 직관적으로 수정할 수 있는 기능을 제공합니다.

우선 좌측의 메뉴부터 살펴보도록 하겠습니다.

사용중인 테마, 사이트 아이덴티티, 색상, 헤더 이미지 등등 테마를 쉽게 바꿀수 있도록 많은 메뉴를 제공하고 있는데요.

현재 사용중인 Twenty Fourteen 테마를 바로 변경할수도 있구요.

사이트 아이덴티티에서는 사이트 제목과 태그라인, 사이트 아이콘을 선택할 수 있습니다.

전 필요없을것 같은 태그라인을 지우고, 사이트 아이콘을 제가 만든 로고로 넣어보았습니다.

작지만 사이트 아이콘이 나오니 블로그가 한층 멋있어 진 것 같습니다.

색상에서는 사이트 제목 색상과 배경 색상을 바꿀수 있습니다.

헤더 이미지에서는 사이트 상단에 이미지를 넣을 수 있는데...

음... 저는 그냥 안 넣는게 좋을 것 같네요...

혹시 사이트에 어울리는 괜찮은 이미지가 있다면 헤더 이미지로 넣어 보는것도 괜찮을 것 같네요.

배경이미지도 필요하시면 추가해보시면 재미있을 것 같습니다.

그리고 메뉴를 넣을 수도 있는데, 이것은 다음 시간에 자세히 알아보도록 하고...

위젯 메뉴를 이용하여 여러가지 영역의 위젯들을 관리할 수 있습니다.

기본적으로 주 사이드바에는 위와 같은 메뉴가 있는데... 배치가 제 마음에는 들지 않아서

조금 고쳐 보았습니다.

카테고리가 위에 나오니 한결 보기 좋은 것 같네요.

그리고 각 사이드 바의 위젯을 눌러서

원하는 설정을 할 수 있으니, 본인의 취향에 맞게 사이트를 꾸미면 되겠습니다.

콘텐츠 사이드바를 이용해 우측에 추가 사이드바를 만들고 위젯을 추가할 수 있구요.

푸터 위젯 영역을 통해 사이트 하단에 위젯을 추가할 수 있으니, 역시 본인의 취향에 따라 사이트를 꾸며나가시면 되겠습니다.

워드프레스 카테고리 설정하기!!

카테고리는 워드프레스 사이트 관리자에 글을 눌러보면 카테고리 항목이 나오는데 이곳에서 관리할 수 있습니다.

저는 이전에 포스트를 작성할때 워드프레스 블로그 만들기 카테고리를 하나 만들어서 현재 모든 포스트를 이 카테고리로 작성하고 있었습니다.

이번 기회에 카테고리에 대해 알아보면서 카테고리를 세분화 해보겠습니다.

위와 같이 카테고리를 추가할 수 있는데, 워드프레스 설치 카테고리를 워드프레스 블로그 만들기 카테고리 하위 카테고리로 만들수도 있습니다.

그렇게 워드프레스 블로그 만들기 카테고리 아래 워드프레스 설치, 워드프레스 테마, 워드프레스 플러그인 3개의 하위카테고리를 만들었습니다.

그럼 이제 워드프레스 블로그 만들기 카테고리에 등록된 7개의 포스트를 하위 카테고리로 이동해 보겠습니다.

사이트 관리자의 글 항목을 눌러보면 작성된 포스트 목록이 나오는데...

카테고리를 이동할 포스트를 선택하고 상단 좌측 목록에서 편집을 선택하고 적용을 누르면 대량 편집 항목이 열리게 되고

이곳에서 이동할 카테고리를 선택하고 업데이트를 누르면 선택된 항목의 글들이 해당 카테고리로 이동하게 됩니다.

저는 위와 같이 워드프레스 설치, 워드프레스 테마, 워드프레스 플러그인 카테고리로 각 글들을 카테고리에 맞게 이동을 시켜보았습니다.

이제 블로그를 확인해 보면

카테고리 목록이 나오는데 이제 해당 카테고리별로 글을 모아서 볼 수 있게 되었습니다.

그런데 카테고리 목록이 상위 카테고리, 하위 카테고리 구분없이 나오는군요.

그런데 이 부분은 설치된 테마를 편집해서 수정을 할 수 있더라구요.

다시 사이트 관리자에서 테마 디자인 -> 사용자 정의하기를 선택합니다.

그러면 위와같이 테마를 편집할 수 있는 화면으로 넘어가는데, 카테고리 항목의 연필을 클릭하면

카테고리에 대해, 타이틀을 넣어줄 수도 있으며, 드랍다운 방식으로 보여주거나, 표시할 글 개수, 계층도 표시가 가능하도록 선택할 수 있답니다.

저는 표시할 글 개수와 계층도 표시를 선택하고 적용을 시켜주겠습니다.

이제 제가 원하는대로 상위 카테고리와 하위 카테고리를 구분해서 글 목록을 확인할 수 있게 되었으며, 해당 카테고리별로 등록된 글 개수까지 확인할 수 있게 되었네요.

젯팩 플로그인 설치!!

사이트 관리자에서 플러그인 새로 추가를 선택하면 추천 플러그인에서 젯팩을 바로 확인할 수 있습니다. 혹은 젯팩 or jetpack 검색어를 통해 젯팩 플러그인을 찾을 수 있습니다.

젯팩 플러그인을 찾아서 설치를 하고 활성화를 시켜 줍니다.

그런데 젯팩을 활성화 하려면 제팩 설정 버튼을 눌러주시고,

젯팩을 이용하기에 앞서 일단 젯팩에 계정을 만들어야 하더군요.

저는 구글 계정으로 젯팩 계정을 만들어 보았습니다.

젯팩 계정을 생성하고 나면 요금제를 선택해야 하는데요.

각 요금제마다 다양한 기능을 지원하고 있더군요.

하지만 저는 무료로 이용할 예정이기에... 하단의 무료로 시작 버튼을 눌러 무료로 사용해 보겠습니다.

이제 젯팩 활성화가 모두 끝났습니다.

젯팩이 활성화되면 워드프레스 사이트에서 본인의 블로그를 관리할 수 있게 되는것 같네요.

그리고 워드프레스 사이트 관리자 페이지에서도 젯팩 메뉴가 생겨 있습니다.

젯팩의 알림판 화면에서는 다음과 같은 기능들을 살펴볼 수 있는데...

사이트 통계에서는 사이트 방문자 수를 확인할 수 있으며,

보안 관련 설정과

성능 관련 설정들을 확인할 수가 있습니다.

무료 버전이라 일부 기능을 사용할 수 있는 것 같고, 유료버전으로 업그레이드 해야 스팸방지, 자동 백업 등의 기능을 사용할 수 있게 되어 있네요.

 

 

그래도 무차별 공격 대입 보호 기능과, 사이트 가속기, 소셜 공유 기능등은 유용할 것 같습니다.

워드프레스 클립보드 이미지 사용하기!!

다양한 플러그인이 이 기능을 제공하고 있는데, 제가 선택한 것은

The Paste 플러그인!!

이 플러그인을 설치하고 활성화를 시켜 줍니다.

그러면 이제 미디어를 추가할때 Copy & Paste 기능을 통해 클립보드에 있는 이미지를 바로 업로드하고

원하는 크기로 간편하게 삽입을 할 수 있게 되었습니다.

워드프레스에 이미지 추가하기가 정말 편리해 졌습니다.

워드프레스 마크다운 에디터(WP Githuber MD) 설치!!

사이트 관리자에서...

좌측의 메뉴를 보면 테마 디자인 아래 플러그인이 보입니다. 새로 추가를 눌러서 마크다운 플러그인을 설치해 보겠습니다.

플러그인 추가 화면에서 markdown으로 검색하면 마크다운을 지원하는 여러가지 플러그인이 뜹니다.

이 중에서 저는 WP Githuber MD – WordPress Markdown Editor 플러그인을 사용해 보려고 합니다.

이 플러그인을 설치하고 활성화를 시켜 줍니다.

그리고 새글 작성하기를 해보겠습니다.

워드프레스 마크다운 에디터(WP Githuber MD) 적용 완료!!

워드프레스를 처음 설치 했을땐 기본적으로

Twenty Nineteen 이라는 테마가 적용이 되어 있는데요.

블로그 홈화면에 접속하면

위와 같은 화면을 만나게 됩니다.

이 테마를 제가 원하는 테마로 한번 바꾸어 보겠습니다.

블로그 하단에

그 밖의 기능에 보면 사이트 관리가 보입니다.

사이트 관리를 눌러서 워드프레스 사이트를 관리하는 페이지로 이동합니다.

좌측 메뉴에 보면 테마 디자인이 보이는데

거기서 테마를 클릭합니다.

그러면 테마 페이지로 이동하게 되는데, 기본적으로 Twenty Nineteen, Twenty Seventeen, Twenty Sixteen 테마가 깔려 있네요.

저는 셋 다 마음에 들지 않네요.

그래서 새 테마 추가하기를 눌러 새로운 테마를 추가해 보겠습니다.

다양한 테마가 보이는데... 본인의 취양에 맞는 테마를 고르시면 될 것 같네요.

전 개인적으로 Twenty Fourteen 테마가 마음에 들더군요.

설치 버튼을 누르고

활성화 버튼을 누르면

짜잔~~

테마가 바로 적용이 되었습니다.

워드프레스 설치하기!!

다음의 워드프레스 사이트에서

https://ko.wordpress.org/download/

워드프레스를 다운 받아 압축을 풀고 이전에 설치한 오토셋 경로안에 public_html 폴더안으로 이동합니다.

그리고 저는 wordpress 폴더이름을 mywp로 바꿔 주었습니다.

위와 같이 \AutoSet10\public_html\mywp 경로로 워드프레스 파일들이 배치된 것을 확인할 수 있습니다.

이제 다음의 주소로 웹브라우저로 다음의 주소를 쳐서 접속해 보겠습니다.

http://127.0.0.1/mywp/

그러면 위와같이 워드프레스 설치를 진행하기 위한 화면을 만나게 되는데요.

이제 워드프레스를 설치해 보겠습니다.

다음 화면에서 위와같이 데이터베이스 이름, 사용자명, 암호 등을 입력해야 하는데요.

데이터베이스 이름은

새 데이터베이스 만들기에서 넣어준 이름을 넣어주시고

사용자명은 root 암호는 이전에 변경했던

암호를 넣어주시면 됩니다.

데이터베이스 호스트는 localhost 놔두시면 되고, 테이블 접두어는 wp_ 를 그대로 쓰셔도 무방하겠습니다.

혹시 여러개의 워드프레스를 설치해서 사용해야 한다면 워드프레스 별로 접두어를 구별하기 쉽게 해주시면 관리에 조금 더 이로울거라 생각합니다.

모든 값을 제대로 입력했다면 이제 설치를 위한 준비 과정이 거의 끝났습니다.

마지막으로 워드프레스의 사이트 제목과 관리할 사용자 이름과 암호 등을 입력해 주시고 워드프레스를 설치하면 되겠습니다.

설치가 성공적으로 끝이 났습니다.

조금 전 생성한 계정으로 로그인 해주시면

워드프레스 관리 페이지가 나타나게 되며

홈버튼에 마우스를 올려 사이트 방문을 눌러보면

워드프레스로 만든 내 블로그 사이트를 확인할 수 있습니다.

워드프레스 설치를 위한 MySQL 데이터베이스 설정!!

웹브라우저를 열어서 주소창에 다음 주소를 입력해주시고

http://127.0.0.1/

위와같은 화면이 나온다면 설치 완료!!

이제 워드프레스 설치에 앞서 데이터베이스를 설정해 보겠습니다.

http://127.0.0.1/phpmyadmin/

위의 주소로 접속해보면

데이터베이스를 관리하는 phpMyAdmini 접속 페이지가 나오는데요.

사용자명은 root 암호는 autoset 을 입력해서 로그인을 합니다.

그리고 암호를 변경해 주는것이 좋겠는데요.

상단 메뉴에서 사용자 계정에 들어가서

root localhost 라인의 권한 수정을 클릭 해줍니다.

상단에 있는 암호변경을 눌러주시고

원하는 암호를 입력하여 암호를 변경해 줍니다.

그리고나서는 바뀐 암호로 다시 로그인을 해주셔야 합니다.

이제 워드프레스 설치를 위해 데이터베이스를 만들어 주도록 하겠습니다.

새 데이터베이스 만들기 아래에 데이터베이스명을 입력해 주시고

저는 mywp 라는 이름으로 데이터베이스를 만들어 보겠습니다.

데이터베이스명에 mywp를 입력하고 만들기를 누르면

mywp라는 데이터베이스가 생성된걸 확인할 수 있습니다.

워드프레스 설치를 위한 MySQL 데이터베이스 설정 완료!!

오토셋(AutoSet) 웹서버 설치!!

다음의 오토셋 사이트에서

http://autoset.net/xe/download_autoset_10_7_2

오토셋을 다운받아서 설치하면 되는데요.

최신버전인 오토셋 10 버전을 자신의 컴퓨터 사양에 맞도록... 저같은 경우 64비트 버전을 다운 받아서 설치를 진행합니다.

언어는 한국어를 선택해 주시면 되겠고

설치 경로는 원하는 곳을 지정해 주시면 되겠습니다.

구성 요소 설치는 전체 설치를 해서 필수 구성요소인 아파치 HTTP 서버와 PHP 외에도 데이터베이스, 데이터 베이스 관리도구인 phpMyAdmin 까지 모두 설치해 줍니다.

설치가 완료되면 오토셋 매니저를 실행하시고

웹서버와 MySQL 시작 버튼을 눌러서 둘 다 시작을 해줍니다.

오토셋(AutoSet) 설치 끝!!

+ Recent posts