알아두면 좋은 몇 가지 유용한 워드프레스 팁

Last Updated: 2019년 10월 25일 6개 댓글

워드프레스는 빠르게 변화하는 CMS(콘텐츠 관리 시스템)입니다. 이 글이 작성된 2015년 이후에 워드프레스에 많은 변화가 있었습니다. 2019년 10월 현재 워드프레스 5.2.4 버전까지 나왔습니다. 워드프레스 버전 5에서는 큰 변화가 있었는데, 기본 편집기가 '구텐베르크 에디터'로 바뀌었고 보안 기능도 많이 강화되었습니다.

워드프레스를 제대로 활용하려면 기본적인 사용법과 함께 테마 사용법을 익히시면 도움이 될 것입니다. 워드프레스 기본 사용법은 여기를 참고해보세요.

이외에 워드프레스와 관련하여 궁금한 사항은 검색 페이지에서 검색해보시기 바랍니다.

반응형 테마 vs. 비반응형 테마

요즘은 모바일 기기가 대중화되어 많은 사용자가 스마트폰 등의 모바일 기기를 통해 사이트를 접속합니다. 이 때문에 많은 워드프레스 테마가 모바일 기기에 맞게 사이트를 표시하는 반응형(Responsive)으로 제작되고 있습니다. 하지만 이전에 만들어진 테마들은 비반응형(Non-responsive)인 경우가 많습니다. 비반응형 테마를 반응형 테마로 바꾸는 작업은 테마에 따라 다르지만, 복잡한 커스터마이징이 요구되는 작업이 될 수 있습니다. (테마의 복잡성 정도와 프로그래머의 역량에 따라 소요 시간은 천차만별이 될 것입니다.)

비반응형 테마를 반응형 테마로 바꾸는 방법에 대해 자세히 알고 싶은 분은 Lynda.com의 강의를 참조하시기 바랍니다.

그리고 PC 버전이 마음에 들어서 구입했는데 모바일 버전이 마음에 들지 않는다든가, 모바일 버전을 사용하지 않으려고 하시는 분들도 간혹 있더군요. 반응형 테마를 비반응형으로 바꾸는 작업은 비교적 쉽게 가능할 것 같습니다. 반응형 테마의 header.php 파일에는 다음과 같은 코드가 삽입되어 있습니다.

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

이 코드를 삭제하면 모바일 기기에서도 PC 버전으로 처리할 것입니다. (테마에 따라 이 방법이 통하지 않을 수도 있지만 테스트해보니 잘 되네요.) 또는 Any Mobile Theme Switcher와 같은 모바일 테마 스위처 플러그인이 있습니다. 이 플러그인을 사용하면 모바일 기기에서 다른 테마를 설정할 수 있습니다(PC와 모바일에서 동일한 테마 지정 가능). 그리고 모바일 버전과 PC 버전(데스트톱 버전) 간에 전환시키는 코드(링크)를 제공합니다. 이 플러그인을 잘 응용하면 모바일 버전에서 PC 버전으로 전환할수  있는 링크를 만들 수 있을 것입니다.

한글 글꼴

테마의 기본 글꼴(폰트)이 마음에 들지 않는다면 다음과 같은 코드를 CSS 스타일시트의 맨 위에 추가하여 글꼴을 변경할 수 있습니다. (스타일시트에 CSS 코드를 추가하는 다양한 방법은 여기를 참고하시기 바랍니다.)

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
body {
font-family: 'Nanum Gothic' !important;
}

언어 변경

이전 WordPress 버전에서는 언어를 변경하려면 ftp에 접속하여 wp-config.php에서 define ('WPLANG', ''); 부분을 수정했어야 합니다. 하지만 최근 워드프레스 버전에서는 알림판(Dashboard)에서 쉽게 변경이 가능하도록 바뀌었네요. 가령 영어 버전을 한글 버전으로 바꾸는 경우 Settings(설정) > General(일반)에 접속하여 맨 아래의 Site Language(사이트 언어)에서 수정이 가능합니다.
A new way to change language in WordPress

테마 삭제

플러그인을 삭제하는 방법은 알림판에서 쉽게 할 수 있습니다. 하지만 테마를 설치하면 알림판에서 테마를 삭제하는 메뉴가 보이지 않습니다. 괜히 공간만 차지하고 필요없는 테마가 있다면 FTP로 접속하여 직접 해당 테마(경로: www.사이트_주소/설치된_경로/wp-content/themes 아래)를 삭제하면 됩니다. 그러면 알림판의 외모 > 테마의 목록에서 삭제된 테마가 사라집니다.

