• 구글 웹마스터도구의 데이터 하이라이터 이해하기

    구글 웹마스터도구의 검색 노출 섹션를 보면 데이터 하이라이터 메뉴가 있습니다. 이것이 무엇인지 몰라도 구글 웹마스터도구를 이용하는데 문제는 없기 때문에 신경쓰지 않는 경우가 많은데, 데이터 하이라이터를 활용하면 검색결과에 데이터를 더 효과적으로 표시할 수 있기 때문에 관심을 가질 필요가 있습니다. 데이터 하이라이터가 무엇이고, 어떻게 설정하며, 어떤 효과가 있는지 알아보도록 하겠습니다. 먼저, 구글 웹마스터도구에서 설명하고 있는 데이터 하이라이터를 살펴 보겠습니다. 위 그림에 표시된 정보를 바탕으로 정리하면 다음과 같습니다. 데이터 하이라이터는 Google이 사이트의 데이터를 이해할 수 있도록 도와주는 새로운 도구이고, 데이터 하이라이터를 사용하면 각 데이터 필드를 마우스로 간단히 ’태그’할 수 있습니다. 이렇게 하면 Google에서 내 데이터를 검색결과에 더욱 보기 좋게, 새로운 방식으로 표시할 수 있습니다. 또한, 데이터 하이라이터를 상세히 설명하고 있는 다음의 동영상이 있는데, 한글 자막이 제공되기 때문에 데이터 하이라이터가 무엇이고, 어떻게 적용하며, 검색에 어떤 효과가 있는지 자세히 알려주고 있습니다. 아마도 이 동영상을 보면 데이터 하이라이터에 대해 금방 이해할 수 있을 것입니다. […]

  • 워드프레스 고유주소 설정 변경 후 301 리다이렉션 문제 해결 방법

    워드프레스 글의 구글 검색 노출을 효과적으로 하기 위해 고유주소를 변경하는 경우가 있습니다. 워드프레스에서 고유주소 설정 변경만 하고, 후속 조치를 하지 않는 경우 기존 구글 검색에 색인된 워드프레스 콘텐츠 클릭 시 404 에러 페이지로 이동 되면서 큰 문제가 될 수 있습니다. 실제로 이번에 국내 워드프레스 대표 커뮤니티를 지향하는 make BCT의 고유주소를 기존 /%post_id% 에서 /%postname%/ 으로 변경했는데, 기존 고유주소에서 작성된 워드프레스 컨텐츠가 많았고, 일부 콘텐츠의 경우 구글 검색 상단에 노출되어 그로 인해 트래픽이 일정하게 유지되고 있는 상태에서 고유주소 변경을 했더니 make BCT 커뮤니티에 방문한 사용자 수도 줄었고,사용자에게 불편을 주는 문제가 있었습니다. 그래서 워드프레스에서 이와 같은 문제를 해결하는 방법을 찾아보게 되었습니다. 문제 해결 전: 기존 고유주소로 구글 검색에 색인된 워드프레스 콘텐츠 구글 검색 창에서 site:makebct.net 로 검색을 해 보겠습니다. 결과는 다음과 같습니다. 위 결과에서 붉은 색 box 표시가 된 두 개 콘텐츠의 URL을 보면 하나는 makebct.net/2669 […]

  • 워드프레스 4.2.x 멀티 사이트에서 사이트 추가 되지 않는 문제 발생

    최신 버전인 워드프레스 4.2.x에서 멀티 사이트 설정 후, 네트워크 관리자에서 사이트 추가를 시도하면 서브 사이트의 테이블이 생성되지 않는 문제가 있습니다. 네트워크 관리자에서 새로운 사이트 추가 위 그림에서 [사이트 추가] 버튼을 누르면 다음과 같은 화면이 나타납니다. 위 그림처럼 blank 화면이 나타납니다. 다시 네트워크 관리자 화면에서 사이트 설정 화면을 확인해 보면 다음과 같습니다. 위 그림처럼 사이트가 추가 되었다고 나오지만, 위 화면 왼쪽 메뉴를 보면 서브 사이트가 정상적으로 추가되지 않은 것을 확인할 수 있습니다. 현재 상태에서 DB 테이블을 살펴보면 다음과 같습니다. 위 그림의 테이블을 보면, 보통 서브 사이트 추가 시 생성되는 테이블들(보통 wp_2_options로 생성되는)이 보이지 않고, 테이터 정렬 방식이 utf8mb4_general_ci 로 된 것을 확인할 수 있습니다. DB 설정이 기존과 달라 좀 찾아 보았더니 워드프레스 4.2.2 에서 기본언어셋이 utf8 -> utf8mb4 로 변경 되었다는 것을 알 수 […]

  • www 없이 설치된 워드프레스 멀티사이트 도메인에 www 추가하는 방법

    www 없이 설치된 워드프레스 멀티사이트 도메인(http://mydomain.com)에 www를 추가(http://www.mydomain.com)하는 방법을 알아 보겠습니다. 추가 방법은 다음과 같습니다. 진행에 앞서 만일을 위해 DB를 백업할 것을 권장합니다. 1. wp-config.php 파일 수정 수정 전 define(‘DOMAIN_CURRENT_SITE’, ‘mydomain.com’); 수정 후: define(‘DOMAIN_CURRENT_SITE’, ‘www.mydomain.com’); 2. Search Replace DB script 다운로드, 압축 해제, 업로드 이 작업을 위해 Search Replace DB 스크립트가 필요합니다. 이 스크립트는 다음 URL에서 다운로드 받을 수 있습니다. https://interconnectit.com/products/search-and-replace-for-wordpress-databases/ * 주의 Search Replace DB 스크립트는 2015년 5월 현재 V 3.0.0 BETA와 V 2.1.0 STABLE 버전이 있는데, 하단 내용은 V 2.1.0 STABLE 버전을 기준으로 작성 되었습니다. 이 스크립트를 다운로드 받고 압축 해제 한 다음, FTP 프로그램을 이용하여 다음과 같이 wp-config.php 파일이 위치한 PATH에 업로드 합니다. 업로드 완료된 결과는 다음과 같습니다. 3. Search Replace DB script 실행 웹 브라우저에 http://mydomain.com/searchreplacedb2.php 을 입력한 다음, 다음 단계를 […]

  • Automattic이 WooCommerce를 인수하다 (Automattic Acquires WooCommerce)

    워드프레스 공식 업체 Automattic이 워드프레스 커머스 대표 업체 WooCommerce를 인수 했음을 공식적으로 발표 했습니다. 이번 인수는 그 동안 오토매틱의 인수 사례 중 가장 큰 건이라고 합니다. 인수 과정, 인수 금액, 우커머스 브랜드에 대한 향후 전략 등 이번 인수와 관련된 자세한 내용은 하단 링크를 확인 바랍니다. Automattic이 WooCommerce를 인수함에 따라 워드프레스 커머스 시장 나아가서 워드프레스 시장 전체에 어떤 영향을 주게 될지 궁금해 집니다. 음. 국내 시장에 미치는 영향도 고려해야 봐야 할 듯 합니다. http://wptavern.com/automattic-acquires-woocommerce 북극海• (주)블로그코디 대표 • 워드프레스 교육 서비스 런칭 • 워드프레스 정보 공유 커뮤니티 make BCT 런칭 • 한국형 워드프레스 테마 출시 • 워드프레스 홈페이지 제작 서비스 런칭http://blogcodi.com

  • 워드프레스에서 사용자 정보 입력 후 파일을 다운로드 할 수 있는 방법

    사용자 정보(이메일 등)를 입력한 사용자에게만 브로셔 등의 파일을 다운로드할 수 있도록 해 달라는 요청이 종종 있습니다. 주로 기업에서 자신의 제품에 관심 있는 고객을 알고 싶을 때 요청하는데요, 이 글에서는 워드프레스에서 사용자 정보 입력 후 파일을 다운로드 할 수 있는 방법을 알아보도록 하겠습니다. 이 글에서 최종 보게 될 결과는 다음과 같습니다. 우선, 이를 구현하기 위해서는 다음과 같이 총 3개의 워드프레스 플러그인이 필요합니다. Contact Form 7: https://wordpress.org/plugins/contact-form-7/ Download Monitor: https://wordpress.org/plugins/download-monitor/ Email Before Download: https://wordpress.org/plugins/email-before-download/ 각 플러그인의 설치 및 활성화 단계는 이미 완료된 것으로 가정합니다. (1) Contact Form 7 설정 ’워드프레스 관리자 > Contact’ 메뉴에서 Contact Form 7 설정을 할 수 있습니다. 다음과 같이 사용자 정보를 입력받기 원하는 폼을 만듭니다. 위 그림처럼 사용자 정보 폼(name, country, company name, email)을 만들고 하단에 submit 버튼을 추가해 줍니다. 만약 다중 파일 다운로드가 필요한 경우 <ebd […]

  • 워드프레스 플러그인 핸드북: Plugin Handbook

    WordPress.org 사이트 내에 워드프레스 플러그인 개발 시 참고할 수 있는 Plugin Handbook 이 있습니다. https://developer.wordpress.org/plugins/ 위 그림에서는 전체가 보이지 않지만, Plugin Handbook 에는 총 18 chapter로 구성되어 있으며, 목차를 살펴보면 다음과 같습니다. Chapter 1. Introduction to Plugin Development Chapter 2. Plugin Basics Header Requirements Including a Software License Activation / Deactivation Hooks Uninstall Methods Best Practices Chapter 3. Plugin Security Checking User Capabilities Data Validation Securing Input Securing Output Nonces Chapter 4. Hooks Actions Filters Creating Custom Hooks Advanced Topics Chapter 5. Administration Menus Top-Level Menus Sub-Menus Chapter 6. Shortcodes Basic Shortcodes Enclosing Shortcodes Shortcodes with Parameters TinyMCE Enhanced Shortcodes Chapter 7. Settings Settings API Creating and Using Options Individual Options Versus Arrays of Options Custom Settings Page Chapter 8. Metadata Create and Manage Post Metadata Creating Custom Meta Boxes Rendering Meta Data Chapter 9. Custom Post […]

  • 도메인 일괄 변환 워드프레스 플러그인: Domain Replace

    워드프레스 홈페이지 제작 시 테스트 환경에서 작업한 후 운영 환경으로 옮기는 것이 일반적입니다. 이 때 워드프레스 전체 파일(워드프레스 코어, 플러그인, 테마, 업로드 파일 등 모두 포함)을 (테스트 환경에서 운영 환경으로) 복사하고 DB 파일을 업로드하는 것으로 이전 작업이 깔끔하게 마무리 되는데, 도메인 변환이 늘 문제가 됩니다(즉, 운영 환경으로 이전된 워드프레스 홈페이지의 이미지 URL 등이 이전 테스트 환경의 URL로 그대로 남아 있습니다). 그러다 보니 테스트 환경에 문제가 생기면 운영 사이트에도 영향을 받게 되어, 정상적으로 동작하지 않게 되는 경우가 자주 발생합니다. 그래서 테스트 사이트의 도메인을 운영 사이트의 도메인으로 한 번에 일괄 변환할 수 있으면 좋겠다고 생각해 왔는데, 다음의 Domain Replace 플러그인이 이와 같은 고민을 일부 해결해 줄 수 있을 것으로 기대합니다. Domain Replace 플러그인의 설치 과정은 생략하고, 이 플러그인을 활성화 하면 다음과 같이 DuoGeek > Domain Replace Options 메뉴가 생성되는 것을 볼 수 있습니다. […]

  • 반응형 홈페이지에 맞추어 출력되는 동영상 삽입하기

    Advanced Responsive Video Embedder 라는 플러그인은 유튜브나 Vimeo 동영상 삽입을 위한 플러그인입니다. 예제 보기 : http://makebct.cafe24.com/?p=188 1. 유튜브 공유-소스코드로 동영상 삽입하기 기존 유튜브의 ‘공유’ 기능을 통해 아래와 같은 코드를 본문에 작성하여 동영상을 삽입해 왔습니다.

    2. Advanced Responsive Video Embedder 플러그인으로 동영상 삽입하기 [새 글 쓰기]를 클릭하여 글 작성창에 보면 아래와 같이 ‘Advanced Responsive Video Embedder’ 플러그인의 [Embed Video]라는 버튼이 보입니다. 동영상을 삽입할 위치에 커서를 위치시킨 후, [Embed Video] 버튼을 클릭하면 다음과 같은 동영상 삽입 창이 보여지고, 다음 그림에 보이는 것과 같이 원하시는 동영상의 주소를 입력하고 나머지 항목을 입력합니다. 동영상이 있는 페이지의 웹주소창의 주소를 입력해도 되고, 공유에서 지원하는 짧은 주소를 입력해도 됩니다. 3. 동영상 출력 위의 두 가지 방법으로 동영상을 본문에 삽입하였을 경우 아래의 그림과 같이 별 차이가 없어 보입니다. 하지만 모바일 환경에서 보면 다릅니다. 유튜브의 ‘공유’ 코드를 이용해 삽입된 동영상의 경우 세로 […]

위로이동