안산드레아스

1. 본인 페이지 (관리모드)클릭 - 사용자 정의하기(customize)

2. Footer Bottom

3. Footer를 수정하고 발행

1. 메뉴이름 페이지 제작

2. 메뉴 등록하기 (appearance - menues)

    생성한 해당 페이지이름을 검색하여 체크박스를 활성화 시키고 추가

    그럼 아래와 같이 왼쪽에 3개의 메뉴가 추가된다.

    니 2개의 메뉴를 Instance화 (인스턴스화) 시켜 이 "여러메뉴"를 지정하면 해당 메뉴가 등록이 된다.

(결과)

(다른 메뉴 instance를 만들어 적용할때 주의점)

다른메뉴를 만들어서 적용하려할 때, 해당 위치는 아래 "메뉴설정"에서 하면 된다.

그러나 이미 다른 메뉴( 이전에 사용중인 메뉴) 가 있으면 우측처럼 "현재설정 : ~~ " 이 뜬다.

이 위에 덮어씌우면 해당 메뉴가 변경된다.

<< bbpress plugin 설치법 >>

1. plugin - add new

2. bbpress 검색 후, install 및 activate

3.  forums, topics, replies 플러그인 메뉴 생성 확인

<< bbpress 초기설정 >>

1. setting - forum

2. 설정 부여

    2-1. Role에서 회원가입한사람에게 권한 부여

    2-2. 누구나 가입할 수 있도록 함, 새 가입자의 role 부여설정

        설정(setting) - 일반(general)

<< 로그인 / 회원가입 메뉴 생성 >>

codex.bbpress.org 에서 여러 bbpress 템플릿 제공 코드 형태로 제공)

https://codex.bbpress.org/features/shortcodes/

1. 회원가입 페이지 만들기

    (위 링크에서 제공하는 코드를 본문에 붙여넣는다)

2. 비밀번호 찾기 페이지 만들기

    (위 링크에서 제공하는 코드를 본문에 붙여넣는다)

3. 로그인 위젯추가하여 위에서 만든 2개의 페이지 링크 연동

    3-1. appearance - widget

    3-2. 제공 위젯을 드레그 하여 sidebar에 배치

    3-4. 아까 생성한 두 페이지의 링크(URL)을 각각 추가

        *URL은 페이지 편집창에 고유주소를 보면 있다.

        해당 링크를 각각 복사해서 위젯에 붙여넣기로 넣는다.

(결과)

<< 포럼 형성해보기 >>

1. 포럼 셈플 내용 만들기

