워드프레스 설치 후 기본적인 작업...[기초]

다음은 기본적인 워드프레스 사용법에 대한 내용입니다. 워드프레스를 설치했지만 무엇부터 시작해야 할 지 모르는 경우 참고하시기 바랍니다.

워드프레스를 처음 접하는 경우 다음 글을 참고해보세요.

테마 설치하기

테마를 설치하려면 알림판(대시보드)에서 외모 > 테마에서 "새로 추가"를 선택합니다.
Installing new theme in WordPress
상기 화면에서 새로운 테마를 검색하여 원하는 테마를 설치할 수 있습니다. "테마 검색" 상자(1)에 원하는 키워드를 입력하여 검색합니다. 키워드는 영어로 입력하도록 합니다. (한글로 입력하면 "테마를 찾을 수 없습니다"라는 메시지가 표시될 것입니다.)

유료 테마를 구입하거나 인터넷에서 테마를 다운로드한 경우에는 "테마 업로드"(2)를 클릭하여 zip 파일로 압축된 테마 파일들을 업로드할 수 있습니다.
upload theme wordpress
어떤 이유로 인해 파일을 업로드할 수 없는 경우에는 zip 파일로 된 테마 파일의 압축을 풀고 테마 파일들을 FTP를 통해 업로드해야 합니다.
upload theme files using FTP9
테마 파일들을 폴더째 "워드프레스 설치 폴더 > wp-content > themes" 폴더 아래로 업로드합니다. 그런 다음 "외모 > 테마"에서 업로드한 테마를 "활성화"시킵니다.

테마 삭제하기

워드프레스 알림판의 외모 > 테마에서 삭제하려는 테마의 스크린샷 위에 마우스를 올립니다. 그러면 "테마 상세"가 표시됩니다.  테마 상세를 클릭하면 테마에 대한 자세한 정보가 표시된 테마 상세 화면이 표시됩니다. 오른쪽 맨 아래에 삭제 링크가 있습니다. 삭제를 클릭하여 간단히 삭제할 수 있습니다.

워드프레스에서 테마 삭제하기

플러그인 설치하기

플러그인 설치도 테마 설치와 유사합니다. 플러그인을 설치하려면 알림판에서 "플러그인 > 플러그인 설치하기"를 선택합니다.
Plugin add plugin in wordpress
그러면 "플러그인 추가" 화면이 표시됩니다.
Add plugin screen in wordpress

보통의 경우 위의 화면에서 "플러그인 검색"(1)에 키워드를 입력하여 설치할 플러그인을 검색한 후에 원하는 플러그인을 설치합니다. 가령 회원가입 관련 플러그인을 원하는 경우 "Membership"을 입력하여 엔터를 누르면 다음과 같은 화면이 표시됩니다.
Search plugins
여러 플러그인이 검색되면 "더 많은 상세"를 눌러 자세한 정보를 확인한 후에 "지금 설치하기"를 선택하여 설치하고 활성화시켜주면 플러그인을 사용할 수 있습니다.

마찬가지로 유료 플러그인이나 인터넷에서 다운로드받은 플러그인의 경우 위의 화면에서 "플러그인 업로드"(2)를 선택하여 직접 파일을 서버로 업로드하는 방식으로 설치합니다.

또, 어떤 이유로 위의 방법으로 플러그인을 설치할 수 없는 경우에는 FTP를 통해 "워드프레스 설치 폴더 > wp-content > plugins" 폴더 아래에 폴더째 플러그인 파일을 업로드합니다. 그런 다음 알림판의 "플러그인 > 설치된 플러그인"에서 업로드한 플러그인을 활성화시켜줍니다.

글 작성하기

글은 "글 > 새 글 쓰기"를 선택하여 새로운 글을 작성할 수 있습니다.
creating a new post in wordpress

그러면 아래와 같은 화면이 나옵니다.
write a new post screen

제목(1)과 내용(2)을 작성하고 그 외에 카테고리, 태그, 특성 이미지 등을 지정(선택 사항)한 후에 "공개하기"(3)를 누르면 글이 사이트에 공개되어 일반인들이 사이트에 접속하여 글을 볼 수 있습니다.

