★ 카테고리(메뉴) 수정
- 관리→카테고리 설정에서 카테고리를 추가/수정 후 저장 (필수)
- html/css 에서 div class="category" 검색
- href="/category/카테고리 이름" 을 넣음
- 그냥 /category 만 쓰면 전체보기
ex)
카테고리 설정에서 본 카테고리 이름들
이렇게 수정. 메뉴 늘리고 싶으면 <li>~</li> 복붙
1. 본문 크기를 수정하고 싶을 때
- 관리→글 설정→글쓰기 가로폭 수정
- #wrapper, #container 의 width를 수정
- textarea, input, .homepage 수정
ex) 본문을 800px 로 만들고 싶을 때
글쓰기 가로폭을 800 으로 수정한다.
#wrapper 의 width를 1000px, #container 의 width를 830px 로 수정한다.
textarea의 width를 798px 로 수정. input과 .homepage는 화면에 얼추 맞춰서 늘리면 됨
2. category 배경색을 바꾸고 싶을 때
- ctrl+f 를 누르고 #9facca 를 찾아서 색상 코드 수정. category 글씨 색은 .button 의 color 수정
3. 폰트를 바꾸고 싶을 때
- body 에 dotum 을 찾아 바꾸고 싶은 폰트로 수정 (본문)
- cuprum 검색해서 수정 (영어 폰트)
- Nanum Gothic 검색해서 수정 (h2, h3)
4. 폰트 크기를 바꾸고 싶을 때
- font-size 검색 후 사이즈 수정 (현재 11px)
5. 그림자 지우고 싶을 때
- box-shadow 찾아서 나오는 것 모두 삭제
6. 모서리를 다시 뾰족하게 만들고 싶을 때
- border-radius 찾아서 나오는 것 모두 삭제
7. 배경색 바꾸고 싶을 때
- body에 background 컬러 수정
8. 설명이나 글 넣고 싶을 때
- div class="ex" 를 검색하면
이렇게 나오는데 주석으로 막아놨음. 앞에 <!-- 이거랑 제일 뒤에 --> 이거 지우면 위 사진의 왼쪽 처럼 화면에 출력
오른쪽처럼 하고 싶다면 저 한줄을 복사해서 <div class="menu"> 바로 위로 옮기고, css에 .ex를 찾아서 margin-top:10px 을 margin:10px 0; 으로 바꿔주면 수정 됨.
9. 이미지 사이즈를 변경하고 싶을 때
ex) 120 x 120
- .img 의 width:120px; height:120px; 로 수정
ex) 사이드바 크기만큼 꽉 채우고 싶을 때
- 사이드바는 150px
- .topMenu 의 padding 삭제
- .img 의 width:150px; height:150px; 로 수정. margin:10 auto를 margin-bottom:10px 로 수정. border-radius를 5px 5px 0 0; 으로 수정.
10. 카테고리를 열어두고 싶을 때
- ctrl + f 를 누르고 cg.hide(); 를 찾아서 삭제
- #category 에 display:none; 삭제
11. 배경을 이미지로 바꾸고 싶을 때
- body 의 background:url('이미지주소'); 이건 네이버에 검색하면 아주아주 상세하게 나와있을 거예요.
