태그 보관물: 워드프레스

워드프레스 최적화 – 플러그인 WP Super Cache과 Autoptimize로 속도 개선

작성일자 글쓴이
응답

워드프레스(WordPress)를 운영한다는 것은 최적화와 속도의 싸움인 것 같습니다. 개인적으로 플러그인에 의존하는 것을 좋아하지는 않습니다. 하지만 플러그인을 설치함으로써 얻는 게 더 많다면 기꺼이 설치할 의향이 있습니다.

워드프레스의 속도가 확실하게 빨라지는 최적화 플러그인 WP Super Cache와 Autoptimize를 설치 및 설정해보겠습니다.

WP Super Cache

플러그인 추가하기에서 WP Super Cache를 검색 후 설치 및 활성화를 해주세요.

 

플러그인 리스트에서 WP Super Cache 아래의 Settings를 클릭하여 설정 화면으로 이동합니다. 좌측 메뉴의 설정 > WP Super Cache를 클릭하셔도 됩니다.

 

Caching에서 Caching On (Recommended)를 선택하시고 아래의 [Update Status]를 클릭해서 상태를 업데이트해 주세요. 그리고 Advanced 탭으로 이동합니다.

Advanced 탭에서 많은 항목을 볼 수 있는데요. 뒤에 (Recommended)가 붙어 있는 항목에 모두 체크를 해줍니다. 저는 아래 리스트에 모두 체크했습니다.

Disable caching for logged in visitors. (Recommended)
Compress pages so they’re served more quickly to visitors. (Recommended)
Cache rebuild. Serve a supercache file to anonymous users while a new file is being generated. (Recommended)
304 Not Modified browser caching. Indicate when a page has not been modified since it was last requested. (Recommended)
Extra homepage checks. (Very occasionally stops homepage caching) (Recommended)

 

그리고 제일 아래에 [Update Status] 버튼을 클릭해서 상태를 업데이트해 줍니다. WP Super Cache 설정은 간단하게 끝났습니다.

 

Autoptimize

플러그인 추가하기에서 Autoptimize를 검색 후 설치 및 활성화를 해주세요.

 

플러그인 리스트에서 WP Super Cache 아래의 설정을 클릭하여 설정 화면으로 이동합니다. 좌측 메뉴의 설정 > Autoptimize를 클릭하셔도 됩니다.

 

JS, CSS & HTML 탭에서 JavaScript Options, CSS Options, HTML Options를 볼 수 있는데요. 각각 Options 아래 첫 항목에 있는 Optimize JavaScript Code? / Optimize CSS Code? / Optimize HTML Code? 를 체크해 줍니다.

 

그리고 [Save Changes and Empty Cache]를 클릭합니다.

 

Autoptimize 플러그인을 설치하고 나면 관리자로 로그인 시 상단에서 Autoptimize 메뉴가 추가된 것을 볼 수 있습니다. 마우스 커서 오버 시 위 사진과 같이 캐시 정보를 확인할 수 있습니다. Delete Cache를 클릭해서 쌓여있는 캐시를 삭제할 수도 있습니다.

 

워드프레스 속도 측정

위 두 가지 플러그인 설정이 모두 끝났으니 실제 속도가 얼마나 빨라졌는지 확인해 보겠습니다. 먼저 구글 페이지 스피드 인사이트(PageSpeed Insights)에서 측정했습니다.

플러그인 적용 전 속도 측정 화면입니다. 모바일 36점, 데스크톱 73점입니다.

 

플러그인 적용 후 속도 측정 화면입니다. 모바일 58점, 데스크톱 95점입니다. 엄청나게 좋아진 것을 수치로 확인할 수 있습니다.

 

GTmetrix에서 측정해보았습니다.

플러그인 적용 전 모습입니다. 페이지 스피드 스코어가 C로 79%입니다. 모든 페이지를 불러오는 데 걸린 시간은 4.2초입니다.

 

플러그인 적용 후 모습입니다. B로 80%입니다. 1% 올랐습니다. 페이지 로딩 시간은 3.3초로 0.9초가 빨라졌습니다. 페이지 사이즈도 줄어든 모습을 볼 수 있습니다.

 

Pingdom에서 측정한 결과입니다.

 

플러그인 적용 전입니다. 71점에 1.51초입니다.

 

플러그인 적용 후입니다. 78점에 0.94초입니다. 리퀘스트 값이 73에서 46까지 줄어든 모습을 볼 수 있습니다.

