• 워드프레스 멀티사이트 설치 방법: 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] 버튼을 누릅니다. 그러면 다음과 같이 액세스 토큰 값을 확인할 수 있습니다. 위 그림의 […]

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

    소셜 퍼블리싱은 워드프레스에서 작성한 글이나 페이지를 페이스북의 타임라인이나 페이지로 전달하는 것을 의미합니다. 소셜 퍼블리싱 기능을 사용하기 위해서는 다음과 같이 추가 설정을 해 주어야 합니다. Step 1. 페이스북 앱 페이지 방문 페이스북에 로그인한 상태에서 다음과 같이 앱 페이지 https://developers.facebook.com/apps 페이지를 방문합니다. 위 그림의 가운데 부근에 있는 ‘Open Graph’에서 액션 추가를 위해 ‘시작하기’ 버튼을 누릅니다. 그러면 다음과 같이 오픈 그래프 페이지가 나타납니다. 위 그림에서 ‘People can’ 옆 텍스트 필드(Text Field)에 ‘publish’를 ‘a’ 옆 텍스트 필드에 ‘article’을 입력한 다음, [시작하기] 버튼을 누릅니다. 그러면 다음과 같이 Open Graph 대시보드 페이지가 나타납니다. 위 그림의 우측 상단 부근에 있는 ‘제출’ 링크를 누릅니다. 그러면 다음과 같은 에러 창이 나타납니다. 위 그림에서 ‘Publishing Actions’와 ‘Missing App Logo and Icon’의 2가지 에러를 확인할 수 있습니다. 먼저, ‘Missing App Logo and Icon’ 에러는 앱 페이지에서 로고와 […]

  • 워드프레스-페이스북 연동: 페이스북 앱 설정

    지난 글에서 페이스북 앱을 생성하는 방법을 살펴 보았고, 이번 글에서는 페이스북 앱을 설정하는 방법을 살펴 보도록 하겠습니다. Step 2. 페이스북 앱 설정 자신의 워드프레스와 페이스북을 연결하기 위한 앱 설정 페이지는 다음과 같습니다. 위 그림에서 자신의 워드프레스 사이트와 페이스북 연결을 위한 앱 설정은 ‘기본 정보’, ‘Website with Facebook Login’, ‘Mobile Web’ 세 군데입니다. ‘기본 설정’에서는 Display Name, Namespace, 연락 이메일, App Domains, 카테고리, Hosting URL, Sandbox Mode를 설정할 수 있습니다. Display Name은 앱 이름에 해당하고, Namespace는 사용자 정의 Open Graph actions과 objects 그리고 페이스북 상에 자신의 앱 URL을 정의하는데 사용합니다. 연락 이메일은 앱과 관련하여 연락을 할 수 있는 이메일을, App Domains는 도메인 및 서브 도메인에 auth를 가능하게 합니다. 카테고리는 앱의 기능을 설명하는 카테고리를, Hosting URL은 페이스북 파트너 중 한 곳으로부터 부여 받은 URL을, Sandbox Mode는 활성화를 체크하면 앱 개발자들만의 앱을 사용할 수 있습니다. ‘기본 선택’에서는 […]

  • 워드프레스-페이스북 연동: 페이스북 앱 생성

    페이스북 앱 생성 과정은 다음과 같습니다. Step 1. 페이스북 앱 생성 https://developers.facebook.com/apps 페이지로 이동합니다. 페이스북 로그인이 되어 있지 않다면 다음과 같은 로그인 창이 나타납니다. 위 그림에서 자신의 페이스북 계정으로 로그인 합니다. 로그인 후, Facebook 화면은 다음과 같습니다. 위 그림의 경우는 기존 페이스북 앱 페이지에 해당하며, 새 앱을 만들기 위해서는 그림 2의 우측 상단에 위치한 [새 앱 만들기] 버튼을 누릅니다. 그러면 다음과 같이 ‘새 앱 만들기’ 팝업 창이 나타납니다. 위 그림에서 새 앱을 만들기 위해 App Name, App Namespace, Web Hosting 정보가 필요함을 확인할 수 있습니다. App Name은 앱 이름에 해당하고, 3 chars 이상 32 chars 이하의 이름이 가능합니다. 만약 트레이드마크 된 이름이나 권리를 침해한 이름을 사용할 경우, 강제 삭제될 수 있으니 신중하게 이름을 정해야 합니다. App Namespace는 사용자 정의 Open Graph actions와 페이스북 상의 앱 URL을 정의하는데 사용합니다. 이는 […]

  • 윈도우 환경에 워드프레스 설치 – 워드프레스 설치

    워드프레스 설치 과정은 다음과 같습니다. 단계 1. 워드프레스 압축 해제 워드프레스 한국어 사이트(http://ko.wordpress.org/)를 방문해서 최선 버전인 워드프레스 3.4 한글 버전을 다운로드 받습니다. 다운 완료 후 ZIP 프로그램으로 압축 해제합니다. 압축 해제된 파일들을 워드프레스 설치 디렉토리인 D:\wamp\www\wp로 이동합니다. 이동 완료된 결과는 다음과 같습니다. 단계 2. 설치 시작 워드프레스 설치 스크립트를 실행하기 위해 웹브라우저 주소창에서 http://localhost/wp를 입력합니다. 워드프레스 설치 시작 페이지는 다음과 같습니다. 위 그림의 에러는 아직 wp-config.php 파일이 생성되지 않아 발생한 에러입니다. wp-config.php 파일을 생성하기 위해 [Create a Configuration File] 버튼을 클릭합니다. 그러면 다음과 같이 환경 설정 파일 생성 페이지를 볼 수 있습니다. 위 그림에서 환경 설정 파일 생성에 필요한 항목으로써 데이터베이스 이름, 데이터베이스 사용자 이름, 데이터베이스 비밀번호, 데이터베이스 호스트, 테이블 접두어(하나의 데이터베이스에서 하나 이상의 워드프레스를 운영하고자 할 경우)가 필요하다는 것을 확인할 수 있습니다. 설치 진행을 위해 [Let’s go!] […]

  • 윈도우 환경에 워드프레스 설치 – APM Setup 설치 방법

    윈도우 환경에서 워드프레스를 설치하기 위해서는 APM 이라는 프로그램을 설치해야 합니다. APM은 웹서버인 Apache, 서버사이드 스크립트 언어인 PHP, 데이터베이스 프로그램인 MySQL을 의미합니다. 윈도우 계열 서버에서는 IIS(Internet Information Server)라는 웹서버 프로그램이 내장되어 있지만, 이 포스트에서는 IIS 대신 아파치 서버를 활용하여 워드프레스 설치를 진행하도록 합니다. 일반 사용자가 APM을 일일이 설치하기란 쉬운 일이 아닙니다. 그래서 윈도우 환경에서 APM을 자동 설치해주는 유용한 프로그램들이 있으며, 대표적으로 XAMPP, WAMPServer, APM Setup이 있습니다. 이 세 가지 프로그램 모두 윈도우 환경에서 사용하기에 유용한 프로그램이지만, 이 포스트에서는 APM Setup 프로그램을 이용한 APM 설치를 설명 하도록 합니다. 설치 과정은 다음과 같습니다. Step 1. APMSetup 프로그램 다운로드 APM Setup 사이트를 방문하여 최신 APMSetup 프로그램을 다운로드 받습니다. 위 그림의 상단 메뉴 중 [다운로드] 메뉴를 누르면 다음과 같이 APM Setup 프로그램을 다운로드 받을 수 있는 페이지로 이동합니다. 위 그림의 좌측 하단에 위치한 [Mirror DOWNLOAD] […]

위로이동