it-swarm-vi.tech

Làm thế nào để bắt đầu học CSS và phát triển chủ đề?

Bạn có đề xuất gì cho việc học phát triển chủ đề CSS và WordPress?

Tôi đã sử dụng WordPress được hơn 4 năm rồi nhưng tôi chưa bao giờ thực sự thấy thoải mái với CSS hay thiết kế chủ đề (tôi có thể Tweak nó ở đây và ở đó, nhưng điều đó không thực sự nhiều). Tôi rất thích có thể làm những việc này, nhưng không biết bắt đầu từ đâu. Hầu hết các hướng dẫn tôi đã xem qua không phải là WP cụ thể và tôi sợ tôi sẽ xem qua tài liệu dư thừa.

Cảm ơn

1
Tal Galili

Trước hết khác nhau giữa các công cụ. WP không phải CSS và CSS không phải là WP. Nhưng các chủ đề WP sử dụng CSS. Vì vậy, nếu bạn tìm hiểu về CSS về cơ bản bạn không làm sai (điều tốt với CSS là, điều đó là phổ biến giữa tất cả trang web). Phần khác là HTML. Và sau đó bạn có PHP.

Vì vậy, đây là ba ngôn ngữ máy tính được sử dụng với nhau:

  • một ngôn ngữ lập trình: PHP
  • một ngôn ngữ cấu trúc: HTML
  • một ngôn ngữ cụ thể của miền: CSS

Sau đó, bạn có kiến ​​trúc mạng nhiều lớp: PHP được thực thi trên máy chủ và HTML và CSS được cung cấp bởi máy chủ nhưng được Trình duyệt đọc/xử lý trên máy khách.

Vì vậy, ngay cả khi các chủ đề có thể trông đơn giản, với WP tất cả đều có thể thay thế lẫn nhau và bạn phải tự mình đặt các công cụ lại.

PHP nằm trong Tệp "Chủ đề" (PHP), HTML được tạo (và cũng như vậy) bên trong các tệp Chủ đề đó, CSS nằm trong tệp CSS.

Vì vậy, về cơ bản bạn cần phải tự quyết định những gì bạn muốn học. Hầu hết các tài nguyên khác nhau giữa PHP và HTML/CSS.

Dựa trên câu hỏi của bạn, tôi chỉ có thể đề nghị bạn học CSS. Nó rất mạnh sau khi bạn đã hiểu đầy đủ về Cascade. Bạn cần biết thuận tay HTML (không phải PHP, chỉ HTML). Cuối cùng, CSS rất quan trọng đối với việc thể hiện trực quan của một trang web, nó là một công cụ mạnh mẽ để trang trí cho bất kỳ trang web nào. Vì vậy, bạn có thể sử dụng nó với mọi thứ, ngay cả chủ đề wordpress;)

Đi cho nó. Nếu bạn chưa hiểu cho đến bây giờ sau 4 năm, hãy dành cho mình một chút học vấn. Tôi đề xuất một số cuốn sách như http://oreilly.com/catalog/9780596101978 hoàn hảo cho việc tự học (bên cạnh thực hành).

Bản thân CSS được định nghĩa rất tốt bởi W3C cũng như HTML. Định nghĩa ở đây không thân thiện lắm với người dùng nhưng nó chính xác vì vậy với một số bạn sẽ có thể học được rất nhiều điều ở đó. w3schools cũng được tạo ra (và trang web đó bằng cách nào đó làm cho nó qua nhiều năm, có vẻ như ít nhất một số bộ não đằng sau nó). HTML/CSS, đó là WWW, lấy nguồn của bạn: D

Đối với PHP có php.net. Đối với wordpress, tốt, nó luôn thay đổi và tiêu tốn tài nguyên của sự nghiệp cá nhân của bạn, vì vậy đừng tập trung quá nhiều vào nó. Dù sao thì nó cũng được phát triển, vì vậy hãy tìm những gì tốt cho bạn, đừng tập trung vào wordpress quá nhiều.

5
hakre

Theo như CSS, không có nhiều thứ cụ thể về WordPress trong lĩnh vực này. Chuyển đến w3schools và xem qua hướng dẫn của họ. Theo như tìm hiểu cách xây dựng một chủ đề, hai tài nguyên tốt nhất tôi có thể đề xuất là phần nhà phát triển chủ đề của codex và chủ đề mặc định (hiện tại, Hai mươi mười). Đọc qua trang Phát triển chủ đề và trang Mẫu để nhận được tốt sự hiểu biết cơ bản. Sau đó, chỉ cần đọc qua mã nguồn của chủ đề mặc định, sử dụng tài liệu dành cho nhà phát triển (đặc biệt là Thẻ mẫu Tham chiếu chức năng trang làm tài liệu tham khảo.

Tôi hy vọng điều này sẽ giúp!

3
John P Bloch

Điều quan trọng nhất bạn có thể làm là tạo một bản cài đặt WordPress cục bộ mà bạn có thể chơi xung quanh. (Hướng dẫn cho: Mac | Windows | Linux ) Điều này sẽ cho phép bạn thử nghiệm và mắc lỗi mà không cần cả thế giới theo dõi.

Cách học nhanh nhất là sửa đổi các chủ đề hiện có và tạo các chủ đề con cho các khung khác nhau . Trong số đó, sở thích cá nhân của tôi là Chuyên đề . Rất khó để bắt đầu lại từ đầu, vì vậy những tài nguyên này có thể giúp bạn chạy nhanh.

Để tìm hiểu CSS, w3schools.com tài nguyên . Đối với nhiều nhà thiết kế, Fireorms là một công cụ không thể thiếu. Đừng rời khỏi nhà mà không có nó!

2
kylan

Bước 1: Tạo một chủ đề con của một chủ đề phụ tốt. A. Cài đặt chủ đề theo chủ đề. B. Làm theo hướng dẫn của họ để làm một chủ đề trẻ em. . chủ đề con. C. Đổi tên thư mục sau thành tên chủ đề ưa thích mới của bạn D. Đi đến màn hình xuất hiện và kích hoạt chủ đề mới của bạn.

Bước 2: Chỉnh sửa style.css và thử nghiệm với CSS. A. Ví dụ: thêm:

#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;
}

Dễ dàng nhất để bắt đầu chỉ bằng cách thay đổi màu sắc và phông chữ, sau đó bạn có thể tham gia vào những thứ lạ hơn như góc tròn, div nổi, v.v.

Bước 3: Sử dụng style.css gốc trong thư mục/wp-content/Themes/theo chủ đề làm hướng dẫn của bạn. Thực sự nghiên cứu style.css. Sử dụng một tham chiếu như http://reference.sitepoint.com/css để giúp hiểu từng quy tắc.

Với một chủ đề con bạn có thể thay đổi ít hoặc nhiều tùy thích. Chẳng hạn, một số sẽ chỉ thay đổi logo #brand, như được hiển thị ở trên. Bạn càng cố gắng, bạn sẽ càng học được nhiều hơn.

2
Marjorie Roswell

những người này đã giúp tôi rất nhiều (và vẫn làm) http://digwp.com/ Bookis của họ thực sự rất thuận tiện và dễ hiểu blog của họ!

0
user3401

Kylan đã đề cập đến Fireorms cho firefox.

Đó là một công cụ thực sự tuyệt vời để xem cách người khác xây dựng chủ đề của họ.

Tải về một vài chủ đề thú vị và sau đó sử dụng Fireorms để khám phá chúng. Điều đó đã giúp tôi rất nhiều khi tôi bắt đầu.

0
Nohl