2. 코드를 복사하여 아래에 추가해봄 (https://codex.bbpress.org/features/shortcodes/)

(결과) 생성한 게시판이 포럼리스트에 표현

bbpress 공식 홈페이지

https://bbpress.org/

(아래 영상 참고)

https://www.youtube.com/watch?v=fO55e6klJ18 

이미지 업로드를 잘못하면 이상태로 렉이 걸린다.

그럼 힘들게 포스팅 했던 모든 데이터들이 날라간다...

해결방법. 순서대로 진행하면 된다.

(단, 만약 로그아웃된 상태에서 포스팅을 쓰고 있다면 답이 없다.. 날릴 수 밖에)

1. 저 상태로 "Ctrl + Shift + I" 입력하면 우측에 html코드가 뜬다.

   Ctrl + F 찾기로 "mce-modal=block" 입력하여 해당 라인을 찾는다.

2. "mce-model=block"를  마우스우클릭 - Delete element 으로 제거

3. 아래 라인을 찾아 남아있는 잔상 제거

<div id="mceu_xx" class="mce-white-dialog mce-container mce-panel ~~~ 를 찾는다.

(주의해야 할 점은 class= 뒤에 mce-white-dialog ~~ 어쩌구 저쩌구가 있어야 한다.)

여기서 xx는 숫자가 사람마다 다르기 때문에 해당 부분을 마우스로 대보면 아래 그림처럼 저 부분만 하이라이트가 되면 그 부분을 제거해야 한다. (아래 예시에서는 xx값이 131 이다.)

그러면 원래 작성하던 환경으로 돌아가서 다시 포스팅을 진행하면 된다.

워드프레스 현재 설정상태를 백업시키는 방법이 있다.

설정해놓은 플러그인 템플릿 등등 모든 설정을 나중에 이 시점으로 되돌리고 싶을 때 사용하면 된다.

뭔가 새로운 시도를 하기전에 미리 백업을 만들어놓고 실패했을 때 되돌리면 된다.

1. plugin - add new

2. 우측 상단에 "backup"검색

3. "UpdraftPlus Wordpress backup plugin"를 설치 및 활성화

4. 왼쪽 setting 에 "updraftplug backups" 탭이 생성되었다. 이를 클릭

5. "backup now" 버튼 클릭

(결과 및 복구)

아래 백업 리스트가 생성되어 Restore를 누르면 복구한다.

(오류 발생시) 

 Delete Old Directions 를 누르고 다시하면 해결된다.

아래 두 포스팅을 따라 세팅하면, 이제 페이지를 엘리멘터 페이지 빌더를 이용해 만들 수 있는 환경이 된다.

워드프레스 초기설정

ansan-survivor.tistory.com/615

테마 및 플러그인 설치

ansan-survivor.tistory.com/651

무료 제공하는 템플릿 사용하기

Element Page Builder를 이용해 편집하기 위해서는 위에 추가한 플러그인을 클릭하면 된다.

1. 무료 템플릿 불러오기 (Freekit 사용)

2. 미리보기(preview)

3. 설치

(4. 페이지 구성요소 알아두기)

섹션 > 컬럼 > 위젯

5. 작업이 완료되면 하단에 발행(update)를 클릭

(결과)

그러면 해당 페이지가 설정한 elementor의 템플릿으로 변경된다.

elementor의 자세한 사용법은 google또는 youtube의 많은 자료가 있다. 참고하면 된다.

(아래 영상 참고도 도움이 많이 된다.)

https://www.youtube.com/watch?v=MX4EkmLGwdA 

아래와 같이 기본 설정을 할 수 있고, 

ansan-survivor.tistory.com/615

테마와 플로그인에서 꽤나 높은 자유도를 주는 무료 제공 툴이 있다.

테마의 이름 : OceanWP 테마

1.  외모(appearance) - 테마(theme)

2.  + 를 눌러 새로운 테마를 찾는다.

3. "OceanWP" 테마를 검색하고 설치 및 활성화.

4. 플러그인 - 새로추가

    4-1. elementor 설치

    4-2. Ocean Extra 설치

    4-3. envato element

    4-4. 플러그인 활성화, 생성 된 메뉴 확인

5. 이제 원하는 템플릿을 Elements에서 택할 수 있다.

홈페이지는 이제 새로운 테마에 맞춰 Header영역, Body영역, Footer영역으로 설정된다.

 Header : 로고, 메뉴바

 Body : 대부분 핵심 정보

 Footer : 연락처 및 copyright, 메뉴 등

플러그인으로 할 수 있는것.

Body와 Footer-> Element Page Builder로 편집 

Header -> OceonWP로 편집

6. Oceon Extra로 Header만 빼고 나머지 깔끔히 정리

이제 Header만 남게 되고,  Element Page Builder로 자유롭게 만들 수 있도록 깨끗하게 비웠다.

Element Paga Builder를 이용하면 좀더 편리하게 만들 수 있다.

Element Page Builder를 이용해 편집하기 위해서는 위에 추가한 플러그인을 클릭하면 된다.

워드프레스로 홈페이지를 구축하고 맨처음 어떤 세팅을 해야할지 

1. 외관 테마 설치

2. 페이지 2개 만들기 (노출시키고자 하는 키워드 페이지, 일반페이지)

3. 설정에 사이트의 타이틀 지정

4. 설정 - 읽기

                    "노출시킬페이지" 라는 포스팅이이제 홈페이지의 역할(가장 기본 페이지)을 한다.

                    그외 나머지 페이지는 그저 포스팅에 지나지 않는다.

5. 설정 - 고유주소

6. 사용자 프라이버시 및 보안을 위해 별칭 설정

(결과) 사이트에 이렇게 표시가 된다.

아래영상 참고

www.youtube.com/watch?v=Gg2G5KSPyIw

자유도가 높은 무료 테마사용은 아래 참고

ansan-survivor.tistory.com/651