Tùy chỉnh một chủ đề WordPress mà không thay đổi nó?


19

Tôi đã tìm thấy và tải về một chủ đề. Tuy nhiên tôi muốn điều chỉnh CSS một số để thay đổi thiết kế, màu sắc, vv một chút. Làm thế nào tôi nên làm điều này, trong khi vẫn có thể cập nhật chủ đề mà không mất các thay đổi.

Câu trả lời:


21

Mặc dù bạn không thể sửa đổi nó mà không thay đổi nó, bạn có thể cô lập các phần bạn thay đổi bằng cách tạo Chủ đề con. Tóm tắt:

  1. Tạo một thư mục chủ đề ngang hàng với chủ đề "cha mẹ" của bạn,
  2. Tạo một style.csstệp trong thư mục mới của bạn có Template:khai báo trong các nhận xét đặt tên chủ đề gốc của bạn và @import url(../%parent-theme%/style.css)nhập CSS từ chủ đề gốc,
  3. Kích hoạt chủ đề mới của bạn trong bảng điều khiển quản trị viên WordPress,
  4. Thêm tệp mới và / hoặc sao chép tệp từ thư mục chủ đề gốc vào thư mục chủ đề con của bạn và sửa đổi chúng theo sở thích của bạn và
  5. Đó là nó!

Tôi có thể cung cấp cho bạn nhiều chi tiết hơn nhưng về cơ bản, anh chàng này thực hiện rất tốt việc giải thích Cách tạo chủ đề trẻ em tốt hơn cho tôi chỉ để bạn chỉ cho bạn.

Khi bạn muốn nâng cấp chủ đề phụ, chỉ cần nâng cấp; nó sẽ để lại chủ đề con bạn trong chiến thuật. Tất nhiên chủ đề con của bạn có thể không hoạt động hoàn hảo nếu chúng đã thay đổi cha mẹ quá nhiều và / hoặc nếu bạn đã sao chép và sửa đổi các tệp chủ đề mà chúng đã cập nhật trong phiên bản mới, bạn sẽ không nhận được chức năng mới mà không sửa đổi chúng, nhưng đó là một tốt hơn nhiều từ bắt đầu lại mỗi lần!

Mong rằng sẽ giúp.


2
Chủ đề trẻ em là con đường để đi IMHO
Ryan Gibbons

2

Nếu tất cả những gì bạn muốn thay đổi là một css nhỏ, bạn có thể tạo một tệp css tùy chỉnh trong thư mục chủ đề. Bao gồm tệp css tùy chỉnh của bạn trong tiêu đề của chủ đề và chỉ viết các khai báo mới trong tệp css tùy chỉnh, do đó ghi đè các khai báo css mặc định của chủ đề.

Biểu định kiểu mặc định

body{background:white;width: 960px;margin: 25px auto;}

Biểu định kiểu tùy chỉnh

body{width:800px;}

Trình duyệt của bạn sẽ thực hiện các cuộc gọi http riêng biệt cho hai biểu định kiểu và áp dụng các kiểu theo thứ tự chúng được liệt kê. Bất cứ tuyên bố nào được thực hiện cuối cùng sẽ ghi đè lên các tuyên bố được thực hiện trước chúng. Vì vậy, hãy đảm bảo bao gồm biểu định kiểu tùy chỉnh của bạn sau khi bất kỳ biểu định kiểu nào khác được bao gồm trong tiêu đề.php.

Nếu bạn sắp kết thúc việc thay đổi các tệp mẫu như archive.php hoặc page.php, câu trả lời của MikeSchinkel sẽ cho phép bạn cập nhật chủ đề nếu phiên bản mới được phát hành mà không mất các sửa đổi. Nhưng nếu tất cả những gì bạn muốn là thay đổi một số css, Phương pháp này sẽ hoạt động tốt. Chỉ cần đảm bảo rằng bạn lưu biểu định kiểu tùy chỉnh của mình trước khi cập nhật thư mục chủ đề.


1
Điều này có thể có vấn đề nếu chủ đề bạn sửa đổi không phải là chủ đề của bạn, vì vậy những thay đổi của bạn có thể bị ghi đè lên các bản cập nhật chủ đề.
hakre

1

Bạn chắc chắn có thể tạo ra một chủ đề con. Một chủ đề con giữ chủ đề chính của bạn ở định dạng ban đầu.

Những gì cá nhân tôi làm là, tôi đang sử dụng một chủ đề WordPress cao cấp từ MyThemeShop . Trong đó, tôi giữ tệp style.css và tùy chọn chủ đề của mình. Tôi chỉ sao chép dữ liệu của tệp này sang tệp khác và đặt tên khác một chút. Ví dụ: nếu tôi đang sử dụng SocallyVirus Theme, để tạo chủ đề con của nó, tôi sẽ sao chép dữ liệu từ tệp style.css của nó và lưu nó vào một tệp khác đặt tên là childstyle.css.

Sau này, bây giờ tôi sẽ thiết kế các chức năng cụ thể và có thể thiết kế lại chủ đề của mình bằng cách thêm nhiều chức năng hơn trong tệp childstyle.css.

Điều này giữ cho tệp style.css ban đầu của tôi như cũ và cho phép tôi cập nhật nó ở định dạng ban đầu.


Tôi không chắc ý của bạn là gì với "Tôi sẽ sao chép dữ liệu từ tệp style.css" nhưng thông thường chỉ cần thêm các kiểu đó vào chủ đề con khác với cha mẹ - kiểu của chủ đề con thêm vào và / hoặc ghi đè lên kiểu của cha mẹ. Nhân tiện: làm thế nào để câu trả lời của bạn thêm bất cứ điều gì vào câu trả lời đã được chấp nhận 6+ năm trước ?!
Untilinberlin 17/2/2017

0

Nếu bạn quan tâm đến một 'Bài tập trong phòng thí nghiệm' tốt để thử các bước được mô tả ở trên. Có đẹp hướng dẫn từng bước để tạo một child theme khỏi twentyten theme WordPress mặc định 3.x giao . Đây là một chủ đề con đơn giản nhưng hữu ích (được đặt tên là ba mươi). Kết quả mở rộng chủ đề hai mươi từ chủ đề hai cột sang chủ đề ba cột. Nó cũng có một số hình ảnh tiêu đề mới.

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.