WordPress

시작하기 전에

변경이나 업데이트를 수행하기 전에 사이트를 백업해 두는 것이 좋습니다. 이렇게 하면 필요한 경우 백업한 사본을 사용하여 복원할 수 있습니다.

WordPress 사이트를 백업하는 방법을 잘 모를 경우 WordPress 백업 도움말을 따르세요. 백업하는 데 어려움이 있으면 WordPress 지원 포럼에서 지원을 요청하거나 Google의 웹마스터 지원 커뮤니티에서 도움이 될만한 내용을 찾아보시기 바랍니다.

WordPress.com에 내 사이트 호스팅

wordpress.com(예: mysite.wordpress.com)에서 내 사이트를 호스팅하면 할 일을 덜 수 있습니다.

WordPress는 현재 설치된 테마와 방문자의 모바일 플랫폼에 따라 내 사이트에 맞는 모바일 테마를 자동으로 제시합니다. 자세한 내용은 WordPress의 모바일 테마 지원 페이지에서 확인하세요.

내 도메인에서 WordPress 사용

1. 어떤 WordPress 버전과 테마를 사용 중인가요?

1.1. 확인 방법

다음 방법 중 하나를 사용하여 WordPress 버전을 확인하세요.

  • 관리자 제어판을 확인합니다. 최신 Wordpress 버전에서는 버전 번호가 아래와 같이 대시보드 상단에 있습니다. 이전 버전의 경우 버전 번호가 바닥글에 표시될 수 있습니다.
WordPress 대시보드입니다.
  • WordPress가 설치되어 있는 웹사이트로 이동합니다. 웹브라우저의 '소스 보기' 기능을 사용하여 페이지에서 버전 번호를 포함하고 있는 생성기 메타태그를 검색합니다(예: <meta name="generator" content="WordPress 3.9.2" />).

  • WordPress 버전 번호는 /wp-includes/version.php 파일에도 표시되어 있으며 텍스트 편집기에서 볼 수 있습니다. 이 파일이 원격 서버에 있는 경우 일반적으로 FTP 프로그램을 사용하면 원격 텍스트 파일의 내용을 볼 수 있습니다.

WordPress 설치 FAQ에서 버전을 확인하는 방법에 대해 자세히 알아보세요.

참고: 이 시점에서 잘 모르겠다면 중지하거나 이 작업을 전문가에게 위임하시기 바랍니다. 계속 시도하려면 WordPress에서 제공하는 지원도움말을 참조하세요.

관리자 제어판으로 이동하여 디자인 > 테마를 선택합니다.

테마에 업데이트가 필요한지 확인합니다.

1.2. 필요한 경우 버전과 테마 업데이트

WordPress가 [사용 가능한 최신 버전]