자식 테마(Child Theme) 만드는 방법

테마를 수정할 경우 자식 테마를 만들면 향후 테마 업데이트 시에도 수정된 사항이 유지됩니다. 자식 테마를 만드는 방법은 여기를 참조하시기 바랍니다.

워드프레스 사이트를 통째로 백업하는 방법

다른 사이트로 워드프레스를 통째로 이전할 경우 Duplicator를 사용하면 별다른 설정 변경 없이 쉽게 사이트를 이전할 수 있습니다. Duplicator 플러그인 사용 방법은 여기에서 확인하실 수 있습니다.


6 개 댓글

Leave a Comment

  1. 안녕하세요 운영자님 위 내용처럼 반응형을 비반응형으로 만들고 싶어 다양한 테마를 코드 삭제를 해보았지만, 적용이 되지 않는 것 같아 적용 가능한 테마를 알고 싶어 댓글 남깁니다.

    응답
    • 아바다 등 일부 유료 테마에서 반응형을 비활성화하여 비반응형으로 만드는 옵션을 지원합니다. 다음 글을 참고해보세요:

      https://www.thewordcracker.com/?p=48801

      Avada 최신 버전을 살펴보니 아직도 이 옵션이 지원되네요.
      하지만 스마트폰에서 접속 시 데스크톱 버전으로 표시되면 상당히 불편함을 느끼게 되므로 비반응형으로 만드는 것은 추천하지 않습니다.

      응답
  2. 현재 워프로 홈페이지가 구축된 상태입니다. PC버전은 만족하고 있는데, 모바일 버전이 마음에 들지 않아 바꾸고 싶어

    HTML로 인덱스를 구성하여(완전한 배너 형태로, 각각의 배너를 클릭하면 기존 PC버전의 해당 상세페이지로 넘어가도록 구상하였습니다)

    까페 24(호스팅업체)에서 모바일 도메인(m.도메인)을 확보 후, FTP 상에서 모바일폴더 경로 설정하여 만든 인덱스를 넣으니

    모바일에서 홈페이지 접속시 인덱스까지는 올라오는데 클릭하면 상세페이지로는 도통 넘어가지를 않네요.

    워프 파일(PHP)을 들여다보니 (현재 반응형입니다) 이미 모바일 버전으로 구축이 되어져 있는 상태라서 넘어가지를 못하는 것 같은데

    이 경우, 워프에서 반응형을 풀어버리면 정상적으로 작동할까요?(테마 상에 반응형을 푸는 기능이 없어 포스팅해주신 방법을 시도해 볼까 합니다)

    아니면 혹시, 워프와 HTML이 충돌하여 그런걸까요 ㅜ

    기존 PC버전의 경우, 상세페이지는 모바일에서도 마음에 드는데 프론트 인덱스만 마음에 들지 않아 딱 이부분만 바꾸려고 하는데

    (사실 모바일을 새로 구축할 시간적 여유가 없기도 하고요 ㅜ)

    제가 워프 초보인지라 도통 모르겠네요..
    이 경우에 어떻게 해결해야 될까요..조언 부탁드립니다.

    응답
    • 안녕하세요?

      아마 스마트폰으로 홈페이지 접속 시 m.도메인이 표시되도록 리디렉션될 것 같은데요, 맞으신가요?

      아마도 다음과 비슷한 코드를 header.php에 삽입되어 있을 것 같네요.

      <script type=”text/javascript” src=”http://www.opencom.com/js/mobileLocation.js“></script>

      이 경우 모바일에서는 m.도메인으로 넘어가게 될 것입니다.

      현재 정확히 어떻게 설정되어 있는지 모르겠는데요,

      만약 위의 스크립트를 헤더에 추가하여 구현한 경우 m.모바일에서 상세 페이지를 클릭하면 이론상 다시 m.모바일로 넘어가겠죠? (정확한지 모르겠습니다.)

      이런 경우라면 위의 스크립를 front_page일 경우에만 로드되고, 프런트 페이지가 아니면 무시하도록 만들면 되지 않을까 생각됩니다.

      하지만 정확한 것은 케이스별로 살펴보아야 할 것 같습니다.

      그럼, 즐거운 하루 되시기 바랍니다.

      응답
      • 덕분에 감을 잡고서 조언해주신대로 프론트 페이지 여부에 따라 로드되도록 수정하니 원하는대로 구현이 되네요.

        조언 감사드립니다 : )