it-swarm-ko.tech

CSS와 테마 개발을 배우기 시작하는 방법?

CSS 및 WordPress 테마 개발을 배우기위한 귀하의 제안은 무엇입니까?

나는 4 년 넘게 WordPress를 사용해 왔지만 CSS 나 테마 디자인에 익숙해 진 적이 없다. (나는 여기 저기에서 그것을 조정할 수는 있지만 실제로 그렇게하지는 않는다.) 나는이 일을 할 수 있기를 원하지만 시작할 곳을 모른다. 내가 만난 대부분의 가이드는 WP 특정 적이 아니며 중복 된 자료를 검토 할 것을 두려워합니다.

감사

1
Tal Galili

우선 무엇보다도 물건마다 다릅니다. WP은 (는) CSS가 아니며 CSS는 WP가 아닙니다. 그러나 WP 테마는 CSS를 사용합니다. 따라서 CSS에 대해 배울 경우 기본적으로 잘못하지는 않습니다 (CSS로 좋은 점은 all웹 사이트간에 공통적 인 것입니다). 다른 부분은 HTML입니다. 그리고 PHP를 사용합니다.

그래서 이들은 서로 사용되는 세 가지 컴퓨터 언어입니다 :

  • 프로그래밍 언어 : PHP
  • 구조 언어 : HTML
  • 도메인 관련 언어 : CSS

그런 다음 다중 계층 네트워크 아키텍처가 있습니다. PHP가 서버에서 실행되고 HTML과 CSS는 서버에서 제공되지만 클라이언트 컴퓨터의 브라우저에서 읽거나 처리합니다.

그래서 테마가 단순 해 보일지라도 WP로 모두 바꿔서 사용할 수 있습니다.

PHP는 "Theme"(PHP) 파일에 있으며, HTML은 Theme 파일 내에 생성됩니다. CSS는 CSS 파일에 있습니다.

그래서 기본적으로 당신이 배우고 싶은 것을 스스로 결정할 필요가 있습니다. 대부분의 리소스는 PHP와 HTML/CSS가 다릅니다.

귀하의 질문에 따라 나는 당신에게 CSS를 배울 것을 제안 할 수 있습니다. 캐스케이드를 완전히 이해하고 나면 매우 강력합니다. HTML 포핸드를 알아야합니다 (PHP가 아닌 HTML). 결국 CSS는 웹 사이트를 시각적으로 표현하는 데 절대적으로 중요하며 모든 웹 사이트를 장식하는 강력한 도구입니다. 그래서 모든 것을 사용할 수 있습니다. 심지어는 WordPress 테마까지도 사용할 수 있습니다.)

그것을 위해 가라. 4 년 후에 지금까지 이해하지 못했다면, 약간의 교육을 받으십시오. 나는 http://oreilly.com/catalog/9780596101978 과 같은 책을 제안한다. 이것은 자기 교육에 (연습 옆에) 완벽하다.

CSS 자체는 HTML뿐 아니라 W3C에서도 잘 정의되어 있습니다. 그 정의는 사용자 친화적이지는 않지만 올바른 것이므로 일부 의지로 거기에서 많은 것을 배울 수 있습니다. w3schools는 Nice입니다. (그리고 그 사이트는 어떻게 든 몇 년 동안 그것을 만들고, 적어도 두뇌가 그 뒤에 있다는 것을 보입니다). HTML/CSS, 즉 WWW가 소스를 얻습니다 : D

PHP에는 php.net이 있습니다. 워드 프레스의 경우, 항상 변화하고 개인 경력의 자원을 소모하므로 너무 많이 집중하지 마십시오. 그것의 우물은 어쨌든 발전했다 그래서, 다만 당신을 위해 좋은 무슨을을 위해, 너무 많이 wordpress에 집중하지 말라.

5
hakre