워드프레스 .htaccess 최적화

작성일자 글쓴이
응답

시놀로지 나스에서 워드프레스를 구동하면서 최적화에 대한 검색은 102번 정도 한 것 같습니다. 워드프레스를 최적화하는 방법에는 여러 가지가 있겠지만, 아주 중요한 파일인 .htaccess 에 몇 가지 코드를 추가하여 최적화 해보겠습니다.

이유는 잘 모르겠지만 나스에서 패키지로 설치한 워드프레스는 주기적으로 .htaccess 파일이 변조되면서 500 에러를 토해내는 현상을 볼 수 있었는데요. 아직 이유는 찾지 못하고 있습니다. 가끔 500 에러 뜨면 반사적으로 DSM에 접속해서 .htaccess 파일을 원래대로 돌려놓습니다. 그때 기본적으로 설정되어 있던 .htaccess 내용으로 치환하기 때문에 오늘 정리 내용은 제가 꾸준히 보려고 작성하는 것입니다. 참고만 하세요.

 

텍스트, HTML, 자바스크립트, CSS, XML 등을 압축

# compress text, html, javascript, css, xml:
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript
AddType x-font/otf .otf AddType x-font/ttf .ttf
AddType x-font/eot .eot AddType x-font/woff .woff
AddType image/x-icon .ico

 

이미지, 자바스크립트, CSS 등에 브라우저 캐시 적용

<ifModule mod_expires.c>
ExpiresActive On
ExpiresDefault "access 1 month"
ExpiresByType image/x-icon "access 1 year"
ExpiresByType image/svg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType image/gif "access 1 year"
ExpiresByType application/x-shockwave-flash "access 1 year"
ExpiresByType text/css "access 1 month"
ExpiresByType text/javascript "access 1 month"
ExpiresByType application/javascript "access 1 month"
ExpiresByType application/x-javascript "access 1 month"
ExpiresByType text/html "access 1 month"
ExpiresByType application/xhtml+xml "access 1 year"
</ifModule>
 
# 1 Month for most static assets
<filesMatch ".(css|jpg|jpeg|png|gif|js|ico)$">
Header set Cache-Control "max-age=2592000, public"
</filesMatch>

 

HTML, 자바스크립트 등을 GZIP으로 압축

# BEGIN GZIP
<ifmodule mod_deflate.c>
AddOutputFilterByType DEFLATE text/text text/html text/plain text/xml text/css application/x-javascript application/javascript
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4.0[678] no-gzip
BrowserMatch bMSIE !no-gzip !gzip-only-text/html
</ifmodule>
# END GZIP

 

특정 폴더에 index.php가 없는 경우 전체 디렉토리 목록화 방지

# directory browsing
Options All -Indexes

 

워드프레스 주요 파일 수정 금지

※ 참고로 이 설정은 나스에서 패키지로 설치한 워프의 경우 500 에러가 출몰하여 설정하지 않았습니다.

# WPhtC: Protect WP-config.php
<files wp-config.php>
order allow,deny
deny from all
</files>
 
# WPhtC: Protect .htaccess file
<files ~ "^.*\.([Hh][Tt][Aa])">
order allow,deny
deny from all
</files>

 

워드프레스 수동 업데이트

작성일자 글쓴이
응답

워드프레스의 알림 창에 업데이트 내용이 뜨지 않을 때 수동으로 워드프레스를 업데이트 할 수 있는 방법을 정리했습니다.

사건의 발단

이 블로그는 시놀로지 나스(Synology NAS)에 설치형 워드프레스(WordPress)를 설치하여 운영하는 블로그입니다.  워드프레스의 경우 업데이트가 자주 있는 편인데, 제가 이 블로그를 개설한 뒤 얼마 지나지 않아서 5.x 버전이 출시되었습니다. 워드프레스 5에서는 구텐베르크라는 편집기를 사용하는데, 이게 너무 적응이 안 되더라고요. 그래서 다운그레이드를 진행했고, 제가 운영하는 모든 블로그는 4.9.9 버전으로 사용 중이었습니다.

하지만 얼마 전부터 Yoast SEO 플러그인에서 아래와 같은 문제가 있다는 알림이 뜨기 시작했습니다.

번역(by. 구글 번역기 형님)

