어려운 워드프레스 테마, Wi 테마로 해결하세요!

테마 특징 및 장점 소개

Wi테마는 itcider가 워드프레스용 테마로 개발한 Fi테마의 워드프레스 개선 버전입니다.

Wi 테마는 플러그인 없이도 기본적인 설정이 적용되었습니다.

티스토리 Fi스킨에서 디자인 및 기능을 Wi스킨에 적용시킨만큼,

브레드크럼, 자동목차, 로드시 상단바, 링크 공유, sweetalert 적용, ie 차단 기능, web share api, 추천 글 기능이 적용되어있습니다.

추가적으로 워드프레스용 Wi테마에는 사이드바가 기본 적용되어서 광고 수익 증대를 노릴 수 있습니다.

Wi 테마의 개발 방향성

Wi테마는 가볍고 빠른 generatepress를 기반으로 합니다.

제네레이트프레스는 가볍고 빠르지만 일부 기능이 부족하여 아쉬웠는데, 플러그인 없이도 기본적으로 적용되도록 Wi테마는 각종 기능을 기본 탑재하였습니다.

장점 #1 일관된 디자인

Wi테마는 깔끔한 디자인과 모던한 디자인을 목적으로 개발되었습니다.

깔끔한 디자인을 통해서 사용자가 직관적으로 블로그 기능을 사용할 수 있도록 하였습니다.

generatepress의 기본 디자인을 좀 더 모던하게 변경하여 사용자가 블로그를 보고 신뢰할 수 있도록 디자인했습니다.

장점 #2 한글화된 제네레이트프레스

제네레이트프레스는 기본적으로 영어로 설정되었습니다.

제네레이트프레스는 빠르지만 영어로 되어있어서 설정하는데 어려움이 있습니다.

제네레이트프레스의 설정 기능이 대부분 한글화되어있고,

이렇게 좌측 선택바에서 한글화가 되어 쉽게 설정이 가능합니다.

추가적인 옵션은 들어가지 않았고, 제네레이트프레스의 기본 설정을 한글화하였습니다.

Wi 테마 설정 페이지에서도 쉽게 초기화가 가능합니다.

이렇게 제네레이트 프레스에서 디자인과 설정 부분이 개선되었습니다.

Wi 테마 특징들

자동 목차 기능

이렇게 자동 목차가 설정됩니다.

h2태그에 대해서만 현재 자동 목차 작동하도록 설정되었습니다.

이를 변경하기 원하신다면 추가적인 Wi테마 공식 문서를 참고해주시면 됩니다.

브레드크럼

브레드크럼 기능을 통해서 구글 서치 콘솔의 탐색 경로 기능이 기본 적용됩니다.

이를 통해서 사용자가 더 쉽게 블로그의 글에 대한 정보를 이해할 수 있습니다.

다크 모드

위처럼 다크모드와 라이트 모드를 사용자의 선택에 따라서 기본 적용됩니다.

눈을 편하게 해주는 다크모드를 통해서 사용자의 블로그를 볼 수 있습니다.

링크 공유 기능

위처럼 링크 공유 기능을 통해서 사용자가 더 쉽게 링크를 공유할 수 있습니다.

사용자가 이 글을 다른 사람에게 공유하기 쉬워지기 때문에 트래픽의 증가를 기대할 수 있습니다.

이렇게 알림창이 뜨면서 url이 복사됩니다.

이렇게 사용자가 링크를 복사해서 공유가 가능합니다.

web share api 공유기능

위의 버튼을 통해서 링크 공유 버튼을 눌러서 카카오톡, 페이스북, 카카오스토리 등의 sns에 공유가 가능합니다.

공유가 지원되지 않는 브라우저의 경우에는 이렇게 알림을 띄워서 사용자가 헷갈리지 않을 수 있게 합니다.

우하단에 있는 상단바 버튼을 통해 글을 읽다가 메인 화면으로 나옵니다.

사이드바

우측의 사이드바를 통해서 카테고리를 설정할 수 있습니다.

최신 글이 기본적으로 나올 수 있게 설정되어 있습니다.

최신 댓글이 기본 설정되어 사용자들이 달아놓은 댓글들을 사용자가 확인할 수 있습니다.

카테고리 다른 글

카테고리 다른 글 기능을 통해서 사용자들의 지속적인 내부링크 시스템을 통한 사이트 이용시간을 늘릴 수 있습니다.

댓글

제네레이트프레스와 달리 한글화되어서 사용자들이 블로그를 더 쉽게 사용할 수 있습니다.

최종 수정 날짜

최종 수정 날짜를 추가적으로 보여져서 사용자들이 최신 정보인지 확인할 수 있습니다.

위처럼 카테고리를 쉽게 인식할 수 있는 디자인이 적용되었습니다.

Wi 테마 적용 예시

https://itcider.com

위 itcider의 공식 웹사이트가 Wi테마 기본 설정대로 설정되어있습니다.