CSS에 관한 한,이 분야에는 워드 프레스 관련 자료가 많이 없습니다. w3schools 로 가서 튜토리얼을 살펴보십시오. 테마를 만드는 방법을 배우는 한, 권장할만한 두 가지 리소스는 코덱스 테마 개발자 섹션 과 기본 테마 (현재는 Twenty Ten)입니다. 좋은 기본 이해를 얻으려면 테마 개발 페이지와 템플릿 페이지를 읽으십시오. 그런 다음 개발자 문서 (특히 템플릿 태그함수 참조 페이지를 사용하여 기본 테마의 소스 코드를 읽습니다. )를 참조로 사용합니다.

나는 이것이 도움이되기를 바랍니다!

3
John P Bloch

당신이 할 수있는 가장 중요한 일은 주위에 놀 수있는 로컬 WordPress 설치를 만드는 것입니다. (지침 : Mac | Windows | Linux ) 이렇게하면 나머지 세계를 보지 않고도 실험하고 실수 할 수 있습니다.

가장 빠른 학습 방법은 기존 테마를 수정하고 다양한 프레임 워크 에 대한 하위 테마를 작성하는 것입니다. 그 중 개인적으로 가장 좋아하는 테마는 Thematic 입니다. 처음부터 시작하는 것은 매우 어렵습니다. 따라서 이러한 리소스는 당신이 지상에 뛰어 드는 데 도움이 될 수 있습니다.

CSS를 배우려면 w3schools.comtheresource입니다. 많은 디자이너들에게 파이어 버그 는 없어서는 안될 도구입니다. 그것없이 집을 떠나지 마십시오!

2
kylan

1 단계 : 좋은 단색 부모 테마의 하위 테마를 만듭니다. A. 테마 주제를 설치하십시오. B. 어린이 주제를 만들기위한 지침을 따르십시오. thematic-sample-child-theme 폴더를 wp-content/themes 아래의 thematic 폴더 바깥으로 이동하면/wp-content/themes/thematic 및/wp-content/themes/thematic-sample- child-theme C. 후자의 디렉토리를 새 선호 테마 이름으로 바꿉니다 D. 모양 화면으로 이동하여 새 테마를 활성화하십시오.

2 단계 : styles.css를 수정하고 CSS로 실험하십시오. A. 예를 들어 다음을 추가하십시오.

#primary, #secondary {
   background-color: #e8e8d6;   
   margin-right: 10px;
   -moz-border-radius: 8px;
   -webkit-border-radius: 8px;
   padding:18px 0 0;
}

#branding {
    background: url(http://example.com/wp-content/uploads/2010/09/example.jpg) top left no-repeat;
}

색상과 글꼴을 변경하는 것부터 시작하는 것이 가장 쉽습니다. 그런 다음 둥근 모서리, 플로팅 div 등의 멋진 항목으로 들어갈 수 있습니다.

3 단계 :/wp-content/themes/thematic 디렉토리의 원본 style.css를 사용하십시오. 정말로 style.css를 공부하십시오. 각 규칙을 이해하는 데 도움이되는 http://reference.sitepoint.com/css 와 같은 참조를 사용하십시오.

어린이 테마를 사용하면 원하는대로 작게 또는 많이 변경할 수 있습니다. 예를 들어, 일부는 위에 표시된 것처럼 #brand 로고 만 변경합니다. 더 많이 시도할수록 더 많이 배울 것입니다.

2
Marjorie Roswell

이 사람들은 나를 도왔습니다. (그리고 여전히) http://digwp.com/ 그들의 책은 사실 handson이며 이해하기 쉽습니다. 그들의 블로그!

0
user3401

Kylan은 파이어 폭스에 방화범을 피웠다.

다른 사람들이 자신의 테마를 어떻게 구축했는지보기위한 훌륭한 도구입니다.

멋진 테마를 다운로드 한 다음 Firebug를 사용하여 테마를 탐색하십시오. 내가 시작했을 때 그것은 나를 많이 도왔다.

0
Nohl