테마와 플로그인에서 꽤나 높은 자유도를 주는 무료 제공 툴이 있다.
테마의 이름 : OceanWP 테마
1. 외모(appearance) - 테마(theme)
![](https://blog.kakaocdn.net/dn/bpB35p/btrbN6hPsWj/pKzg6M9i6tj6Xr2Rx5qXg0/img.png)
2. + 를 눌러 새로운 테마를 찾는다.
![](https://blog.kakaocdn.net/dn/bI625e/btrbIHb5OnQ/2KfWmnkwnsTEXvzD7Id2g0/img.png)
3. "OceanWP" 테마를 검색하고 설치 및 활성화.
![](https://blog.kakaocdn.net/dn/bWRlZq/btrbQa4QBQQ/yKuy9pPezi8iH3JprnP3B1/img.png)
![](https://blog.kakaocdn.net/dn/NIFxr/btrbGBDoQY9/FMds648OkIFg0BBO7zgzXk/img.png)
![](https://blog.kakaocdn.net/dn/bpXMNF/btrbIdI0qys/YKjBhpdVhO4YvsUi4EonTK/img.png)
4. 플러그인 - 새로추가
![](https://blog.kakaocdn.net/dn/cwLFlE/btrbOJ7Lz3U/q5WKY7TXiwrfLrTg3CUdl1/img.png)
4-1. elementor 설치
![](https://blog.kakaocdn.net/dn/IFs2P/btrbOJNsvgh/yjkfV7Iasmr7L1GH7k1mO0/img.png)
4-2. Ocean Extra 설치
![](https://blog.kakaocdn.net/dn/bFiLJM/btrbIIos8fg/qtCk5uT4SM5KkmrjHjZSCk/img.png)
![](https://blog.kakaocdn.net/dn/c12COI/btrbIHb5Owf/WebY1Oe8bkT04DiqlyPQZ1/img.png)
4-3. envato element
![](https://blog.kakaocdn.net/dn/bJx8Lb/btrbPbCXr8T/Z5wE5kY6gpihsEezDxdnm0/img.png)
![](https://blog.kakaocdn.net/dn/bGUCsf/btrbN5XxHWV/Y4YwKIrHyP3BtEcTnVwhpk/img.png)
4-4. 플러그인 활성화, 생성 된 메뉴 확인
![](https://blog.kakaocdn.net/dn/cYNpHQ/btrbR4wxEqm/OdEgV8KZ2WHu3yDSRlfEdk/img.png)
5. 이제 원하는 템플릿을 Elements에서 택할 수 있다.
![](https://blog.kakaocdn.net/dn/NVz1Q/btrbR5oGWqq/XekeJTWGAGM7szKqxe8aF0/img.png)
![](https://blog.kakaocdn.net/dn/pGWN4/btrbPaxgHCS/Au9t3oyN8N2BTvIUQVcA8k/img.png)
홈페이지는 이제 새로운 테마에 맞춰 Header영역, Body영역, Footer영역으로 설정된다.
Header : 로고, 메뉴바
Body : 대부분 핵심 정보
Footer : 연락처 및 copyright, 메뉴 등
![](https://blog.kakaocdn.net/dn/bprFBF/btrbLeHd3Gf/F7oONneVFucdUKD365srg0/img.png)
플러그인으로 할 수 있는것.
Body와 Footer-> Element Page Builder로 편집 Header -> OceonWP로 편집
6. Oceon Extra로 Header만 빼고 나머지 깔끔히 정리
![](https://blog.kakaocdn.net/dn/bPyBFu/btrbOJNsvzf/GQtyRzKC7PGIFQ7dxlGkl0/img.png)
![](https://blog.kakaocdn.net/dn/UqM7Q/btrbIdCi1kV/04V5Kx0pyrkOo6eMONlgQk/img.png)
![](https://blog.kakaocdn.net/dn/vAbEM/btrbR5a9FFN/ok25pjGyI3q6J4poeF9KO1/img.png)
![](https://blog.kakaocdn.net/dn/FqxyV/btrbIcpMcvp/Ft9IHEMi7gBRSkYRLVDrEk/img.png)
![](https://blog.kakaocdn.net/dn/cE376G/btrbLfTEd0X/ONa9vgTfVyZ8NkLJFBhpek/img.png)
이제 Header만 남게 되고, Element Page Builder로 자유롭게 만들 수 있도록 깨끗하게 비웠다.
Element Paga Builder를 이용하면 좀더 편리하게 만들 수 있다.
Element Page Builder를 이용해 편집하기 위해서는 위에 추가한 플러그인을 클릭하면 된다.
![](https://blog.kakaocdn.net/dn/cAOQXn/btrbOIHLe3t/sn7bUlF9RsD8kEIfdzvH11/img.png)
![](https://blog.kakaocdn.net/dn/RD4Dt/btrbGBKbgez/aPg5CkKKh4ojm7xD5Eqtok/img.png)
'IT' 카테고리의 다른 글
워드프레스 테마 설정 백업 (0) | 2021.08.11 |
---|---|
워드프레스 Elementor Page Builder 사용하기 (0) | 2021.08.11 |
워드프레스 홈페이지 관리자 초기 설정방법 (0) | 2021.08.11 |
워드프레스 oceanWP 기본 글꼴을 나눔고딕으로 변경 (0) | 2021.08.09 |
워드프레스 최적화 정보 (0) | 2021.08.09 |