안녕하세요.
저는 1인 디자인 스튜디오를 운영하며
개발 베이스가 아닌 디자인 베이스로
워드프레스를 이용해서 기업 홈페이지와 쇼핑몰을 만들고 있습니다.
아무래도 개발 베이스가 아닌지라
막히는 부분이 있을 시 플러그인의 힘과 구글링을 통해
겨우겨우 해결해가고 있습니다.
다행히 일은 끊키지 않고 들어오고 웹쪽일이 너무 재미있지만,
부족한 개발(코딩)능력으로 일을 할때마다 부족한 실력으로 스트레스가 너무 심합니다.
css은 어느정도 수정은 가능하지만
새로운 것을 만들어내는 능력이 매우 부족합니다.
그 중 가장 힘든 점이
예를들어 구글 개발자도구를 통해 찾은
클래스를 어디서 추가하고 수정해야 할지 모른다는 점입니다.
분명 코드 하나 바꾸면 해결될 것 같은 부분들이 어디서 어떤걸 수정해야 하는지
모를때 너무 답답합니다.
html 하나, css 하나 이렇게 있으면 너무 편하게 수정을 하겠지만
여러기능이 들어가 있는 테마일 경우
어디서 어떻게 수정해야 할지를 모르겠습니다.
워드프레스 기반으로
이런 부족한 부분을 배울 수 있는 곳이나 방법이 있을까요?
(혹시나… 어느정도 실력자가 계신다면 과외도 받고 싶습니다…홍대쪽 살아요…메시지 주세요…)
아, 웹디자이너가 아니시라 그래픽 디자이너 셔서, 웹개발 입문을 하셔야 하나보네요.
“클래스를 어디서 추가하고 수정해야 할지 모른다는 점입니다.”
워드프레스 개발보다는 FE (front-end) 기법을 배우셔야 하는 것 같은데, 웹디자인의 가장 기본중 기본을 배우셔야 하시는 입장이시니….
한국에 웹디자인 학원같은데 수강하시면 첫날정도 가르쳐 주지 않을까 싶습니다.
css 의 class 개념자체는
class 는 한 반이라고 생각하시면 됩니다. 이 반의 이름은 yellow 반 입니다. (.yellow)
.class {color:yellow}
ID 는 그 반에 각 아이들 이름 이라고 생각하시면 됩니다. (#mary, #jane, #joe)
그럼 그 반에 속한 애들은 모든 노란색 바지를 입게 됩니다.
.yellow #mary
.yellow #jane
.yellow #joe
이 세 아이는 동일한 색상을 부여 받게 되는거죠.
일단 이 개념을 이해하신다면 class 와 ID 로 css 를 먹이실 수 있게 되지만, 워드프레스 같은 CMS 들은 css 먹일때 advanced selector 와 pseudo selectors (가상객체) 들이 필수라서,”
예를 들자면 a[href^=”tel:”], :focus, :not(.row):not(.boxes–alternating):not(.boxes–pair) 이런식의 selector 들
css 개념을 이해하는 거는 1-2분이면 되지만 css 를 자유자재로 다루기 위해서는 몇년의 시간이 필요 합니다.
FE 는 인내심을 갖고 차근차근 하나씩 헤쳐나가는 수 밖에 없습니다.
플러그인 사용은, 급한불은 끌 수 있지만, 훔… 고객의 사이트에 해를 끼치는 거라서요…..
그런데 한국의 단가낮은 작업들은 플러그인들이 달아주는 수 밖에 없어서…
어려운 문제 입니다.
Lives in Colorado.