(플러그인 제외)

테마 업데이트 내역

Wi테마 1.0.0

Wi 테마 1.0.0버전은 개발자용 버전입니다.

개발을 시작한 버전입니다.

한글화 설정이 추가되었습니다.

Wi 테마 1.1.0

Wi 테마 1.1.0은 초기 출시를 위한 베타 버전입니다.

이제는 다운로드가 지원되지 않으며, Wi테마의 사용성과 기능을 점검한 버전입니다.

Wi테마 1.2.0

Wi 테마 1.2.0은 최초 공개된 버전입니다.

Wi 테마 1.2.0은 워드프레스 관리자들이 직접 설정할 수 있도록 완전히 공개된 버전입니다.

이 버전을 기준으로 Wi 테마의 공식 문서가 개선될 예정이며, Wi 테마를 주기적으로 업데이트할 수 있도록 하겠습니다.

Wi테마 1.2.1

wi 테마 1.2.1은 Wi 테마의 1.2.0버전에서 디자인 및 브레드크럼을 패치한 버전입니다.

Wi테마 3.3.1

wi 테마 3.3.1은 Wi 테마가 워드프레스 6.3에 호환되도록 패치한 버전입니다.

Wi테마 3.3.2

wi 테마 3.3.2는 Wi 테마가 보안 패치 및 디자인 업데이트가 이루어진 버전입니다.

Wi테마 3.3.3

wi 테마 3.3.3은 3.3.2에서 디자인 패치가 이루어진 버전입니다.

Wi테마 3.3.4

wi 테마 3.3.4는 3.3.3에서 디자인 패치가 이루어진 버전입니다.

Wi테마 3.3.5

wi 테마 3.3.5는 3.3.4에서 디자인 패치가 이루어진 버전입니다.

Wi테마 3.4.0

wi 테마 3.4.0은 3.3.5에서 보안 패치가 이루어진 버전입니다.

Wi테마 3.4.1

wi 테마 3.4.1은 3.4.0에서 대규모 디자인 패치가 이루어진 버전입니다.

Wi테마 버전 설정

Wi 테마 버전은 1.0.0과 같이 세 개의 숫자로 나와있습니다.

맨 첫 숫자는 메인 버전입니다. 대형 업데이트가 있을 경우에 이 숫자가 바뀝니다.

두번째 숫자는 서브 버전입니다. 소규모 업데이트가 있을 경우에 이 숫자가 바뀝니다.

세번째 숫자는 패치 버전입니다. 보안 패치나 오류 패치가 있을 경우에는 패치 버전이 바뀝니다.

스킨 다운로드

itcider의 공식 웹사이트와 Wi테마 공식 레포지토리에서 바로 다운로드가 가능합니다.

아래의 wi.itcider.com은 모든 버전의 Wi 테마를 올리는 Wi테마 공식 웹사이트 및 공식 문서 사이트입니다.

https://wi.itcider.com/

위 버튼들이 나오는데, [다운로드하기 >]를 눌러주시면 공식 테마 파일이 다운로드됩니다.

아래의 깃헙 레포지토리는 Wi 웹사이트의 코드를 확인할 수 있습니다.

https://github.com/itcider/witheme

위 링크를 눌러주시면

이렇게 깃헙레포지토리를 보시면 이렇게 파일들이 있습니다.

witheme120.zip일 경우에는, Wi 테마 1.2.0에 해당하는 파일을 다운로드할 수 있습니다.

위 파일을 클릭해주세요.

위의 [view raw]나 다운로드 버튼을 눌러주세요.

파일이 다운로드되게 됩니다.

Wi 테마 설정 방법 및 설정 팁들

현재 공식 문서를 설정중입니다.

라이선스 및 사용 조건

GPL V3.0을 따릅니다.

제네레이트프레스 테마가 GPL V2.0이기 때문에 라이선스 조항에 따라서 GPL V3.0이 적용되었습니다.

이 부분은 GPL 라이선스를 검색해보시면 나옵니다.

참조 소스 출처 및 제작자, 기여자

web share api

https://blog.naver.com/PostView.nhn?blogId=zgabriel&logNo=221846990627

https://wooncloud.tistory.com/12

이미지 리소스

https://itcider.com/

jquery 목차

jQuery / Plugin / jquery.toc / H 태그로 목차 만드는 플러그인

breadcrumbs

https://avada.tistory.com/1847

플로팅 바

https://velog.io/@kimheewon/%EC%8A%A4%ED%81%AC%EB%A1%A4-%EA%B0%90%EC%A7%80%ED%95%98%EC%97%AC-%ED%97%A4%EB%8D%94-%EB%B3%B4%EC%9D%B4%EA%B1%B0%EB%82%98-%EC%88%A8%EA%B8%B0%EA%B8%B0

https://webdir.tistory.com/481

워드프레스 설명 참고

https://www.thewordcracker.com/