기존 글을 편집하려면 "글 > 모든 글"을 선택하고 편집할 글 위에 마우스를 갖다 댑니다. 그러면 아래 그림과 같이 여러 메뉴가 표시됩니다. 표시된 메뉴 중 "편집"을 누르면 글을 편집할 수 있는 화면으로 이동합니다.

사이트 제목/헤더 이미지/배경 이미지 추가

사이트 제목/헤더 이미지/배경 이미지 등의 작업은 외모 > 사용자 정의하기에서 수행할 수 있으며, 이 메뉴는 테마에 따라 달라질 수 있습니다.
site title in wordpress
사이트 제목 섹션에서 사이트 제목과 사이트 설명을 변경할 수 있습니다. 그리고 "헤더 이미지" 부분에서는 헤더 그림을 추가/변경할 수 있고 "배경 이미지" 부분에서는 배경 그림을 추가/변경할 수 있습니다.

* 많은 테마에서 "테마 옵션"이라는 별도의 메뉴를 제공하는 경우가 있습니다. 그런 경우 테마 옵션(Theme Options)에서 위의 설정뿐만 아니라 매우 세부적인 설정도 지정할 수 있습니다.

메뉴 만들기

메뉴 관련 작업은 외모 > 메뉴에서 이루어집니다.
새로운 메뉴를 만들려면 "새로운 메뉴를 생성하세요."를 선택하고 "메뉴 이름"을 입력하고 "메뉴 생성"을 누르면 됩니다.
creating a new menu in wordpress

메뉴를 생성했다면 페이지/글/카테고리/링크 등을 메뉴 항목으로 추가할 수 있습니다.

Adding menu items in wordpress
그리고 메뉴 위치를 "테마 위치"(2) 옆의 확인란을 선택하거나 "위치 관리하기"(3)를 눌러서 지정할 수 있습니다. 위의 그림에서는 메뉴 위치가 "Primary Menu"하나밖에 없지만 테마에 따라 여러 개의 메뉴 위치가 있을 수 있습니다.

위젯 추가하기

워드프레스 위젯이란 특정 기능을 수행하는 작은 블록으로서, 이러한 위젯을 사이드바 등의 특정 영역에 추가할 수 있습니다. 위젯을 추가할 수 있는 공간을 위젯 영역이라고 합니다. 위젯 영역은 테마에 따라 다르며 보통 사이드바, 푸터 등의 영역에 위젯을 추가할 수 있습니다. 위젯을 추가하거나 제거하려면 외모 > 위젯으로 이동합니다.
Wordpress Widget menu
위의 그림은 "Arcade Basic"이라는 테마의 위젯 메뉴입니다. 이 테마에서는 3개의 위젯 영역을 제공합니다. 위젯을 추가하려면 왼쪽의 위젯을 오른쪽으로 마우스를 사용하여 끌어다 놓으시면 됩니다. 또는 아래 그림과 같이 원하는 위젯을 마우스로 클릭한 다음 "위젯 추가"를 클릭하면 지정한 위젯 영역에 위젯이 추가됩니다.
How to add widget in wordpress

유료 테마/플러그인 구입하기

워드프레스는 테마와 플러그인을 통해 디자인과 기능을 사용자 구미에 맞게 조정할 수 있습니다. 테마의 경우 많은 유무료 테마가 제공됩니다. 기본적으로 외모 > 테마에서 검색하여 원하는 테마를 사용할 수 있습니다. 보다 특화된 기능과 디자인을 원하는 경우 아바다, Enfold, Be 테마 등 유료 테마를 고려해볼 수 있습니다. 유료 워드프레스 테마/플러그인을 구입하는 방법은 여기를 참고하시기 바랍니다.

마치며...

이상으로 워드프레스 사용과 관련된 기본적인 사항을 살펴보았습니다. 워드프레스는 기본적으로 php 언어 기반이기 때문에 PHP를 알면 테마를 수정하는 데 많은 도움이 됩니다. 그리고 외형을 CSS를 통해 조정할 수 있기 때문에 가능한 경우 기본적인 CSS에 대해 배울 것을 권장합니다.