(https://wordpress.org/download/)이(가) 아닌 경우 Wordpress 업데이트 도움말에 따라 WordPress 설치를 최신 버전으로 업데이트할 것을 강력히 권장합니다. 최신 버전으로 업데이트하면 필요한 보안 업그레이드가 자동으로 적용되어 사이트를 모바일용으로 만들 수 있습니다.

최신 버전의 테마를 사용할 수 있는 경우 업데이트 시 모바일용이 될 수도 있습니다.

1.3 모바일 지원 테스트 도구로 URL 다시 확인

지금 모바일 지원 테스트 도구로 URL을 테스트하여 웹사이트 소프트웨어 버전 또는 테마가 최신 상태인지 확인할 수 있습니다. '휴대기기에 적합' 이라는 결과를 받으면 별도 작업을 수행할 필요가 없습니다.

모바일 지원 테스트에서 긍정적인 결과가 나왔습니다.

사이트가 모바일용이 아닌 경우 테마를 변경하거나 기존 테마를 맞춤설정하는 것을 고려해 보세요. 다음 도움말을 정리해 두었으므로 과정을 수행하는 데 도움이 될 것입니다.

2. WordPress 설치를 모바일용으로 만들려면 어떻게 하나요?

2.1 전체 사이트를 새로운 모바일용 테마로 변환하고 싶습니다.

이 옵션은 일반적으로 현대적인 반응형 디자인 원칙을 채택한 테마를 원할 때 선택하게 됩니다. 반응형 디자인의 가장 큰 이점은 같은 HTML, CSS, 자바스크립트 코드를 사용하여 모든 유형의 브라우저에 적용함으로써 데스크톱 및 모바일 브라우저에서 콘텐츠를 제대로 표시한다는 점입니다.

현재 사용 중인 테마에 사용할 수 있는 업데이트가 있는지 그리고 업데이트가 모바일용인지 확인하세요.

테마 업데이트만으로 모바일용 사이트를 구축할 수도 있습니다. 테마를 업데이트하면 중대한 보안 업데이트가 사이트에 적용된다는 부가적인 이점이 있으므로 업데이트를 수행하는 것이 좋습니다.

테마에는 대개 라이브 데모 페이지가 있습니다. 데스크톱뿐 아니라 휴대기기에서도 데모 페이지를 방문하여 테마가 내가 원하는 방식으로 작동하는지 확인하는 것이 좋습니다. 가장 간단한 방법은 휴대기기에서 테마 데모 페이지를 방문하는 것입니다.

휴대기기를 사용할 수 없는 경우 다음과 같은 방법으로 확인할 수 있습니다.

  • Chrome을 사용 중인 경우 Chrome 개발자 도구에 '휴대기기 에뮬레이션' 기능이 있습니다. Chrome 메뉴의 보기 > 개발자 > 개발자 도구에서 도구를 확인할 수 있습니다. 에뮬레이션 기능에 대해 자세히 알아보려면 기기 모드 도움말을 확인하세요.
  • 테마가 반응형 디자인이라면 데스크톱 창을 휴대기기 크기로 줄여서 간단히 테스트해볼 수 있습니다. 이러한 유형의 테마는 표시 영역의 크기 (대개 브라우저의 너비)에 따라 동작을 변경하여 모든 데스크톱 및 모바일 브라우저에서 콘텐츠를 제대로 표시하는 것 목표로 합니다. 선택된 테마가 방문하는 브라우저의 사용자 에이전트에 따라 변경되면 이 기능이 작동하지 않으므로, 확실하게 확인하려면 휴대기기를 사용해야 합니다.

Google PageSpeed Insights 도구를 사용하여 테마를 확인하는 것도 좋습니다. 이 도구에서 점수가 높다는 것은 선택한 테마가 휴대기기에서 원활하게 작동한다는 의미입니다.

현재 테마가 모바일용이 아니라면 다른 테마를 찾아보세요.

새로운 반응형 테마를 탐색할 수도 있습니다. Wordpress.org 사이트에는 테마 디렉토리가 있습니다. 테마에 대한 검색을 맞춤설정하려면 다음과 같이 태그 필터 기능으로 테마 검색을 맞춤설정하세요.

이 테마는 반응형 디자인의 원칙을 따릅니다. 테마에 데모로 연결되는 링크가 있는 경우 모바일 지원 테스트 도구에서 반드시 확인하시기 바랍니다.

  • 가장 인기 있는 WordPress 테마 다운로드를 탐색해 보세요. 가장 인기 있는 테마 중 상당수가 반응형 디자인으로 되어 있습니다.

  • 테마 설명에 '반응형'이나 '모바일'이 나오는 키워드를 확인합니다.

wordpress.org 디렉토리에 있는 테마는 대개 최신 버전의 WordPress와 호환됩니다. PageSpeed Insights 도구를 사용하여 테마가 모바일용인지 확인하세요.

2.2 내 사이트의 데스크톱 버전은 그대로 유지하고 모바일 방문자에게 모바일 버전을 제공하고 싶습니다.

테마를 변경하고 싶지 않다면 WordPress 플랫폼에서 사용할 수 있는 다른 옵션이 있습니다. 타사 솔루션을 사용하여 내 사이트에 모바일 기능을 추가할 수 있습니다. 이 작업은 WordPress 플러그인 아키텍처를 통해 수행할 수 있습니다. 다음과 같은 솔루션이 사용됩니다.

  • Jetpack은 사이트 소유자에게 셀프 호스팅된 사이트와 함께 호스팅된 wordpress.com 사이트의 모바일 기능을 제공합니다.

  • WPTouch는 내 사이트와 별개로 모바일 버전을 생성하는 플러그인 솔루션입니다. 데스크톱 테마는 그대로 유지됩니다. 모바일 방문자에게는 다른 테마로 사이트가 표시됩니다. 몇 가지 테마 중에서 선택할 수 있습니다.

  • WP Mobile Detector는 WPTouch와 유사하게 모바일 방문자에게 표시할 수 있는 몇 가지 테마를 제공합니다.

섹션 2.2의 단계 및 안내에 따라 페이지를 모바일용으로 최적화하도록 플러그인을 설정했는지 확인하시기 바랍니다.

2.3 현재 설치된 WordPress(테마 및 플러그인)를 모바일용으로 맞춤설정하고 싶습니다.

중급자에서 고급자를 위한 자료로서 고급 HTML 및 CSS 관련 지식이 필요합니다. 다음과 같은 리소스가 사용됩니다.

3. 현재 내 WordPress 사이트가 모바일용인가요? 최종 확인

이 단계까지 완성되었으면 사이트가 모바일에 적합하고 모바일을 통한 사용자가 편리하게 이용할 수 있도록 준비된 상태라 기대할 수 있습니다.. 모바일 지원 테스트 도구를 사용하여 확인합니다.

테스트 결과가 만족스럽지 않거나 다른 궁금한 점이 있는 경우 Google의 글로벌 웹마스터 포럼에서 추가 안내 및 지원을 받으시기 바랍니다.

Google은 항상 도움말을 개선하기 위해 노력하고 있습니다. 의견이 있으시면 언제든지 다음 양식을 작성해 주시기 바랍니다.

다음에 대한 의견 보내기...