귀하의 사이트의 검색 엔진 최적화에 영향을 미치는 다음과 같은 문제점을 발견했습니다.

WordPress를 최신 버전으로 업그레이드하십시오.
최근 WordPress 버전을 사용하지 않으므로 곧 문제가 발생할 수 있습니다. Yoast (보안 및 안정성의 이유로)는 WordPress의 현재 및 이전 버전 만 지원합니다. WordPress의 다음 버전이 나오면 WordPress 5.2 및 5.3을 지원할 것입니다. 즉, WordPress를 업데이트할 때까지 Yoast SEO에 대한 업데이트를 받지 않으므로 곧 최신 WordPress 버전으로 업그레이드하십시오!

새로운 구텐베르크 편집기로 인해 5.0 이상으로 업데이트하는 것을 보류했다면 클래식 편집기 플러그인을 설치하십시오. 그것은 당신에게 당신이 지금 가지고 있는 것과 같은 편집 경험을 줄 뿐만 아니라 새로운 버전의 WordPress와 Yoast SEO의 보안을 제공할 것입니다.

우리가 이전 버전을 지원하지 않는 이유에 대한 자세한 내용은이 게시물을 읽으십시오.

 

다른 알림들은 무시할 수 있는 정도였고, 어떻게 해결이나 극복이 가능한 문제였지만 이번 알림은 상당히 신경이 쓰이기 시작했습니다. 알림에 있는 내용 그대로 ‘구텐베르크 편집기로 인해 5.0 이상으로 업데이트 하는 것을 보류’하고 있던게 사실이기 때문에 뜨끔하기도 했죠. 사실 Yoast SEO의 말이 맞습니다. 클래식 편집기를 설치하면 간단하게 해결되는 문제였거든요. 그래서 ‘그래, 내가 졌다.’라고 생각하며 워드프레스를 업데이트하려고 했습니다. 근데 뭔가 꼬였는지, ‘알림판 > 업데이트’에서 버전 업데이트하기 등의 버튼이 보이지가 않습니다. 수동으로 업데이트를 해야 할 타이밍인 것 같습니다.

 

워드프레스 수동 업데이트

워드프레스 수동 업데이트의 순서를 정리해 봅니다.

  1. 운영 중인 워드프레스의 플러그인을 모두 비활성화합니다.
  2. 운영 중인 워드프레스 설치 폴더 중 wp-admin과 wp-includes 폴더를 삭제합니다.
  3. 새로운 버전의 워드프레스 폴더 중 wp-admin과 wp-includes 폴더를 업로드합니다.
  4. 새로운 버전의 워드프레스 폴더 중 wp-content 폴더를 덮어쓰기로 업로드합니다. wp-content 폴더는 절대 삭제하시면 안 됩니다!!

통상적으로 검색해 보면 위와 같이 나옵니다. 실제로 이 정도만 해도 업데이트가 되는 것 같습니다. 이렇게 한 뒤, 관리자로 접속을 하면 아래와 같은 화면을 볼 수 있습니다.

[워드프레스 데이터베이스 업데이트] 버튼을 눌러서 업데이트해 주면 워드프레스 버전 업이 완료됩니다.

 

…… 뭔가 잘못된 것 같습니다. 새로 고침 후 다시 시도해 봐도 계속, 이 화면이 나옵니다.

 

혹시 몰라서 새로운 버전의 워드프레스의 루트에 있는 파일을 모두 덮어쓰기 업로드를 해봤습니다. (wp-config-sample.php는 빼고 올렸습니다)

 

 

그랬더니 정상적으로 업데이트가 완료되었습니다.

 

관리자 페이지로 접근하자마자 고전 편집기를 설치했습니다.

 

워드프레스 버전 확인

간단하게 내 블로그 페이지에서 ‘마우스 오른쪽 클릭 > 소스보기’로 들어가셔서 검색해 보시면 위와 같은 부분을 확인할 수 있습니다. 제 블로그는 4.9.9버전에서 5.2.1버전으로 업데이트가 완료되었습니다.

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

작성일자 글쓴이
응답

※ 해당 플러그인은 워드프레스 버전 5.1.x까지만 지원되는 것을 확인했습니다. 이후 버전에서는 Prismatic을 추천 드립니다.

 

