라즈베리파이 - Wordpress Theme 설정 및 사용자화

테마설정 및 페이지 사용자화는 이전에 CMS 관련 실습에서 Batflat으로 어느정도 경험했었습니다. 하지만 Wordpress의 경우 전세계에서 가장 대표적으로 쓰이는 CMS인 만큼 가지고 있는 테마, 이와 관련된 사용자화 옵션이 굉장히 많습니다. 이번 실습에서는 Wordpress의 테마를 설정해보고 페이지를 사용자화하는 실습을 진행하도록 하겠습니다. 실습상황은 이전 글 Wordpress 설치 후부터 이어집니다.

​

​wordpress의 테마를 변경하고 설정하기 위해서는 몇가지 작업이 필요합니다. 테마 변경을 위해서는 테마를 다운로드하고 모듈을 설치해야하는데 이를 위해서는 Wordpress 관리를 위한 디렉토리 권한을 변경해줘야 합니다.

​

사실 해당 과정은 ftp / sftp 연결이 가능하다면 해당 과정을 수행하지 않아도 됩니다. 해당 연결들이 가능하다면 filezilla 같은 프로그램을 이용해서 파일전송이 가능하기 때문입니다. 그래서 정상적인 웹호스팅 서비스를 통해서 wordpress를 설치하는 경우 ftp / sftp 연결이 가능할 뿐더러 해당작업은 Super user가 되어야 하기 때문에 불가능합니다.

​

하지만 현재 실습을 진행하고 있는 라즈베리파이의 경우 내부IP를 사용하므로 외부의 다른 사이트와 연결하는 것이 불가능하기 때문에 테마나 모듈설치 파일을 직접 가져올 수 없으므로 해당 과정이 굉장히 어려워지게 됩니다.

​

그래서 이를 위해서 다음 2가지 명령어를 이용합니다. wp-content라는 디렉터리의 그룹과 모드를 변경합니다. (wp-content 디렉터리 내에 테마와 여러모듈들이 설치됩니다.)

sudo chgrp -R www-data ~/html/wordpress/wp-content

그룹을 변경, 그룹명칭을 www-data(웹사이트를 통해 들어오는 게스트 계정)

sudo chmod -R 775 ~/html/wordpress/wp-content

모드를 변경, (게스트 그룹이 해당 디렉터리를 읽고 쓸 수 있는 권한을 주도록 하기 위함)

각 명령어들이 가지는 의미를 간략하게 적어봤습니다. 즉, 위의 과정을 하는 이유는 내부 IP를 사용하는 라즈베리파이에서도 여러가지 테마파일과 모듈들을 가져오도록 하기 위함입니다.

---

단, 위에서 언급한 명령에 대해서는 한가지 문제점을 가지고 있습니다. 그것은 바로 현재 사용하는 사용자 계정이 Super User가 될 수 없는 계정이라는 점입니다. Super User가 될 수 있는 권한을 가지고 있지 않은 계정인 경우 sudo를 사용하면 다음과 같이 나타나면서 접근이 거부됩니다.

이에 대해서는 몇가지 해결책이 있으나 본 실습에서는 서버관리자와 사용자의 역할을 명확하게 구분하기 위해서 해당 작업을 Super User가 될 수 있는 관리자 계정으로 접속하여 진행하겠습니다.

pi 계정으로 접속해서 Super User(root) 권한을 획득한 모습

이제 여기서 wp_hjy계정의 디렉터리로 이동해서 해당 명령어를 입력해주면 됩니다.

다음과 같이 /root에서 /home 디렉터리로 이동하면 다음과 같이 현재 라즈베리파이 서버에 등록되어 있는 계정들이 가지고 있는 저장소들이 나타납니다. 이제 여기서 접근하고자 하는 계정인 wp_hjy로 접근해주도록 하겠습니다.

다음과 같이 wp_hjy 계정의 document root 디렉터리로 접근하였습니다. 이제 해당 위치에서 이에 언급했던 두 명령어를 입력해주면 됩니다. 현재 root 이기 때문에 sudo는 빼고 입력합니다.

다음과 같이 입력해주면 끝입니다. 현재 root 계정이기 때문에 sudo를 빼고, 경로를 상대경로를 사용하였음을 참고하시기 바랍니다.

---

​

그리고 추가적으로 wp-config.php 파일을 수정해줘야 합니다. 해당 파일을 수정하는 이유는 모듈을 설치할 때 ftp를 거치지않고 직접설치하도록 하기 위해서 입니다. (이에 대한 내용은 차후에 더 보강하도록 하겠습니다.) 해당 파일을 열어서 맨 아랫줄에 다음의 내용을 추가시켜주면 됩니다.

