블로그 만들기..

워드프레스 설치 및 설정

서버 지원 사양

Apache2 + PHP7.0 + MariaDB + SSH(SFTP)
SSL(nginx-proxy and nginx-proxy let’s SSL  )

처음 워드 프레스를 설치했을때에 여러가지 문제점이 있었다. 처음으로는 SSL이 문제였다. SSL이 기본적으로 셋팅되어 있었다.  nginx-proxy와 연동되는 let’s SSL to nginx-proxy container을 사용하기 때문에 기본적으로 nginx 설정 값이 SSL로 자동으로 리다이렉팅 되게 설정되어있다. 심지어 요즘 크롬의 경우 SSL이 지원되는 웹 사이트의 경우 자동으로 리다이렉팅 된다. 또 wordpress.com 등 외부 cdn 서버들이 http로 링크가 걸려있어 css가 다 깨져보였다. 이는 크롬의 내장 기능인 ‘안전하지 않은 자원 로드’로 임시 해결했다.

SSL을 지원하기 위해 플러그인을 설치해야한다. 플러그인을 설치하기 위해서는 FTP를 설정해야한다. 하지만 기본적으로 워드프레스에서 SFTP를 지원하지 않기에 터미널을 통해 wget 명령으로 sftp 지원 플러그인을 설치했다. 이후 설치가 안되는 문제가 발생했다. 이는 wp-config.php 파일 최 하단에 아래와 같은 소스코드를 삽입하여 해결하였다.

define( ‘WP_TEMP_DIR’, ABSPATH . ‘wp-content/tmp/’) ;

이후 테마를 직접 만들지, 기존 것을 커스텀해서 제작할지 고민중이다.

너무 오랫만에 서버를 만져봐서 그런지 apache2의 rewrite 모듈이 활성화 되어있는지 설정은 어떻게 하는지도 까먹었다.
https://mytory.net/archives/108
위 사이트를 참고하여 설정하였다.

테마 제작

테마를 제작하기 위해 기존에 제작해 놨던 프론트를 워드프레스 테마에 맞게 포팅했다.

워드프레스 테마 제작
https://www.cmsfactory.net/node/10179

위 사이트를 참고했다.

sass

css에서 변수, 내장함수, 연산자 등 기존 css의 불편한점을 개선한 새로운 방법이고 sass는 ruby기반, less는 node기반이다.

css 라이브러리를 사용하려고 하는 중 대부분의 라이브러리들이 sass less를 지원하고 있었다. 이미 내가 추세를 놓친 것인가? 기존 css파일을 sass 또는 scss로 바꿔주는 사이트를 통해 파일을 변환하고 간단한 문법들을 익혔다.

http://css2sass.herokuapp.com/

sass 컴파일방법

sass style.scss style.css

sass –watch style.scss:style.css

2
Leave a Reply

avatar
2 Comment threads
0 Thread replies
0 Followers
 
Most reacted comment
Hottest comment thread
2 Comment authors
O'spaperlee Recent comment authors
  Subscribe  
newest oldest most voted
Notify of
O's
Guest

댓글 디자인 이것도 Chill~ 한데요