워드프레스 웹 서비스의 레이아웃 설정

안녕하세요. 아자스마일입니다.

4월은 꽃이 피고 날씨도 따뜻하고 좋지만 일하기는 안좋은 날씨에요.
너무 놀고 싶거든요.
5분만 5분만 하면서 이불 안에서 3시간 보내며 겨우 책상으로 몸을 옮겨봅니다.
그래도 글쓰기 모임이 있어서 어떻게 든 쓸 수 있어서 기쁜 하루네요.

저는 이렇게 글을 쓰면서 독자들께 전문적인 정보를 알려준다는 생각보다는 스스로 배우는 것을 기록하는 마음으로 쓰고 있습니다. 다소 부족하지만 글쓰기에 재미를 붙여가는 과정이라고 봐주시면 좋을 것 같아요.

EnumAI 웹 서비스를 만들면서 AI 서비스 정보를 잘 공유해주는 서비스를 발견해서 먼저 알려드리고자 합니다. https://www.toolify.ai/ko 라는 웹 서비스인데요. 여러 나라의 AI 서비스를 다양하게 잘 모아둔 것 같아요.

AI 도구 검색이나 사람들이 많이 사용하는 AI 도구들도 손쉽게 분류로 확인할 수 있네요.
AI 도구의 분류에 따라 쓰기, 이미지, 비디오, 오디오, 사업, 마케팅 등 구분도 잘 되어 있어요.

이 서비스를 미리 알았다면 EnumAI 를 시작 못했을 수도 있어요. 하지만 요즘 같은 시대에 선점하고 있지 않는 서비스를 찾기는 더 어려운 것 같습니다. EnumAI는 가벼운 마음으로 AI 서비스들 사용해보고 큐레이션 해서 홈 화면에 배치하려고 합니다. 그리고 다양한 AI 서비스를 써보고 가볍게 리뷰 하려고 합니다.

오늘은 워드프레스 테마 설정과 화면 레이아웃 설정을 해보려고 합니다.
저는 카페24의 매니지드 워드프레스 호스팅을 사용하기 때문에 generatepress-cafe24 테마가 설치되어 있었습니다. 디자인 메뉴에서 테마 > 사용자 정의하기 메뉴로 들어갑니다.

먼저 사이트 아이덴티티를 설정합니다. 사이트 제목과 태그라인은 Hide 해서 숨겼습니다. 사이트 제목은 로고랑 중복 되기 때문에 숨겼습니다. 태그라인도 배치가 부자연스러워서 숨겼습니다. 로고를 간단하게 만들어서 추가했습니다.

레이아웃은 사이드바 없이 전체 화면으로 설정했습니다. 아래의 이미지와 같이 설정하였고, 전문가분들이 작성해주신 아래의 글들을 참고하여 상황에 따라 레이아웃을 변경해볼 생각입니다.

GeneratePress (제너레이트프레스) 설정방법
제너레이트프레스 테마 사이드바 설정 및 위젯 활용 방법 정리

Typography는 화면 사이즈에 따라 글자 크기를 동적으로 설정할 수 있는데, PC화면 / 태블릿 화면 / 모바일 화면의 버튼을 누르면서 보기에 좋은 글자 크기를 설정했습니다.

다음에는 메뉴 설정과 홈 화면 구성에 대해 써보려고 합니다

ㅁ 진행하고 있는 것들
ㅇ 퀴즈정답알리미 : https://play.google.com/store/apps/details?id=com.ajasmile.happyquiz
ㅇ 행시 : https://play.google.com/store/apps/details?id=com.ajasmile.happytime
ㅇ 팁에는팁 : http://www.tipistip.com/
ㅇ 틱톡 : https://www.tiktok.com/@ajasmileaja
ㅇ 리빛 : https://www.leebit.net/