워드프레스에 글 작성을 하다 보면, HTML 문법이나 소스코드 문법을 작성해야 할 때가 있습니다. <pre>나 인용의 방법으로 코드를 표시해도 되지만 색상 구분이 안 되어서 보기 어렵습니다. 저도 플러그인 설치 없이 표현할 방법이 없는지 고민을 많이 하다가 결국 플러그인을 설치하게 되었습니다. 제가 설치한 플러그인은 Crayon Syntax Highlighter입니다.

 

 

워드프레스 코드 하이라이트 플러그인

플러그인에서 ‘Crayon Syntax Highlighter’를 검색하면 찾을 수 있습니다. 최근 업데이트가 3년 전에 되었지만, 활성 설치 수가 가장 많은 플러그인입니다. 최근까지도 활발히 업데이트되는 플러그인도 있지만, 활성 설치가 가장 많은 플러그인을 선택했습니다.

 

Crayon Syntax Highlighter 플러그인을 설치하면 편집기에서 위와 같은 코드 괄호 아이콘이 생깁니다. TinyMCE Advanced 플러그인을 사용하시는 분들은 비슷한 아이콘이 있으니 헷갈리지 않길 바랍니다.

 

편집기에서 아이콘을 클릭하면 위와 같은 팝업이 보이며, 여기에서 코드를 입력하시면 됩니다. 테마, 글꼴, 크기, 툴바 등의 설정을 할 수 있습니다.

 

편집기에서 글 작성 시 Crayon Syntax Highlighter를 통해서 작성한 모습입니다. <pre>를 사용한 것과 비슷하게 보입니다.

 

미리 보기나 글 공개 후 확인해 보시면 위와 같이 코드가 이쁘게 들어가 있는 것을 볼 수 있습니다. 이제 속이 좀 시원하네요. 기존에 <pre>로 작성된 코드는 &lt;, &gt; 같이 깨져있을 텐데요. 글 편집 후 바로 발행하시면 정상적으로 수정되는 것을 확인할 수 있습니다.

 

Crayon Syntax Highlighter의 자세한 성정은 워드프레스 관리자의 ‘설정 > Crayon’에서 설정할 수 있습니다.

워드프레스 자식 테마 만들기

작성일자 글쓴이
응답

워드프레스 자식 테마(WordPress Child Theme) 만들기를 간단하게 정리하겠습니다. 워드프레스를 운영하면서 테마의 소스를 수정할 때가 있습니다. 주로 header.php 파일을 자주 수정하게 됩니다. 소스를 수정 후 테마가 업데이트되었을 경우 수정된 내용이 모두 사라지게 됩니다. 하지만 자식 테마를 사용하게 되면 테마가 업데이트되더라도 수정한 내용이 그대로 유지될 수 있습니다.

 

워드프레스 자식 테마 만드는 방법

우선 자식 테마로 만들 ‘폴더-child’를 만들어 줍니다. 폴더명은 다른 이름으로 해도 됩니다. 저는 현재 적용한 테마인 Pluto 테마의 자식 테마를 만들 예정입니다. 

자식 테마를 구성하기 위해서 필요한 파일은 ‘functions.php’와 ‘style.css’만 있으면 됩니다.  ‘header.php’는 자식 테마 수정을 위해서 제가 부모 테마 폴더에서 복사해 온 것입니다. 

‘functions.php’는 아래 내용으로 만들어 주세요.

<?php 
  function theme_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'child-style', get_stylesheet_directory_uri() . '/style.css', array( 'parent-style' ) );
  }
  add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
?>

‘style.css’는 아래 내용으로 만들어 주세요. 폴더명은 정확하게 입력이 되어야 합니다.

/*
  Theme Name: 테마 이름
  Template: 부모 테마의 폴더명
*/

 

이제 워드프레스 관리자 ‘외모 > 테마’로 가서 확인해 보시면 방금 만든 자식 테마를 리스트에서 확인할 수 있습니다.

테마 리스트에서 섬네일이 비어 있는 채로 보이는데요. 섬네일 이미지가 보이게 하려면 부모 테마의 ‘screenshot.png’을 자식 테마 폴더로 복사하시면 됩니다.

 

워드프레스 자식 테마 장단점

우선 페이지를 읽어 들일 때 ‘index.php’와 ‘header.php’ 파일을 자식 테마에 있는 파일을 먼저 확인합니다. 그래서 제가 위에서 header.php 파일을 옮겨 놓은 것입니다. 수정할 예정이거든요. ‘functions.php’의 경우 부모 테마에 있는 파일에서 자식  테마에 있는 내용을 추가해서 로드합니다. 참고하세요. ‘style.css’의 경우 수정할 코드를 넣으면 반영됩니다.

