1. Home
  2. 제작자 가이드
  3. 커뮤니티 사이트 만들기...
  4. 커뮤니티 사이트 구성하기

커뮤니티 사이트 구성하기

Process

  1. 워드프레스 설치
  2. 멀티사이트 구성(선택사항)
  3. 커뮤니티 플러그인 활성화
  4. 플러그인별 설정 확인, 버디프레스 모든 컴포넌트 활성화
  5. Onesocial child 테마 활성화
  6. 도구 > 가져오기 > 워드프레스
  7. 홈페이지 설정
  8. 메뉴 설정
  9. 메뉴별 페이지 둘러보기
  10. 테마설정 둘러보기

 

Installing WordPress

SITE FOR PRACTICE

http://meetup{xxx}.singacode.com/

아이디 및 비번은 오프라인에서…

SSH / SCP (22번포트)

워드프레스 관리자 아이디/비번: 오프라인에서…

wp-config.php

DB_NAME, DB_USER, DB_PASSWORD…AUTH_KEY, SECURE_AUTH_KEY…

( https://api.wordpress.org/secret-key/1.1/salt/ )

Multisite WordPress

wp-config.php

define( ‘WP_ALLOW_MULTISITE’, true );

관리자화면 > 도구 > 네트워크 설치

설치 후 결과 화면에 나오는 내용 복사

wp-config.php

define(‘MULTISITE’, true);
define(‘SUBDOMAIN_INSTALL’, false);
define(‘DOMAIN_CURRENT_SITE’, meetup{xxx}.singacode.com’);
define(‘PATH_CURRENT_SITE’, ‘/’);
define(‘SITE_ID_CURRENT_SITE’, 1);
define(‘BLOG_ID_CURRENT_SITE’, 1);

관리자화면 으로 재 로그인

커뮤니티 플러그인 활성화

  1. bbPress
  2. BuddyPress
  3. BuddyPress Follow
  4. BuddyPress Global Search
  5. WooCommerce
  6. WordPress Importer
  7. WPBakery Visual Composer(테마에 포함됨)

플러그인 설정 확인

  1. 각 플러그인에 필요한 설정들 확인
  2. 설정 > BuddyPress 에서 모든 컴포넌트 활성화

 

Onesocial 테마 활성화

  1. 네트워크 설치의 경우 네트워크 관리자 > 외모 에서 Onesocial Child 테마를 네트워크 활성화
  2. 관리자 화면 > 외모 > 테마 에서 Onesocial Child 테마 활성화

Demo 데이터 가져오기

FTP(SSH,SCP) 접속

  1. {FTP_ROOT} > www > community 디렉토리로 이동.
  2. onesocial.demo.xml, onesocial.options.json, logo-kopress.png 파일 다운로드

데이터 가져오기

  1. 도구 > 가져오기 > 워드프레스
  2. onesocial.demo.xml 파일 선택 및 업로드
  3. 사용자 매핑에서 buddyboss 를 관리자 아이디에 매칭(필수 아님), 나머지는 그대로 비워둠.
  4. 가져오기 완료

테마설정 가져오기

  1. 관리자화면 > BuddyBoss > Import/Export
  2. Import from file 선택 후 onesocial.options.json 파일의 내용을 그대로 복사하여 붙여넣기

홈페이지 설정

  1. 관리자 > 설정 > 읽기 화면
  2. 전면 페이지 표시 > 정적인 페이지 선택
    1. 전면 페이지: Home
    2. 글 페이지: Blog
  3. 설정 저장

메뉴 설정

  1. 관리자 > 외모 > 메뉴 접속
  2. Titlebar 라는 메뉴가 이미 생성되어 있지만, 메뉴 아이템이 없는 것을 확인
  3. 좌측에서 메뉴아이템 추가
    1. Members
      1. 페이지 > 모두 보기 > Members 선택
      2. 메뉴에 추가 (아래 설명이 없는 페이지들은 모두 방법 동일)
    2. Groups
    3. Activity
    4. Blog
    5. Forums
      1. 상단 화면옵션 클릭
      2. Forums 선택
      3. 좌측 박스 중 Forums > 모두 보기 > All Forums 선택
      4. 메뉴에 추가
    6. WooCommerce
    7. HTML Formatting
    8. FULL WIDTH
    9. 404
      1. 좌측 메타박스 중 ‘사용자정의 링크’ 열기
      2. URL 부분에 존재하지 않는 페이지 경로 입력 예: 404
      3. 메뉴에 추가
  4. 메뉴 설정 > 위치표시 > Titlebar 체크
  5. 메뉴 저장

메뉴별 페이지 둘러보기

  1. BuddyPress 관련 페이지
    1. activity, groups, members 등 디렉토리 페이지
    2. profile 관련 페이지 및 설정
  2. bbPress 관련 페이지
  3. WooCommerce 관련 페이지
  4. 검색 기능 살펴보기

테마설정 둘러보기

관리자화면 > BuddyBoss

  1. Logo
    1. logo-kopress.png 이용 혹은 자신의 로고 이용.
  2. Header
    1. style
    2. sticky
    3. buttons
  3. Layout
    1. Adminbar
    2. 전면페이지 사이드바
    3. 무한 스크롤
    4. 반응형 디자인
    5. 모바일 설정
  4. 사이드바
  5. 커버이미지
  6. 홈페이지 슬라이드(Visual Composer 사용시 필요치 않음)
  7. Profiles
    1. User Menus
    2. Profile Header Field
    3. Social Media Links
  8. Typography(구글폰트)
  9. Styling
    1. 컬러 프리셋
    2. 배경색
    3. 글자색
    4. 로그인 화면
  10. 푸터
    1. style
    2. copyright text
    3. social links
  11. Register / Login
    1. 모달/오버레이 기능
  12. WordPress Login
    1. 사용자지정 로그인 화면 사용
  13. Custom Codes
    1. tracking
    2. css
    3. javascript
  14. Optimiztions
    1. minify / form JS
  15. Plugins
    1. 테마가 지원하는 플러그인 소개 및 설치
    2. Install / Buy
  16. Support
  17. Import / Export
  18. Miscellaneous

How can we help?