워드프레스 강좌 / 설치하기

시스템 요구사항

워드프레스를 설치하려면 PHP를 사용할 수 있는 웹서버와 데이터베이스 서버가 필요합니다.

  • 웹서버는 어떤 것이든 상관없지만, 권장되는 것는 Apache와 NginX입니다.
  • 데이터베이스 서버는 MySQL 또는 MariaDB가 필요합니다.

We recommend servers running version 7.3 or greater of PHP and MySQL version 5.6 OR MariaDB version 10.0 or greater.
We also recommend either Apache or Nginx as the most robust options for running WordPress, but neither is required.

웹호스팅을 이용할 경우 보통 위 조건을 만족합니다. 그래도 호스팅 신청하기 전에 워드프레스 설치가 가능한지 확인하는 게 좋습니다.

준비할 것

  • 워드프레스를 설치할 웹서버가 필요합니다. 직접 구축하기 어려운 경우 웹호스팅을 신청하세요. 무료도 있고, 테스트 목적이라면 월 몇 백원 정도의 저렴한 웹호스팅도 괜찮습니다.
  • 어디서나 접속할 수 있는 도메인이 있으면 좋습니다. 웹호스팅 업체에서 무료로 제공하기도 합니다.
  • 웹서버에 접속할 수 있는, FTP로 파일을 업로드할 수 있는 계정과 비밀번호를 알아야 합니다.
  • 데이터베이스 이름과 계정, 비밀번호를 알아야 합니다.
  • 파일을 서버로 업로드할 때 FTP Client 프로그램을 사용합니다. FileZilla가 널리 쓰이며, 사용법은 여기에 있습니다.

다운로드

워드프레스는 영어, 한국어, 프랑스어, 일본어 등 여러 언어를 지원합니다. 설치하는 과정에서 또는 설치 후에 언어를 변경하는 것이 가능하므로, 사용할 언어의 워드프레스를 찾을 필요 없이 공식 홈페이지에서 다운로드하면 됩니다.

워드프레스는 다음 링크에서 다운로드 받을 수 있습니다.

https://wordpress.org/download/

만약 구 버전의 워드프레스나 IIS용 워드프레스가 필요하다면 다음 링크에 방문하세요.

https://wordpress.org/download/releases/

업로드

도메인과 서버 홈 디렉토리가 다음과 같다고 가정하겠습니다.

  • 도메인 : cmsfactory.net
  • 홈 디렉토리 : /home/www

즉, 웹브라우저로 cmsfactory.net에 접속하면 서버의 /home/www 디렉토리에 있는 내용을 보여주는 것입니다.

다운로드 받은 파일의 압축을 풀면 wordpress 폴더 안에 다음과 같은 폴더와 파일들이 있습니다.

\wp-admin
\wp-content
\wp-includes
 index.php
 license
 readme
 wp-activate.php
 wp-blog-header.php
 wp-comments-post.php
 wp-config-sample.php
 wp-cron.php
 wp-links-opml.php
 wp-load.php
 wp-login.php
 wp-mail.php
 wp-settings.php
 wp-signup.php
 wp-trackback.php
 xmlrpc.php

이 폴더와 파일들을 서버의 /home/www에 업로드하면 cmsfactory.net으로 접속했을 때 워드프레스로 만든 사이트가 나옵니다.

wp라는 디렉토리를 만들고 /home/www/wp에 업로드하면 cmsfactory.net/wp로 접속했을 때 워드프레스로 만든 사이트가 나옵니다.

