• 워드프레스 홈페이지에 통계 기능 추가 방법

    워드프레스 홈페이지에서 통계 기능을 추가할 때, 사용 가능한 방법을 알아 보겠습니다. (1) 간단한 사용자 통계가 필요한 경우 하루 방문자가 몇 명인지, 유입 경로는 어떤지, 작성된 글 중 사람들이 많이 보는 글은 어떤지 등 간단한 사용자 통계 기능을 필요로 할 때 워드프레스닷컴에서 제공하는 사용자 통계 기능을 활용합니다. 워드프레스닷컴에서 제공하는 사용자 통계를 이용하려면 먼저 젯팩 플러그인을 설치해야 하고, 자신의 워드프레스 사이트와 wordpress.com 사이트를 연결하기 위해 워드프레스닷컴 계정이 있어야 합니다. 워드프레스닷컴 계정은 WordPress.com에서 회원가입을 해야 얻을 수 있습니다. 젯팩을 통해 자신의 워드프레스 사이트와 wordpress.com 사이트를 정상적으로 연결한 경우 다음과 같은 페이지를 볼 수 있습니다. 워드프레스닷컴에서 제공하는 사용자 통계 정보는 다음과 같이 ‘워드프레스 관리자 > 젯팩 > 사용자통계’에서 확인할 수 있습니다. 위 그림에서 보듯이 워드프레스닷컴 통계에서는 일/주/월 방문자 수, Referrers, Search Engine Terms, Subscription, Top Posts & Pages, Clicks 정보를 확인할 수 있습니다. […]

  • 메뉴 수가 많아 전체 메뉴가 나타나지 않을 때 해결 방법

    카페24 호스팅의 광아우토반 FullSSD 상품을 사용하고 있습니다. 이 환경에서 워드프레스 메뉴를 구성할 때 워드프레스 외모의 메뉴 기능을 활용하는데, 메뉴 수가 너무 많아 일부 메뉴가 출력되지 않는 문제 하였습니다. 이 문제는 php.ini 파일의 max_input_vars 값을 높이면 해결됩니다. 카페24 호스팅 이용 시 사용자 계정에서 php.ini 파일에 접근할 수 없으므로 다음과 같이 .htaccess 파일에서 이 값을 설정할 수 있습니다. 보통의 경우 max_input_vars 값이 1000인데, 이 값을 3000으로 높였습니다. 정상적인 경우, 다음과 같이 메뉴가 정상 출력됩니다. 북극海 • (주)블로그코디 대표 • 워드프레스 교육 서비스 런칭 • 워드프레스 정보 공유 커뮤니티 make BCT 런칭 • 한국형 워드프레스 테마 출시 • 워드프레스 홈페이지 제작 서비스 런칭 http://blogcodi.com

  • 워드프레스와 그누보드를 함께 사용하는 방법 정리

    클라이언트의 기존 홈페이지는 그누보드 기반으로 되어 있고 카페24 호스팅에서 운영 중 입니다. 이번에 홈페이지를 리뉴얼 하면서 워드프레스 기반으로 갈아타게 되었고, 호스팅은 그대로 카페24 호스팅을 사용합니다. 특이 사항이 있는데, 기존 그누보드 홈페이지에서 사용하던 일부 게시판과 모바일 기능을 새롭게 리뉴얼할 워드프레스 홈페이지에서도 사용해야 한다는 것입니다. 그래서 워드프레스와 그누보드를 한 호스팅에 동시에 설치하고 운영해야 하는 상황입니다. 이 작업을 위해 먼저 그누보드가 설치된 기존 서버 환경을 확인 해보니 EUC-KR (PHP4, MySQL4.x) 입니다. 여기에서 문제는 PHP 5.3, MySQL 5.x, UTF8 서버 환경이 필요한 워드프레스 서버 환경과 다르다는 것입니다. 그래서 서버 환경을 변경해야 하는데, 서버 환경이 변경되면 기존 그누보드 데이터를 서버 환경에 맞게 다시 마이그레이션 해야 합니다. * 카페24 호스팅을 이용하는 경우 “나의서비스관리 > 연장/변경/추가옵션 > 변경신청”에서 자동으로 서버환경(CharacterSet)을 변경할 수 있습니다. 이와 같은 상황에서 워드프레스 홈페이지를 메인 사이트로 하고, 기존 그누보드 홈페이지를 서브 사이트로 하고 워드프레스 홈페이지의 일부 메뉴에서 그누보드의 일부 게시판과 […]

  • 워드프레스 에디터인 tinymce에 테이블과 syntax highlighting 기능 추가

    이전 “워드프레스 에디터인 tinymce 고급 활용 방법” 글에서 기능 아이콘 추가 방법, 한글 폰트 추가 방법, <p> 또는 <br> 태그 자동 추가 제거 방법, 에디터 스킨 변경 방법에 대해서 알아 보았습니다. 지난 글에 이어 이번에는 워드프레스 에디터인 tinymce에 테이블과 syntax hightlighting를 추가하는 방법에 대해서 알아 보겠습니다. 글 작성에 앞서 다음 그림을 통해 테이블과 syntax hightlighting이 무엇인지 살펴 보겠습니다. 위 그림에서 가운데 부근의 “설치될 AMP 버전은 다음 표와 같습니다.” 문단 밑에 있는 것이 테이블이고, # yum install yum-priorities와 [main] enabled=1 영역을 둘러싸고 있는 box가 syntax highlighting입니다. 5) 테이블 추가 워드프레스에는 테이블 관련 여러 플러그인이 있지만, 위 그림에서는 WP-Table Reloaded 플러그인을 사용했습니다. 플러그인의 설치 및 활성화 과정은 생략하도록 하고, 플러그인을 활성화 하면 ‘워드프레스 관리자 > 도구 > WP-Table Reloaded’ 메뉴가 생성되고, 설정 화면은 다음과 같습니다. 위 그림의 설정 화면에서 테이블을 추가한 다음, tinyce에 […]

  • 워드프레스 멀티사이트 설치 방법: sub-directories 방식 (2)

    이전 글 ‘워드프레스 멀티사이트 설치 방법: sub-directories 방식 (1)’에 이어 워드프레스 멀티사이트 설치 방법에 대해 알아 보겠습니다. 단계 4. wp-config.php 옵션 추가 다음과 같이 wp-config.php (www 디렉토리에 위치함) 파일에 define(‘WP_ALLOW_MULTISITE’, true); 라인을 추가합니다. 위 그림에서 define(‘WP_ALLOW_MULTISITE’, true); 이 추가된 것을 확인할 수 있습니다. 단계 5. 관리자 권한으로 워드프레스 사이트 로그인 설치한 워드프레스 사이트에 관리자 권한으로 로그인 하면, 다음과 같이 ‘워드프레스 사이트 관리자 > Tools > Network Setup’ 메뉴가 추가된 것을 확인할 수 있습니다. 위 그림에서 워드프레스의 멀티 사이트 설정 방식에 Sub-domains와 Sub-directories의 두 가지 방식이 있는 것을 확인할 수 있으며, 이 글에서는 Sub-directories 방식을 선택해서 설치를 하도록 합니다. 위 그림에서 Sub-directories에 체크 표시를 한 다음, [Install] 버튼을 누릅니다. 그러면 다음과 같은 설정 내용을 확인할 수 있습니다. 위 그림에서 워드프레스 멀티 사이트 설치를 위한 […]

  • 워드프레스 멀티사이트 설치 방법: sub-directories 방식 (1)

    이 글은 워드프레스 3.4.2 버전을 카페24의 64bit 광아우토반 FullSSD 웹호스팅에 설치하는 것을 가정합니다. 참고로 도메인 구입, 호스팅 신청, 네임서버 변경 등은 이미 완료되었고, 설치 도메인은 http://bctown.net 입니다. http://bctown.net의 경우 단일 워드프레스 설치가 아닌 멀티 워드프레스 설치가 필요하므로 멀티 사이트를 위한 워드프레스 설치 및 설정을 해야 합니다. 설치는 워드프레스는 영문 버전을 기준으로 하고, 설치 과정은 다음과 같습니다. 단계 1. 워드프레스 다운로드 압축 해제 워드프레스 공식 사이트(http://wordpress.org)에서 최신 버전의 워드프레스를 다운로드 받습니다. 이 글 작성 시 워드프레스 최신 버전은 3.4.2입니다. 다운로드 완료하고 압축 해제한 결과는 다음과 같습니다. 위 그림에서 워드프레스 3.4.2 버전의 파일 구성을 확인할 수 있습니다. 단계 2. FTP로 워드프레스 파일 업로드 압축 해제한 워드프레스 3.4.2 버전의 소스 파일을 FTP 프로그램을 이용하여 자신의 웹호스팅 계정에 업로드 합니다. 업로드 완료된 결과는 다음과 같습니다. 위 그림에서 [www] 디렉토리 아래에 워드프레스 소스 파일이 […]

  • 워드프레스-페이스북 연동: 워드프레스 위젯

    워드프레스 위젯에서는 워드프레스 포스트 및 페이지에서 사용할 수 있는 소셜 플러그인 외 추가적인 소셜 플러그인이 워드프레스 위젯으로 제공되고 있습니다. 소셜 플러그인 위젯 종류는 다음과 같습니다. Like, Send 버튼 위젯 Recent Activity 위젯 Recommendations 위젯 Like 버튼 위젯 Like 버튼 위젯은 페이스북의 Like 버튼을 출력하는 위젯입니다. Like 버튼 위젯을 추가하려면 다음과 같이 ‘워드프레스 사이트 관리자 > 외모 > 위젯’ 페이지로 이동합니다. 위 그림의 ‘사용할 수 있는 위젯’에 있는 ‘Facebook Like Button’ 위젯을 마우스를 이용하여 ‘메인 사이드바’에 끌어다 놓습니다. 그러면 다음과 같이 ‘Facebook Like Button’ 위젯의 옵션을 확인할 수 있습니다. 위 그림에서 ‘Facebook Like Button’ 위젯 옵션에는 Title, URL, Send, Show faces, Layout, Width, Action, Color scheme, Font가 있는 것을 확인할 수 있습니다. Title에는 위젯 제목을, URL에는 Like 버튼이 가리키는 URL 주소를 입력합니다. Send에는 send 버튼이 출력 유무에 따라 체크를, Show faces에는 프로필 […]

  • 워드프레스-페이스북 연동: 소셜 플러그인

    소셜 플러그인은 워드프레스의 포스트 및 페이지에서 사용할 수 있으며, 다음과 같은 플러그인이 포함되어 있습니다. Like, Send 버튼 Comments Recommendations bar Like 버튼 Like 버튼은 워드프레스 콘텐츠를 페이스북에 있는 친구들과 공유할 수 있도록 하며, 보통 콘텐츠 하단에 추가합니다. Like 버튼을 추가하려면 다음과 같이 ‘워드프레스 사이트 관리자 > Facebook’ 설정 페이지로 이동합니다. 위 그림처럼 “Like Button”에 체크 표시를 한 다음, [변경 사항 저장] 버튼을 누릅니다. 그러면 다음과 같이 설정 옵션이 나타납니다. 위 그림에서 Like Button 옵션에는 Send, Show faces, Layout, Width, Action, Color scheme, Font, Position, Show on, Show on homepage가 있는 것을 확인할 수 있습니다. Send에는 send 버튼을, Show faces에는 프로필 사진을 추가할지 설정합니다. Layout에는 standard, button_count, box_count 중 하나를, Width에는 폭 넓이를 픽셀 단위로 설정합니다. Action는 like 또는 recommendation 둘 중 하나를, Color scheme에는 light 또는 dark 중 하나를 설정합니다. Font에는 […]

  • 워드프레스-페이스북 연동: 소셜 퍼블리싱 (3)

    워드프레스-페이스북 연동: 소셜 퍼블리싱 3번째 글입니다. 다음으로, 자신의 워드프레스 사이트에서 페이스북으로 자동으로 글을 전달하기 다음과 같이 ‘Social Publisher’ 옵션에 체크 표시를 합니다. 정상적인 경우 다음과 같이 자신의 워드프레스 페이지 정보를 확인할 수 있습니다. 위 그림에서 자신의 페이스북 타임라인으로 글을 전달하기 위해서는 ‘Publish to author’s Timeline’에 체크 표시를 하고, 자신의 페이스북 팬페이지로 글을 전달하기 위해서는 ‘Publish to fan page’에서 페이지를 선택해야 합니다. 설정을 완료한 후, ‘변경 사항 저장’ 버튼을 눌러 설정 내용을 저장하도록 합니다. ‘Social Publisher’ 옵션의 설정을 완료한 다음, 글 작성 페이지를 가보면 다음과 같이 페이스북 위젯이 여러 개 추가된 것을 확인할 수 있습니다. 위 그림에서 새 글 쓰기 페이지에 ‘Facebook Social Plugins’, ‘Facebook Status on Your Timeline’, ‘Facebook Status on 블로그코디’s Timeline’, ‘Mention Facebook Pages’, ‘Mention Facebook Friends’ 박스가 새로 추가된 것을 확인할 수 있습니다. 이 박스를 통해 자신의 워드프레스에서 작성한 […]

  • 워드프레스-페이스북 연동: 소셜 퍼블리싱 (2)

    이전 글 ‘워드프레스-페이스북 연동: 소셜 퍼블리싱 (1)’에 이어서 설명 하겠습니다. 이전 글에 포함된 앱 설정 페이지에서 다시 [제출] 링크를 누르면 다음과 같은 페이지가 나타납니다. 위 그림에서 오픈 그래프 인증 1단계로서 ‘Provide trigger steps’인 것을 확인할 수 있습니다. 계속 진행을 위해서는 추가 코드가 필요하며, 그 코드를 얻기 위해서는 다음과 같이 Graph API Explorer 페이지로 이동합니다. 위 그림의 우측 상단 부근에 있는 [액세스 토큰 얻기] 버튼을 클릭하면 다음과 같이 ‘Select Permissions’ 팝업 창이 나타납니다. 위 그림의 ‘Select Permissions’ 팝업 창에서 ‘User Data Permissions’, ‘Friends Data Permissions’, ‘Extended Permissions’ 설정을 할 수 있는 것을 확인할 수 있습니다. 우리가 필요한 것은 워드프레스에서 페이스북으로 글 또는 페이지를 전달하는 것이기 때문에 ‘publish_actions’ 항목이 체크된 것을 확인한 다음, [Get Access Token] 버튼을 누릅니다. 그러면 다음과 같이 액세스 토큰 값을 확인할 수 있습니다. 위 그림의 […]

위로이동