참고:


13개 댓글

      1. 속도가 그리 느린 것 같지가 않네요.

        Disqus를 미리 로드하지 말고 사용자가 마우스를 스크롤할 때 로드하도록 하면 아마 도움이 될 것입니다.

        저는 Disqus Conditional Load 플러그인을 사용하고 있습니다.
        테스트해보셔도 괜찮을 것 같습니다.

        https://www.thewordcracker.com/basic/disqus%EB%A5%BC-%EC%A7%80%EC%97%B0-%EB%A1%9C%EB%93%9C%ED%95%98%EC%97%AC-%EC%9B%8C%EB%93%9C%ED%94%84%EB%A0%88%EC%8A%A4-%EC%82%AC%EC%9D%B4%ED%8A%B8-%EC%86%8D%EB%8F%84-%EB%86%92%EC%9D%B4%EA%B8%B0/

  1. 회사에서 홈페이지를 워드프레스로 만들려고 하는데 막막해요 ㅠㅠ 사이트에서 궁금한 것 찾아갑니다!

  2. 올려주신 컨텐츠들 전부 너무 잘보고있어요. 운영자님 저는 지금 프론트엔드 쪽 기술만 학습한 상태인데요. (html+css+javascript+jquery).

    종종연습할때에, 개발도구로 html파일을 생성하고 css파일생성하고 js파일생성한후 전부 html파일에 임폴트시켜서 페이지를 구축하는 식으로 연습을 해왔어요.
    그래서 메뉴라던지. 이런 정보만 표출하는 단적인 페이지는 전부 html로 구축하려는데 워드프레스의 무료테마 중, 자식테마들(회사소개,제품소개)와 같은 단순 정보 제공 페이지는 html+css+javascipt로 구성할수 있을것으로 예상하고 워드프레스를 보고있는데. 전혀 아닌거 같아요. 혹시 위 말씀드린 기술만으로 어느수준까지 구축이 가능한지 여쭈어봐도될까요? 거의다 php기반으로 되어있어서 조금 시무룩하긴한데. php를 학습하기전에 익힌 기술들을 써먹어보고, 구축해보고 싶어서요.
    1. 안녕하세요? 늦은 시각에 블로그를 방문해주셔서 감사합니다. 워드프레스는 CMS, 즉 컨텐츠 기반 시스템이기 때문에 단순 정보 제공 사이트를 구축하기 위한 용도로서는 좀 안 맞을 수도 있을 것 같습니다.

      그리고 이때까지 공부한 내용을 PHP와 결합하면 더 좋은 워드프레스 사이트를 만드는 데 많은 도움이 되리라 생각됩니다. (제 답변이 별 도움이 안 될 것 같네요.)

      1. 아닙니다, 혹시 제 설명이 부족한 거같은데, 스크린 샷을 첨부하여 여쭈어봐도될까요?

        (운영자님이 바쁘시지만 않다면요)
      2. 정말 감사합니다...이런 컨텐츠를 무료로 볼 수 있다는 것에 감사합니다.

        그런데 혹시 이고잉님이세요..?
      3. 댓글 감사합니다. 이고잉님에 비하면 저는 정말로 "새발의 피"에 비유될 수 있겠네요. 저는 번역을 본업으로 하면서 취미로 이 개인 블로그를 운영하고 있습니다. (이외에도 업무와 관련하여 여러 개의 워드프레스 사이트를 운영하고 있습니다.) 이곳에 글을 올리는 이유는 머리 속에 맴돌던 것을 글로 표현하여 올리면 생각이 정리되고, 추후에 다시 찾기 쉽기 때문입니다. (알고 있는 내용도 시간이 지나면 희미해지기 마련인데 글로 작성해놓은 것을 보면 더욱 빨리 기억해낼 수가 있죠.) 그리고 저와 비슷한 고민을 한 내용에 대해서 많은 사람과 공유하는 효과도 얻을 수 있고요. 열심히 하셔서 소기의 목적을 달성하시기 바랍니다. 그럼, 오늘도 즐거운 하루 보내세요^^

댓글 남기기

* 이메일 주소는 공개되지 않습니다.