Tôi có thực sự cần phải liên kết style.css của chủ đề trong các tệp chủ đề không


10

Vì vậy, tôi đang phát triển một chủ đề wordpress bằng cách sử dụng một loạt các tệp LESS cho CSS. Các trình biên dịch này sử dụng bộ mã cho biểu định kiểu kết hợp và được chia nhỏ mà tôi sử dụng cho kiểu dáng của chủ đề.

Tôi hiểu một chủ đề wordpress phải có style.css bao gồm thông tin về chủ đề trong các bình luận của nó, nhưng có bắt buộc phải liên kết style.css này trong tiêu đề.php không? Chắc chắn tôi chỉ có thể có thông tin chủ đề trong đó và không có gì khác và để nó không bị ảnh hưởng trong thư mục chủ đề. Biểu định kiểu tôi thực sự sử dụng chỉ có thể được gọi là style.css hoặc main.css hoặc một cái gì đó.

bất cứ ai có thể xác nhận điều này hoặc đưa ra lý do tại sao điều này có thể là một ý tưởng tồi?


1
Bạn nên để lại style.cssvới infos theme ở thư mục gốc của thư mục. Đó là nó.
JMau

Câu trả lời:


14

Tôi muốn nói: bạn không nên sử dụng style.cssCSS cho sản xuất thực tế.

Lý do rất đơn giản: thu nhỏ. Bạn không thể thu nhỏ hoàn toàn nội dung của tệp vì WordPress phải đọc nó. Trong các chủ đề của mình, tôi style.csschỉ sử dụng cho các tiêu đề và tôi thêm một nhận xét, giải thích nơi tìm CSS thực sự, vì vậy các nhà phát triển khác không phải tìm kiếm quá lâu.

Thí dụ:

/*
Theme Name:    My theme name
Version:       2013.08.24
License:       MIT
Text Domain:   t5_theme
Domain Path:  /lang

You will find the real stylesheet in css/default.css.
*/

2
Đây là ý tưởng tốt đẹp.
Ravinder Kumar

Đây là những gì tôi làm là tốt, hoạt động như một nét duyên dáng.
Dalton

Bạn vẫn cần enqueue style.css ở giao diện người dùng để WP đọc cấu hình?
henrywright

3
@henrywright Không, điều đó không bao giờ cần thiết.
fuxia

2

Bạn đã đúng, Harry, rằng bạn không thực sự cần phải gọi hoặc tải mặc định style.csstrong tệp tiêu đề của bạn. Vì tôi đã sử dụng SCSS trong các chủ đề của mình, tôi đã gặp phải vấn đề tương tự, nhưng đã quyết định duy trì liên kết style.cssvì những lý do sau đây có thể hoặc không thể áp dụng cho tình huống của bạn:

  • Các giả định WP mặc định đang style.csstồn tại và đang được sử dụng và tôi không muốn cản trở giả định đó đối với các plugin. Tôi không biết nếu / khi điều này sẽ là một vấn đề và sẽ được quan tâm để nghe kinh nghiệm và lời khuyên của người khác về điểm này.
  • Nếu biểu định kiểu đang sử dụng thực tế của tôi nằm trong một thư mục, nó sẽ ngăn người dùng có thể chỉnh sửa CSS của trang web. Giữ cho style.csshoạt động và có sẵn cung cấp cho người dùng của tôi một cách để vẫn có thể thực hiện các thay đổi CSS từ quản trị viên WP.
  • Liên quan, trong khi làm việc trên trang dàn dựng với các đối tác khác, nếu họ cũng không sử dụng SCSS, họ có thể thay đổi style.cssmà không ảnh hưởng đến khả năng tiếp tục sử dụng các tệp SCSS của tôi.

Một lần nữa, những điểm này có thể không áp dụng được cho tình huống của bạn nhưng đã thông báo cho quyết định của tôi về việc giữ style.cssliên kết mặc định , ngay cả khi nó hầu như trống ngoại trừ thông tin chủ đề bắt buộc.


1

Có, WordPress sử dụng chủ đề style.cssnhư một tài liệu "cấu hình".

Bạn cũng đúng, theo như tôi có thể nói, rằng bạn không thực sự phải tải style.csstrên giao diện người dùng để phục vụ mục đích "cấu hình" của nó.

Những gì bạn đang làm nên ổn. Tôi khá chắc chắn rằng tôi đã thấy các chủ đề khác làm điều gì đó tương tự nhưng tôi không thể thề với nó. Vấn đề duy nhất tôi có thể thấy là nếu một số plugin giả định sai đó style.csslà biểu định kiểu (duy nhất) trong chủ đề.


1

Bạn cũng có thể thêm phần này vào config.rb(nếu bạn đang sử dụng La bàn) và CodeKit sẽ tự động sao chép biểu định kiểu đã rút gọn của bạn style.cssvào thư mục gốc.

require 'fileutils'
on_stylesheet_saved do |file|
  if File.exists?(file) && File.basename(file) == "style.css"
    puts "Moving: #{file}"
    FileUtils.mv(file, File.dirname(file) + "/../" + File.basename(file))
  end
end

Tôi sử dụng điều này với mọi chủ đề WordPress tôi phát triển và nó hoạt động như một sự quyến rũ.

Đảm bảo rằng nhận xét trong style.scsstệp của bạn bắt đầu bằng !sau khi mở bình luận nếu không nó sẽ bị xóa trong phần rút gọn:

/*!
  Theme Name: Your Theme

Nguồn: Thủ thuật CSS


1
Thủ thuật đó với việc thêm dấu chấm than sau khi bắt đầu / * đã thực hiện thủ thuật cho tôi. Có nghĩa là tôi có thể tiếp tục xử lý tệp ít hơn -> css và vẫn giữ định dạng mà WordPress mong đợi để đọc chi tiết chủ đề. Thủ thuật dễ nhất tôi đã thấy trong một thời gian dài (một nhân vật đúng chỗ!) :-)
Lars Koudal
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.