자식 테마의 장점으로는 테마를 업데이트하게 되면 기존 내용이 사라지고 새롭게 테마가 설치됩니다. 자식 테마가 있으면 수정된 내용을 그대로 유지할 수 있습니다.

단점은 테마 업데이트 시 header.php의 내용이 크게 변경되었을 경우 자식 테마의 내용은 수정이 되지 않기 때문에 문제가 발생할 수 있습니다. (예로, 보안 업데이트 관련 내용) 그래서 스타일만 수정하거나, 부모 테마에 없는 것을 추가하는 경우에만 자식 테마를 사용하는 것을 추천해 드립니다.

BeTheme 테마 라이선스 취소

작성일자 글쓴이
응답

워드프레스 테마 중에 BeTheme 테마가 있습니다. 꽤 많이 사용하는 테마로 알고 있는데요. 얼마 전에 BeTheme를 구매했습니다. 여기 블로그에 적용했지만, 네이버 웹마스터 도구에서 수집을 못 하는 오류가 있었습니다. 그리고 개인적으로 친분이 있는 개발자분이 만들어주신 플러그인과 충돌 현상도 있어서 잠시 설치를 보류해 두었습니다.

 

하지만 최근에 네이버와 구글 색인 문제 때문에 테마를 본격적으로 변경해봐야겠다는 마음을 먹었습니다. 그래서 여기 블로그는 Pluto 테마를 적용했고요. 다른 블로그에 BeTheme를 적용했습니다. 이 과정에서 BeTheme 라이선스의 문제가 발생합니다. 정규 라이선스(Regular license)는 도메인당 1개의 워드프레스에 적용 가능합니다. 서브 도메인 포함해서 1개의 도메인에 적용 가능합니다. 이 블로그에 적용되어 있던 라이선스를 취소 후 다른 블로그로 인증을 받아야 하는데, 방법을 찾느라 고생을 좀 했습니다.

 

확장 라이선스(Extended License)를 구매하려고 생각해 봤는데, 가격이 엄청나네요. 정규 라이선스를 취소 후 새롭게 등록해야겠습니다.

 

기존 워드프레스 BeTheme 등록 취소 – 워드프레스 관리자

워드프레스 관리자에서 왼쪽 메뉴에서 ‘BeTheme > Dashboard’로 들어갑니다.

 

‘Theme is registered’라고 되어 있죠? BeTheme 인증이 되어 있는 블로그입니다. 우선 [Deregister Theme]을 클릭해서 등록을 취소해 줍니다. 처음에 간단하게 생각했습니다. 이렇게 등록 취소 후 다른 워드프레스에서 새롭게 등록하면 될 줄 알았죠.

 

 

다른 블로그에서 등록을 해 봤습니다. Theme Registration 아래에 인증 코드를 입력하고 [register Theme]를 클릭하면 정상적으로 등록이 되어야 하는데, 사진과 같이 다른 도메인에서 사용 중이니 등록을 취소하고 폴더까지 삭제하라고 합니다.

테마 제작자에게 메일을 보내야 하나 고민을 하다가 우선 BeTheme 공식 홈페이지로 가 봤습니다. 포럼을 검색해 보고 금방 찾을 수 있었습니다.

 

BeTheme 테마 등록 취소 – 공식 홈페이지

우선 여기로 갑니다. 그럼 위와 같은 화면이 나오는데요. Registered Purchase Code에 등록 코드를 입력하시고, 아래의 Themeforest username에는 테마 포레스트 ID를 입력합니다. 모두 입력 후 [Show Licenses]를 클릭합니다.

 

화면이 바뀌면서 테마 포레스트 ID가 표시되며(사진의 모자이크 부분), 입력한 라이선스가 등록된 도메인 주소가 나옵니다. 여기서 ‘deregister’를 클릭합니다.

 

코드 등록 취소 팝업이 나옵니다. 여기에 코드를 한 번 더 입력해 주시고, ‘로봇이 아닙니다.’에 체크 후 [Deregister] 버튼을 클릭합니다.

 

버튼에 글씨가 바뀌면서 등록 취소가 진행되고 있습니다.

 

등록 취소가 완료되었습니다. 이제 다른 도메인에 설치된 워드프레스에 정상적으로 등록을 하실 수 있습니다.

 