define('FS_METHOD', 'direct');

wp-config.php 파일 마지막에 위의 내용을 추가하면 됩니다.

이로서 wordpress에 다른 테마나 모듈을 설치할 준비가 완료되었습니다. 이제 wordpress 관리자 페이지로 이동해서 "테마 디자인" 항목에서 원하는 테마를 설치하고 활성화 해보겠습니다. wordpress는 전세계에서 사용되는 대표적인 CMS로서 굉장히 많은 수의 테마를 지원합니다. 많은 테마 중에서 원하는 1가지 테마를 골라서 적용해보도록 하겠습니다.

다음과 같이 관리자 페이지에서 좌측 메뉴바를 보면 테마 디자인이라는 항목이 있습니다. 해당 항목을 클릭해서 테마관련 페이지로 이동합니다.

테마 디자인으로 이동하면 다음과 같이 기본적으로 제공하는 3개의 테마가 보이고 새 테마를 추가해서 사용할수도 있습니다.

새 테마 추가를 선택하면 다음과 같이 추가적으로 사용할 수 있는 여러 종류의 테마들이 나타납니다. 여기서 원하는 테마를 선택하면

다음과 같이 해당 테마에 대한 간단한 설명과 미리보기를 할 수 있습니다. 해당 테마를 설치하기 원한다면 좌측 상단에 있는 설치 버튼을 눌러서 간단하게 진행할 수 있습니다. 설치 버튼을 누르면 다음과 같이 설치과정이 진행되고 설치가 모두 완료된 후 활성화를 누르면 해당 테마를 페이지에 적용해서 사용할 수 있습니다.

 

테마 목록에 설치한 테마가 추가된 것을 확인할 수 있고 페이지로 이동해보면 해당 테마가 적용된 것을 확인할 수 있습니다. 그리고 각 테마별로 지원하는 별도의 동작이나 기능을 위해서 다음과 같이 플러그인 설치를 필요로 하는 경우가 있습니다.

테마를 설치하는 것과 동일하게 설치 및 활성화를 클릭하면 자동으로 모든 과정이 진행됩니다. 하지만 현재는 기본값에서 테마만 변경한 상태이기 때문에 페이지가 아직 사용자화 된 느낌이 들지 않습니다. 여기서 몇가지 부가적인 설정을 통해서 페이지를 사용자화 해보도록 하겠습니다.

​

페이지 상단을 보면 "사용자 정의하기" 라는 항목이 있습니다. 해당 항목을 선택하면

다음과 같이 페이지 디자인이나 텍스트와 같은 부분들을 사용자가 편하게 설정할 수 있는 강력한 기능을 제공합니다. 해당 기능을 이용해서 사용자화 시켜보겠습니다. 직접 사용해보면 느끼시겠지만 이전 실습에서 사용했던 batflat과 달리 wordpress는 정말 쉽고 간단하게 세부적인 부분가지 GUI 상에서 수정이 가능해서 매우 편리합니다. 각 항목에 대한 안내도 아주 적절하게 잘 되어 있기 때문에 안내만을 보고도 어렵지 않게 수정할 내용들을 수정하는 것이 가능합니다.

다음과 같이 각 항목들에 대해서 개별적으로 세부적인 편집이 가능합니다. wordpress의 이러한 기능을 통해서 다음과 같이 사용자화를 수행하였습니다.

다음과 같이 페이지의 내용들을 사용자화 하는 모든 과정들이 매우 직관적이어서 굉장히 편리하게 할 수 있습니다.

​

​

​

마지막으로 글을 포스팅 해보도로 하겠습니다. wordpress 페이지의 상단을 보면 다음과 같이 메뉴바에 "새로추가" 라는 항목이 존재합니다.

여기서 글을 클릭해서 새롭게 글을 포스팅 할 수 있습니다.

그래서 다음과 같이 새로추가에서 글을 선택하게되면 글을 입력할 수 있는 부분과 관련 레이아웃 등을 제공하며, 작성자가 원하는 대로 이를 구성할 수 있습니다.

그래서 다음과 같이 글을 작성하고 포스팅 하는 것이 가능합니다. 위의 글은 간단한 테스트를 위해서 간단하게 입력한 것이지만 사용자의 의도에 따라서 더 많은 요소들을 넣어서 글을 작성하는 것도 가능합니다.

​

이것으로 이번 실습을 마치도록 하겠습니다.