웹브라우저로 접속

  • /home/www에 업로드했다면 cmsfactory.net으로, /home/www/wp에 업로드했다면 cmsfactory.net/wp로 접속합니다.
  • 한국어를 선택하고 [계속]을 클릭합니다.

  • [Let's Go!]를 클릭합니다.

데이터베이스 정보 입력

  • 데이터베이스 정보를 입력합니다.
  • 테이블 접두어는 변경해도 됩니다.
  • 입력을 마쳤으면 [저장하기]를 클릭합니다.

  • [설치 실행하기]를 클릭합니다.

사이트 정보 입력

  • 사이트 제목, 관리자 등 사이트 정보를 입력하고 [워드프레스 설치하기]를 클릭합니다.
  • 여기서 입력한 정보는 설치 후에 변경할 수 있습니다.

  • 만약 단순한 암호를 입력하면 [취약한 암호 사용 확인]이라는 것이 나옵니다. 체크를 해야 사용 가능합니다.

설치 완료

  • 설치에 성공하면 다음과 같은 화면이 나옵니다.
  • [로그인]을 클릭합니다.

  • 사용자명과 암호을 입력하고 로그인합니다.

  • 다음과 같은 화면이 나오면 정상적으로 설치된 것입니다.

같은 카테고리의 다른 글

워드프레스 강좌 / 플러그인 / GS Logo Slider Lite / 파트너, 고객사 로고 슬라이더 만드는 플러그인

워드프레스 강좌 / 플러그인 / GS Logo Slider Lite / 파트너, 고객사 로고 슬라이더 만드는 플러그인

기업 홈페이지에 가면 파트너 또는 고객사 로고가 가로 방향으로 흘러가는 것을 볼 수 있습니다. 이를 보통 로고 슬라이더라고 합니다. 로고 슬라이더는 직접 코딩하거나 공개된 오픈 소스를 이용하여 만들 수 있는데, 워드프레스라면 플러그인으로 쉽게 구현할 수 있습니다. 플러그인 추가 화면에서 logo slider로 검색하면 상당히 많은 플러그인이 나오는데, 사용법은 비슷합니다. 가장 먼저 나오는 ...

워드프레스 강좌 / 플러그인 설치하기, 삭제하기

워드프레스 강좌 / 플러그인 설치하기, 삭제하기

플러그인을 설치하는 방법 플러그인을 설치하는 방법은 세 가지가 있습니다. 웹에서 바로 설치하기 ZIP 파일 업로드하여 설치하기 FTP로 업로드하여 설치하기 WordPress.ORG에서 공유되는 플러그인은 보통 1번 방식으로 설치합니다. WordPress.ORG에서 공유되지 않는 플러그인은 2번 또는 3번 방식으로 설치합니다. 웹에서 바로 설치하기 에서 설치하려는 플러그인을 찾습니다. 추천, 인기 등에서 널리 쓰이는 플러그인을 볼 수 있고, 검색을 통해서 원하는 ...

워드프레스 강좌 / Smush / 이미지 압축, 최적화 플러그인

워드프레스 강좌 / Smush / 이미지 압축, 최적화 플러그인

워드프레스에 이미지를 업로드하면 썸네일을 만듭니다. 예를 들어 image.png를 업로드하면 image-150x150.png 같은 파일이 만들어지는 것이죠. 문제는 한 개만 만드는 것이 아니라는 것입니다. 워드프레스 미디어 설정에 있는 세 가지 썸네일은 기본으로 만들고, 테마에서 요구하는 썸네일, 플러그인에서 요구하는 썸네일 등을 잔뜩 만듭니다. 따라서 이미지를 한 개 업로드해도 여러 개의 썸네일 때문에 디스크 용량을 ...

워드프레스 강좌 / 플러그인 / Loco Translate / 번역 파일을 수정하거나 새로 만드는 플러그인

워드프레스 강좌 / 플러그인 / Loco Translate / 번역 파일을 수정하거나 새로 만드는 플러그인

번역 워드프레스, 플러그인, 테마는 번역 파일을 이용해서 각 나라의 언어로 표현될 수 있도록 만들어집니다. 번역 파일은 보통 자동으로 설치되고, 다운로드 받아서 사용할 수도 있습니다. 하지만, 번역 파일이 존재하지 않는 플러그인이나 테마가 있을 수도 있고, 번역 파일이 있어도 번역이 마음에 들지 않을 수도 있습니다. 그럴 땐 직접 번역 파일을 만들거나 수정하여 사용할 수 있습니다. Loco Translate Loco ...

워드프레스 강좌 / 특성 이미지 설정하는 방법

워드프레스 강좌 / 특성 이미지 설정하는 방법

특성 이미지 워드프레스의 글이나 페이지에는 특성 이미지를 설정하는 옵션이 있습니다. 특성 이미지는 해당 글을 대표하는 이미지로, 글의 내용을 잘 반영하는 이미지로 설정합니다. 특성 이미지는 본문에 삽입되는 것은 아니지만, 테마나 플러그인에서 여러 가지 방식으로 활용하니, 가능하다면 설정하는 것이 좋습니다. 특성 이미지 설정하기 글이나 페이지를 작성하는 화면에 특성 이미지를 설정하는 옵션이 있습니다. 을 클릭합니다. 기존 ...

워드프레스 강좌 / 자식 테마(Child Theme)의 뜻과 만드는 방법, 장단점

워드프레스 강좌 / 자식 테마(Child Theme)의 뜻과 만드는 방법, 장단점

자식 테마의 뜻 어떤 테마의 디자인과 기능을 그대로 상속 받는 테마를 자식 테마(Child Theme)라 합니다. 이때 상속해주는 테마를 부모 테마(Parent Theme)라 합니다. 자식 테마 만드는 방법 워드프레스의 기본 테마 중 하나인 Twenty Seventeen의 자식 테마를 만들어보겠습니다. 방법 1 wp-content/themes 폴더에 twentyseventeen-child 폴더를 만듭니다. (폴더 이름은 다른 것으로 해도 상관없습니다.) twentyseventeen-child 폴더 안에 다음의 내용을 가진 style.css ...

워드프레스 강좌 / 플러그인 / List Category Posts / 다양하게 글 목록 출력시켜주는 플러그인

워드프레스 강좌 / 플러그인 / List Category Posts / 다양하게 글 목록 출력시켜주는 플러그인

워드프레스 기본 위젯에 최근 글 위젯이 있습니다. 최신 글 목록을 보여주는 위젯으로 제목 또는 제목과 날짜를 출력해줍니다. 워낙 단순한 기능의 위젯이라 불편한 점이 좀 있습니다. 요약글을 보여주지도 못하고, 썸네일을 출력할 수도 없습니다. 글쓴이를 보여주거나 특정 카테고리의 글만 출력하지도 못합니다. 이를 해결해주는 플러그인 중의 하나가 List category posts입니다. 원하는 카테고리의 글을 원하는 양식으로 ...

워드프레스 강좌 / 블록 에디터 / 코드 입력하는 방법

워드프레스 강좌 / 블록 에디터 / 코드 입력하는 방법

워드프레스에서 글 작성할 때 코드를 붙여넣으면, 들여쓰기가 제대로 표현되지 않거나 코드를 실행해버리는 등 원하는 모양으로 나오지 않는 경우가 있습니다. 그럴 경우 그대로 붙여넣지 말고 코드 블록으로 붙여넣습니다. + 아이콘을 클릭하고 를 클릭합니다. 그리고 코드를 붙여넣습니다.

워드프레스 강좌 / 플러그인 / Crayon Syntax Highlighter / 코드 문법 하이라이트 플러그인

워드프레스 강좌 / 플러그인 / Crayon Syntax Highlighter / 코드 문법 하이라이트 플러그인

Crayon Syntax Highlighter 프로그래밍을 주제로 하는 블로그나 사이트라면 수많은 코드를 글에 포함하게 됩니다. 코드는 <pre> 태그나 <code> 태그를 이용하여 고정폭 글꼴로 나타낼 수도 있으나, 단색으로 나타내므로 읽는게 불편합니다. 워드프레스에는 이런 불편을 해소해주는 Syntax Highlighter 플러그인이 많습니다. 그 중 사용하기 편하고 다양한 기능을 가진 플러그인이 Crayon Syntax Highlighter입니다. Crayon Syntax Highlighter는 꽤 오랫동안 업데이트가 되지 않고 있어서 ...

워드프레스 강좌 / 플러그인 / Google XML Sitemaps / 사이트맵 만들어주는 플러그인

워드프레스 강좌 / 플러그인 / Google XML Sitemaps / 사이트맵 만들어주는 플러그인

사이트맵(Sitemap) 사이트맵은 사이트에 있는 콘텐츠의 URL, 업데이트 날짜, 중요도 등을 정리한 XML 파일입니다. Sitemaps.org에서는 사이트맵을 다음과 같이 설명하고 있습니다. Sitemap은 웹마스터가 크롤링에 사용할 수 있는 사이트의 페이지에 대한 정보를 검색 엔진에 알리는 손쉬운 방법입니다. Sitemap의 가장 간단한 형식은 검색 엔진에서 사이트를 보다 지능적으로 크롤링할 수 있도록 각 URL에 대한 추가 메타데이터(마지막 업데이트된 날짜, ...

워드프레스 강좌