공식 홈페이지에서 등록 취소 후에야 정상적으로 등록되었습니다.

워드프레스 글 순서 변경하기 – 플러그인 필요없음!

작성일자 글쓴이
응답

워드프레스 글 순서 변경하는 간단한 방법을 알려드립니다. 플러그인으로 글 순서를 변경하시는 분들이 많은데요. 플러그인 설치 없이, 글 순서를 변경하는 간단한 방법이 있습니다. 생각해보니 아주 간단한 기본 기능이었습니다.

 

워드프레스 글 순서 변경하기

우선 좌측 메뉴에서 ‘글 > 모든 글’을 눌러서 글 리스트 페이지로 갑니다.

 

제가 옮기고 싶은 글이 제일 위에 있네요. 이전에 작성한 글의 내용이 길어서 따로 분리한 글입니다. 여행 관련 글이니까 분리한 원래 글 바로 뒤로 가야 이야기 순서가 맞겠죠? 발행 날짜를 보면 2019년 1월 25일입니다.

 

원래 글을 찾아갑니다. 1월 25일에 발행된 글을 위의 빨간 네모 사이로 옮길 예정입니다.

 

네모 아랫글의 ‘빠른 편집’을 눌러서 일자를 확인합니다. 2018년 11월 19일 오전 9시 59분에 발행되었습니다. 우선 이 날짜를 확인 후, 이동하려는 글로 다시 갑니다.

 

2019년 1월 25일에 발행된 옮기려는 글입니다. 역시 ‘빠른 편집’을 눌러서 편집 모드로 들어갑니다.

 

2018년 11월 19일 오전 9시 59분에 발행된 글 바로 뒤로 이동해야 하니까 2018년 11월 19일 오전 10시 00분 정도로 수정해 줍니다. 날짜를 제대로 입력했는지 확인 후, [업데이트]를 눌러서 발행 일자를 수정해 줍니다. 마지막 작업으로 페이지를 새로고침 하거나, 좌측 메뉴에서 ‘글 > 모든 글’을 클릭해 줍니다.

 

 짜란! 제가 이동하려는 그곳에 제대로 이동된 것을 확인할 수 있습니다. 플러그인 설치하지 않아도 기본 기능으로도 글 순서 변경이 가능합니다. 참 쉽죠?

워드프레스 초기화(리셋)하기 – Reset WP

작성일자 글쓴이
응답

워드프레스 초기화(리셋)하기입니다. 워드프레스(wordpress)로 사이트를 운영하다 보면 테마로 인해서 코드가 꼬이거나, 특히 플러그인을 이것저것 많이 설치하다 보면 뭔가 기능이 제대로 작동하지 않고 사이트가 정상적으로 뜨지 않을 때가 있습니다. 이 때 워드프레스 관련 파일들과 DB를 삭제하고 다시 설치하지 않고, 워드프레스를 초기 상태로 되돌리는 방법입니다. Reset WP 플러그인을 통해서 초기화하는 방법을 정리했습니다.

 

플러그인 추가에서 ‘reset wp‘ 로 검색하면 위와 같은 플러그인을 볼 수 있습니다. [설치하기]를 눌러서 설치를 해 줍니다. 설치가 완료 된 후에는 [활성화]를 해 주세요.

 

플러그인을 활성화 해 주면 자동으로 플러그인 리스트 페이지로 이동하게 되는데, 위와 같은 빨간색의 문구가 상단에 생긴 것을 확인할 수 있습니다. 여기서 [Upgrade & swich to WP Reset now]를 눌러주시거나

 

플러그인 리스트에서 Reset WP 바로 아래에 보이는 ‘Reset WordPress‘를 누르시거나

‘도구 > Reset WP‘ 를 눌러서 (모두 같은 페이지로 이동됩니다.) Reset WP 설정 페이지로 들어갑니다.

 

Reset WP의 이런 화면을 볼 수 있는데요. 하단에 보이는 [Switch to WP Reset] 버튼을 클릭합니다. 테마나 플러그인 업데이트 할 때처럼 뭔가 설치가 되는 화면이 잠깐 나왔다가 사라지면서 아래와 같은 화면으로 바뀝니다.

 

여기서 아래 Input Box 안에 ‘reset’ 을 입력하고 [Reset WordPress] 버튼을 눌러주면 리셋이 진행됩니다. Reset을 누르기 전에 초기화 작업을 되돌릴 수 없으니 다시 한 번 확인하고 초기화를 진행하시기 바랍니다.

