[1일 1쓰기] Day 3 - Wordpress smush pro 에러 해결 과정

(이 글은 wordpress theme 중 disto 를 사용하고, smush pro 를 사용하며, 서버를 AWS lightsail, 웹 서버는 apache 를 사용한 필자의 환경에 맞춰 작성되었습니다..)
(smush pro 관련한 글이 너무 없어서 도움이 되자는 마음에 작성하게 되었습니다, 파일 경로 등은 시스템에 따라 얼마든지 바뀔 수 있다는 점 참고 부탁드립니다)

환경

• Wordpress Theme: Disto
• Server: AWS Lightsail
• Web Server: Apache2

문제점

• smush pro를 사용하여 이미지를 webP로 바꾸고자 하였으나 local webP 탭에서 status가 error로 계속 표시됨

해결과정

• 고객센터에 문의..
• 다음 링크를 제공받게 됨 - https://docs.bitnami.com/aws/apps/wordpress/administration/use-htaccess/
• 해당 아티클을 읽으며 smush pro에서 제공하는 코드를 어디에 위치시켜야 할 지 파악할 수 있었음
• /opt/bitnami/apps/APPNAME/conf/httpd-app.conf 파일에 들어간다. (해당 파일은 메인 configuration file 으로 여기서 주요 설정을 한다)
  • 이때 APPNAME은 사용자 환경에 따라 달라질 수 있지만 본인의 경우 wordpress 였음.
• smush pro 에서 제공하는 코드를 붙여넣는다.
  • 코드는 저작권상 공개할 수 없..
  • 코드는 다음 코드보다 상단에 위치시킨다. (아래 코드 또한 사용자 환경에 따라 다를 수 있다)

RewriteEngine On
#RewriteBase /wordpress
RewriteRule ^index\.php$ – [S=1]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . index.php [L]

이는 블로그 포스트가 제대로 나오게 하기 위해서다. 필자의 경우 /opt/bitnami/apps/APPNAME/conf/htaccess.conf 경로에 smush.pro 코드를 붙여넣었는데 local webP 상태 점검은 통과했지만 블로그 포스트가 안 보이는 문제가 발생했다. 검색해보니 위 코드가 제대로 안 적용되면서 생긴 문제였다. 그래서 위에 위치시키는 것은 위 코드를 나중에 실행시킴으로써 overwrite 되는 문제를 피하기 위해서다. 그래서 전체 코드는 이렇게 구성된다.

<Directory "/opt/bitnami/apps/APPNAME/htdocs">
      Options +MultiViews
      AllowOverride None
      <IfVersion < 2.3 >
      Order allow,deny
      Allow from all
      </IfVersion>
      <IfVersion >= 2.3>
      Require all granted
      </IfVersion>
      
      ...
      
      # smush pro 에서 제공한 코드를 넣자
      
      ...
      
      RewriteEngine On
	  #RewriteBase /wordpress
      RewriteRule ^index\.php$ – [S=1]
      RewriteCond %{REQUEST_FILENAME} !-f
      RewriteCond %{REQUEST_FILENAME} !-d
      RewriteRule . index.php [L]
      
      Include "/opt/bitnami/apps/APPNAME/conf/htaccess.conf"
</Directory>
Include "/opt/bitnami/apps/APPNAME/conf/htaccess.conf"

급하게 쓰느라 부족한 점이 많겠지만, 혹시 도움이 필요하거나 이해가 안되는 부분이 있다면 코멘트 남겨주시면 감사하겠습니다.

출처

https://docs.bitnami.com/aws/apps/wordpress/administration/use-htaccess/
https://devonaws.com/wordpress/%EC%9B%8C%EB%93%9C%ED%94%84%EB%A0%88%EC%8A%A4-%ED%8E%98%EC%9D%B4%EC%A7%80-404-page-not-found-%EB%82%98%EC%98%AC-%EB%95%8C/