워드프레스-2일차

이주열·2022년 6월 3일

학습한 내용

지난 시간에 이어 워드프레스의 다양한 기능들을 배웠다.

어제 했던, 테마 적용도 테마를 직접 다운 받아 file zilla에서 html파일 업로드 하는 것 처럼 직접 업로드 해줄 수도 있다.
리모트 사이트 - html - wp-content- themes에 추가하여 변경해 줄 수도 있다.

실습 1. 게시판 만들기

kboard 위젯을 사용하기 위한 파일이 필요한데, 다운을 받은 후 관리자 페이지에서 플로그인 업로드가 가능하다.

이후 활성화를 해주면, 좌측 메뉴에 KBoard메뉴가 생긴다.

게시판 관리자를 통해 각 설정을 해줄 수 있다.

도메인 주소에서 확인해보면 다음과 같다.

그리고 권한, 전체 게시글이나 댓글을 모아볼 수도 있고, 바로가기가 가능하기에 관리도 쉽다.

  1. sns 공유 플러그인 : korea sns


    따로 크게 변경해야 하는 설정은 없으며 설정한 위치에 나타나는 모습을 볼 수 있다.

  2. 결제 기능 : woocommerce
    가장 유명하나 설정이 복잡하다.
    어떠한 이유인지는 모르겠지만, 설치과정에 문제가 있었다. 설치 실패과정에서 생성된 폴더를 file zilla에서 삭제를 해준다.

https://wordpress.org/plugins/woocommerce/
위 주소에서 다운을 받은 후, 수동으로 플러그인을 설치를 해 준다.
압축을 풀어 폴더를 file zilla에 넣는다. 주의점으로 폴더 명을 잘 확인해야 한다.
리모트 사이트 - html - wp-content - plugins에 업로드를 해주어야 한다.

활성화가 되면 각 복잡한 설정을 거치면 결제하기 버튼을 통해 결제를 할 수 있게 된다.

  1. 무단 복사 방지 : wp content copy protection
    쉽게 말해 우클릭 방지이다.

    copy protection 메뉴 생기고 따로 설정 없이 설치만 하면 끝이난다.
    홈페이지에 가보면 우클릭이 안 되는 것을 볼 수 있다.

  2. ithemes security


    보안 관련, 로그인이나 ip등 여러 보안을 해주는 기능이다.

  3. 백업 : backwpup



    여러 설정을 통해 백업 명, 기간, 전체 백업인지, 자동인지 수동인지 등을 결정할 수 있다.
    또한 백업하는 작업에 따라 여러 백업을 생성가능하고
    run now를 누르면 백업이 된다.

    백업 설정 과정에서 백업 공간을 생각하는 경우, 백업 파일을 외부 공간, 클라우드 등에서도 가능하다.

  4. 검색엔진 최적화 : yoast seo


    워드프레스에서 유명하고, 상단에 알람처럼 표시가 생긴다.
    작성한 글이나, 페이지에 가보면

    다음과 같은 신호등처럼 생긴 표시에 빨간색으로 나와있다.
    이 표시는 최적화가 안 좋다는 뜻이다.
    편집을 눌러보면

    다음과 같이 최적화를 위한 설정들이 나오는데, 그에 맞게 작성해 주면 된다.

    빨간색에서 녹색이 되면 최적화가 된 것이다.

5-1. 검색엔진 최적화 (seo)
1. 외부 링크를 통해 다른 웹사이트에 내 웹사이트를 연결
2. 좋은 콘텐츠를 제작(명확한 메뉴 구조도)
3. 도메인 이름과 등록기간에 주의
4. 접속 속도를 높이기
5. 404 에레 페이지 제거
6. title, meta 태크, 앵커 텍스트 관리
7. 사진, 비디오 등에서 제목, 캡션, 대채텍스트등 구체적으로 설명해주기

구글 웹 마스터
https://search.google.com/search-console/welcome?utm_source=wmx&utm_medium=deprecation-pane&utm_content=home
페이지에 대해서 신뢰성을 높일 수 있다.

학습한 내용 중 어려웠던 점 또는 해결못한 것들

해결방법 작성

학습 소감

워드프레스에 여러 플러그인들을 학습하였는데, 정말 원하는 기능들이 다 있는 것 같아 놀라웠다. 이 기능들을 css나 자바스크립트를 통해 내가 만든다고 생각하면 머리가 아프다. 하지만, 아직 초보자 이지만 더 공부를 하여 만들 수 있고 개발 가능한 사람이 되고 싶다.

profile
예비 프론트엔드 개발자

0개의 댓글