위에 설명되어 있는 장문의 글을 보면 삭제되는 것과 삭제되지 않는 것에 대한 설명이 되어 있습니다.

삭제되는 항목

  • 모든 게시물, 페이지, 사용자 정의 게시물 유형, 설명, 미디어 항목, 사용자
  • 모든 기본 WP 데이터베이스 테이블
  • 이 설치에서 기본 테이블과 동일한 접두사가있는 모든 사용자 지정 데이터베이스 테이블

삭제되지 않는 항목

  • 미디어 파일 – wp-uploads 폴더에 남아 있지만 미디어 아래에 더 이상 표시되지 않습니다.
  • 건드리지 않는 항목: 플러그인, 테마, 업로드 – 모든 것이 유지됩니다.
  • 사이트 제목, WordPress 주소, 사이트 주소, 사이트 언어 및 검색 엔진 공개 설정
  • 로그인 한 사용자 계정정보가 현재 비밀번호로 복원됩니다.

 

워드프레스 편집기에서 p태그가 보이지 않을 때

작성일자 글쓴이
응답

워드프레스 편집기에서 <p> 태그가 보이지 않을 때가 있습니다. 이제 막 워드프레스를 처음 설치했을 경우 기존에 사용하던 편집기 생각에 html 편집하려고 텍스트 탭으로 들어갔는데, <p> 태그가 보이지 않을 경우에 웬만한 워드프레스 유저라면 기본적으로 설치하는 플러그인 TinyMCE Advanced 를 통해서 <p> 태그를 보이게 할 수 있는 방법입니다.

 

워드프레스 편집기 텍스트 모드에서 <p> 태그 보이게 하는 방법

TinyMCE Advanced 를 설치하고 나서 별다른 설정 없이 워드프레스 편집기의 텍스트 탭으로 들어가서 확인해 보면 기본적으로 있어야 할 <p>, </p> 태그가 보이지 않습니다. 문단마다 당연히 붙어 있는 <p> 태그가 생략된 것이니 간단하게 설정을 해 주시면 볼 수 있습니다.

 

워드프레스 관리자 좌측 메뉴에서 ‘설정 > TinyMCE Advanced‘ 로 들어갑니다.

 

TinyMCE Advanced 설정 화면에서 스크롤을 밑으로 쭉 내리시면 위와 같이 ‘Keep paragraph tags‘ 옵션을 볼 수 있습니다. 기본으로 체크가 해제되어 있는데, 여기에 체크를 해 줍니다.

 

그리고 다시 워드프레스 편집기의 텍스트 모드로 들어가서 확인해 보시면 <p>와 </p> 태그가 보이는 것을 확인할 수 있습니다.

 

워드프레스에서 플래시 파일(.swf) 재생 방법

작성일자 글쓴이
응답

워드프레스에서 플래시 파일(.swf) 재생 방법 검색을 해 봤는데, 최근에 올라온 글은 찾을 수 없었습니다. 오래된 포스팅만 뒤적거렸는데, 워드프레스에서 플래시 파일 재생 방법에 대해서 정확하게 나와 있는 곳이 없었습니다. 워드프레스에서 플래시 파일을 재생하기 위해서 플러그인을 설치하고, 복잡한 소스 코드를 넣고.. 다 따라 해 봤지만, 되는 게 없어서 아주 예전 기억을 더듬어서 간단하게 해결했습니다.

워드프레스에서 플래시 파일(swf) 재생 방법

이거 너무 간단해서 스크린샷이나 이미지를 첨부할 것도 없는데, 그래도 간단하게 소스 이미지 첨부합니다. 동영상 플레이할 때처럼 ‘embed‘ 를 사용하여 간단하게 해결했습니다. 내 기억 속에 있었음에도 멀리 돌아왔네요.

<embed src="my flash" width="550" height="400">

아주 간단하죠? ‘myflash’에는 플래시 파일이 있는 경로를 넣어주시면 됩니다. 물론 플래시 파일은 어딘가에 업로드되어 있어야겠죠? 이 방법으로 플래시 게임이든 플래시 동영상이든 재생할 수 있습니다. 워드프레스에서 플래시 파일 재생 방법, 어렵게 돌아가지 마세요. 쉽게 생각하세요.