[wordpress] astra 화면 디자인 꾸미기

저번시간 로컬셋팅에 이어서 이번에는 화면 디자인을 변경하기 위해 테마를 설치해보도록 하겠다. 

 

외모 -> 테마 -> 새로추가 버튼을 클릭하면 

아스트라 테마를 볼수있는데 (본인은 이미 설치한 상태)

테마를 클릭하여 설치하고 활성화 한다. 그런 왼쪽 메뉴에 아스트라 메뉴가 생긴것을 볼수 있다. 

시작하기를 누르고 plugin은 다운받으면 다음과 같이 템플릿 선택 페이지로 이동한다. 

 

아스트라로 만들어진 템플릿인데 PREMIUM은 당연히 유료겠지?!

무료 샘플중에 골라본다

 

그다음에 테마 컬러나 폰트 설정

몇가지 정보 입력후 submit & build ..

 

완성! 한번 website를 가보자~

 

오잉???.. 마이 다른데;;;

HOME을 눌러야.. 제대로 나온다.. 

일단 메뉴에 불필요한거 제거해보고... 바꿔보자

header builder 메뉴로 들어가서 필요없는 부분 삭제하고.. 필요한 내용만 남겨두자

 

그다음에 2depth 메뉴를 넣고싶은데.. 메뉴에 들어가서 추가를 한후에 depth를 설정해주면 된다

오잉?.. 근데.. ㅎ메뉴명이 안나온다.. 아마도 저건 default가 아니라서 그런거 같다

추가 css 에 아래와 같이 입력하면 제대로 나오는걸 확인할수 있다. 

.ast-desktop .ast-builder-menu-1 .menu-item .sub-menu .menu-link {
    color: #000000;
		font-size: 14px;
}

.ast-desktop .ast-builder-menu-1 .menu-item .sub-menu .menu-link:hover {
    color: #ff0000;
			font-size: 14px;
}

근데 뭔가 생각보다 안이쁘다.ㅎ

다음포스팅에 좀더 이쁘게 고치는 방법을..... 생각해보자