Category: Wordpress

  • 워드프레스 S3 이용하기

    워드프레스 S3 이용하기

    기본적으로 워드프레스는 업로드한 이미지 파일을 uploads 폴더로 저장한다. 용량이 충분히 커기지 전에는 문제가 없으나, 블로그를 이사해야 할 때에는 파일 업로드 용량 제한을 확인하여 설정을 조절하거나 아니면 수작업으로 올려야 한다.

    이에 S3를 이용하여 이미지 파일을 관리해 보기로 하였다. 인터넷에 올라와 있는 글 중에서 가장 도움이 되었던 것은 AWS의 안내이다. 플러그인도 WP Offload S3 Lite를 이용했다.

    https://lightsail.aws.amazon.com/ls/docs/ko_kr/articles/amazon-lightsail-connecting-wordpress-to-amazon-s3

    링크 내용에서 LightSail 부분을 제외하고 나머지 부분을 따라하면 실제로 잘 된다.

  • MariaDB on WordPress

    MySQL의 라이센스 걱정으로 인하여 리눅스 패키지에서 기본적으로 빠지고 있는 듯한 느낌이다. 아직 Ubuntu에서는 기본적으로 제공이 되지만 Debian이나 Amazon Linux에서는 아니다. MySQL에서 파생되었다고 할 수 있는 MariaDB로 옮겨가야 할 필요가 있다. 지금 운영중인 블로그도 다음번 인스턴스 만료때에만 이전할 것 같기는 하다.

    MySQL과 설치 과정이 거의 동일하다. mariadb-server 를 설치하는 것만 차이가 난다.

    다음의 패키지를 설치한다. MariaDB 실행 명령어인 mysql을 보면 알 수 있지만, MySQL 기반이기 때문에 php7.4-mysql을 설치해 주면 된다.

    sudo apt install apache2
    sudo apt install mariadb-server
    sudo apt install php7.4
    sudo apt install php7.4-mysql

    꼭 필요한 과정은 아니라고 생각되지만 다음의 과정을 거쳐서 불필요한 것들을 삭제하고, DB의 root 비밀번호를 설정해 둔다. 가장 중요한 것은 root의 외부 접속을 막는 것이 아닐까 싶다.

    sudo mysql_secure_installation

    워드프레스용 테이블과 사용자 계정, 그리고 권한 설정을 한다.

    sudo mysql -u root
    create database wordpress;
    create user 'username'@'localhost' identified by 'password';
    grant all privileges on wordpress.* to 'username'@'localhost';
    flush privileges;

    워드프레스를 apache 웹서버 루트 폴더에 풀고 접속하여 설정을 진행한다.

    wp-config.php 마지막에 다음의 구절을 추가하고, 폴더 권한을 777로 편하게 둔다.

    define('FS_METHOD', 'direct'); 

    최신 버젼은 8.2가 된다.

  • CSS 편집

    글을 쓰면서 Block에 Code를 선택해서 스크립트 명령어를 입력한다. 그런데, 정작 블로그 메인 화면에서는 구별이 잘 가지 않아서 예전에 배운 CSS를 편집해 보기로 하였다.

    먼저 블로그 화면에서 보이는 것을 변경하기 위해서는 style.css의 다음 부분을 수정해 준다. 아래쪽의 comment-content code 을 동일하게 했고, background-color와 color 를 우선 추가해 주었다. 그리고 코드를 넣었을 때 줄바꿈이 잘 보이도록 추가로 word-break와 white-space를 추가하였다. 여러 방법을 시도해 보았으나 이 2개의 옵션을 사용하는 것이 가장 만족스러웠다.

    .entry-content code {
    	font-family: Consolas, Monaco, Lucida Console, monospace;
    	font-size: 12px;
    	font-size: 0.857142857rem;
    	line-height: 2;
    	color: #66ff66;
    	background-color: #282828;
    	word-break: break-all;
    	white-space: pre-wrap;
    }

    다음으로 글 작성하는 화면에서도 변경하기 위해서는 editor-style.css를 수정해 준다. 여기서도 background-color 부분만 추가해 주었다.

    code,
    kbd,
    samp,
    var {
    	font-family: Consolas, Monaco, Lucida Console, monospace;
    	font-size: 12px;
    	font-size: 0.857142857rem;
    	line-height: 2;
    	color: #66ff66;
    	background-color: #282828;
    }

    이렇게 하면 변경된 화면을 계속 볼 수 있다. 만일 이래도 적용이 안되는 것이라면, 브라우져 캐시를 삭제하면 된다.

  • 실험 결과 Postie 플러그인에서 plain 이 아닌 html 로 처리하도록 하면 줄 바꿈이 자연스럽게 되는 것 같다. Postie를 이용하여 글 쓰는 작업이 조금 더 편해질 것 같다. 그 동안 줄 바꿈 때문에 한 번 더 글을 손보는게 어찌나 귀찮던지.

    그리고 또 하나, 이번에 블로그 개인글 private 변환하면서 알게된건데, private 로 변환하니까 missed 경우가 사라졌다. 이 어찌된 일인가.