Chủ đề con làm sẵn cho WordPress. Chủ đề con WordPress. Đánh giá ngắn. Chủ đề con WordPress hoạt động như thế nào?

TRONG cập nhật tiếp theo các nền tảng luôn bổ sung thêm các chức năng mới, cải thiện khả năng bảo vệ và các cơ hội mới xuất hiện. Vì vậy, một trong một số khả năng có thể được lưu ý như sau công cụ hữu ích, Làm sao . Và đây chỉ là một trong nhiều chức năng. Và có những cái quan trọng hơn, chẳng hạn như chủ đề trẻ em.

Chủ đề con WordPress là gì?

Tôi không muốn đi sâu vào chủ đề này vì có một hướng dẫn sử dụng tiếng Nga rất hay trên trang web chính thức (). Tôi sẽ chỉ nói vài lời về lợi ích của chủ đề trẻ em và nó là gì.

Nghĩa: chủ đề con (CT) được thiết kế chủ yếu để chỉnh sửa chủ đề gốc một cách chính xác (chủ đề được kích hoạt trong khoảnh khắc này). Sử dụng phương pháp này sẽ lưu tất cả mọi thứ những thay đổi đã làm chủ đề gốc (PT) vào lần cập nhật tiếp theo.

Lợi ích: Khổng lồ. Bởi vì điều này giải pháp đúng trong bất kỳ thay đổi nào trong RT.

Cách tạo chủ đề con trong WordPress

Mã WordPress (liên kết ở trên) đi vào chi tiết mô tả từng bước các bước để tạo một chủ đề con. Về bản chất, không có gì phức tạp ở đây. Đúng hơn thì ngược lại: mọi thứ đều rất đơn giản. Nhưng không phải ai cũng muốn mày mò các tập tin (chúng tôi sẽ không phán xét họ - đây là vấn đề cá nhân). Trong trường hợp như vậy, có những plugin sẽ thực hiện hầu hết mọi công việc cho bạn.

Chúng tôi sẽ nói ngắn gọn về tùy chọn này. Trong kho lưu trữ, như mọi khi, sự lựa chọn lớn plugin trong việc thực hiện các giải pháp cho mọi vấn đề. Sự lựa chọn của tôi rơi vào plugin " Một cú nhấp chuột Chủ đề trẻ em ", thao tác này sẽ tạo chủ đề con chỉ bằng một cú nhấp chuột.

Sau khi kích hoạt mô-đun “Chủ đề trẻ em một cú nhấp chuột”, hãy chuyển đến tab “Giao diện – Chủ đề trẻ em”. Có ba trường để điền vào trên trang này:

Cách làm việc với chủ đề con

Khi bạn cần chỉnh sửa chủ đề gốc (ví dụ: thực hiện một số thay đổi, thêm khối mới, xóa một khối, v.v.), thì vì mục đích bảo toàn hoặc thậm chí bảo mật, tốt nhất nên thực hiện việc này thông qua một chủ đề con.

Các tập tin chủ đề. Một tệp mà bạn cần làm gì đó của riêng mình sẽ được sao chép từ RT và chuyển sang DT (lưu ý rằng nếu tệp nằm trong thư mục con của chủ đề thì bạn cũng tạo cùng một thư mục trong DT). Sau đó bắt đầu làm việc với nó, thay đổi nó, thêm những gì bạn cần và kiểm tra kết quả.

Phong cách thiết kế (style.css).Để có thể chỉnh sửa trực tiếp kiểu chủ đề gốc trong chủ đề con, trước tiên bạn phải nhập chúng thông qua tệp style.css hoặc tệp tin.php. Nếu không, những thay đổi sẽ không xảy ra. Và điều này được thực hiện như thế này:

CSS @import

/* Tên chủ đề: child-my-theme Mô tả: Chủ đề trẻ em

Chức năng

Add_action("wp_enqueue_scripts", "my_theme_enqueue_styles"); hàm my_theme_enqueue_styles() ( wp_enqueue_style("parent-style", get_template_directory_uri() . "/style.css"); )

hàm.php. không giống như những cái trước, nó không thay đổi hoặc nhập mà được tải dưới dạng phần bổ sung cho tệp gốc. Bạn không cần sao chép nó từ RT, chỉ cần tạo một tệp trong DT có tên là Hàm.php. Và sau đó theo cách thông thường, chúng tôi thêm các chức năng bạn cần vào đó. Như vậy sẽ là cách tiếp cận đúng đắnđể sửa đổi và mở rộng khả năng của chủ đề gốc.

Bao gồm các tập tin từ một chủ đề con.
Để kết nối các tệp từ DT, bạn phải sử dụng một số chức năng nhất định để chỉ ra đường dẫn chính xác.

Các chủ đề con trong WordPress cho phép bạn thực hiện các thay đổi đối với chủ đề hiện có và theo cách mà những thay đổi đó sẽ không bị mất khi cập nhật chủ đề gốc (hoặc chủ đề gốc). Ngoài hình thức, các chủ đề con cho phép bạn thay đổi đánh dấu và thậm chí cả chức năng của chủ đề gốc, mở rộng nó để phù hợp với nhu cầu của riêng bạn.

Hỗ trợ các chủ đề con trong WordPress đã xuất hiện từ lâu, nhưng hầu hết người dùng ngày nay vẫn thích thực hiện thay đổi trực tiếp đối với mã chủ đề nguồn. Trong bài viết này, chúng tôi sẽ đề cập đến cách các chủ đề con hoạt động trong WordPress và tại sao nên sử dụng các chủ đề con khi thực hiện bất kỳ thay đổi nào đối với các chủ đề hiện có.

Chủ đề con là gì

Một chủ đề con trong WordPress là một chủ đề kế thừa vẻ bề ngoài và tất cả các chức năng của chủ đề gốc (bản gốc). Sự kế thừa này giúp dễ dàng thay đổi, bổ sung khu vực riêng biệt chủ đề gốc mà không thay đổi chủ đề gốc. Nhờ cách tiếp cận này, việc cập nhật chủ đề gốc sẽ không ảnh hưởng đến những thay đổi đó.

Chủ đề gốc có thể là bất kỳ chủ đề nào khác cho WordPress (ngoại trừ chủ đề con) và để chủ đề con hoạt động, cả hai chủ đề phải được cài đặt, nhưng chủ đề con phải được kích hoạt.

Cách tạo chủ đề con

Chủ đề con đơn giản nhất bao gồm một tệp style.css, trong đó chỉ định tên của chủ đề con và tên của thư mục chứa chủ đề gốc. Cùng một tệp thường chứa một liên kết đến biểu định kiểu của chủ đề gốc với sử dụng CSS@import chỉ thị.

Ví dụ: chúng tôi sẽ tạo một chủ đề con, Chủ đề Con tôi và sử dụng chủ đề Twenty Twelve mặc định làm chủ đề gốc.

Đầu tiên hãy chắc chắn rằng chủ đề phụ huynh tồn tại - tìm thư mục thứ 21 trong wp-content/themes. Sau đó tạo một thư mục mới trong wp-content/themes và đặt tên là my-child-theme . Trong thư mục mới này, tạo tệp style.css và dán tiêu đề sau vào đó:

/** * Tên chủ đề: Chủ đề con tôi * Mẫu: Twentytwelve */ @import url("../twentytwelve/style.css");

Bằng cách sử dụng tiêu đề này, chúng tôi đã xác định tên của chủ đề mới và cũng chỉ ra chủ đề chính. @import chỉ thị trong trường hợp này tải tất cả các kiểu từ chủ đề Twenty Twelve, trên hết chúng tôi sẽ thực hiện các thay đổi của mình. Nếu không có chỉ thị này, chủ đề con của chúng ta sẽ chỉ kế thừa các mẫu (đánh dấu) của chủ đề gốc chứ không kế thừa kiểu.

Sau này, thư mục chủ đề của bạn sẽ trông giống như thế này:

Bằng cách đi tới phần Giao diện → Chủ đề, bạn sẽ thấy rằng chủ đề mớiđã có sẵn để kích hoạt.

Nếu bạn kích hoạt nó và đi đến trang chủ của trang web của bạn, bạn sẽ thấy chủ đề con của bạn trông giống hệt như chủ đề chuẩn Hai mươi mười hai.

Làm việc với các kiểu

Các kiểu CSS của chủ đề con có thể được đặt trực tiếp trong tệp style.css ngay sau lệnh @import. Ví dụ: để đặt màu nền và màu liên kết trong chủ đề của bạn, hãy thêm mã sau vào cuối biểu định kiểu:

Thân ( nền: đỏ; ) a ( màu: xanh lá cây; )

Bằng cách này, bạn có thể thay đổi kiểu của bất kỳ thành phần nào trong chủ đề gốc và bạn có thể dễ dàng tìm thấy thành phần được yêu cầu bằng cách sử dụng các công cụ dành cho nhà phát triển trong trình duyệt Google Chrome hoặc sử dụng tiện ích mở rộng Firebug cho trình duyệt Firefox.

Làm việc với Mẫu

Với chủ đề con, bạn cũng có thể dễ dàng thay đổi các mẫu của chủ đề gốc. Để thực hiện việc này, chỉ cần tạo một tệp trong chủ đề con có cùng tên với mẫu trong chủ đề gốc. Ví dụ: để thay thế mẫu footer.php bằng mẫu của bạn, hãy tạo tệp footer.php trong thư mục chủ đề con của bạn:

Văn bản chân trang

Vì vậy, chúng tôi đã thay thế văn bản ở chân trang của chủ đề Twenty Twelve bằng văn bản của chính chúng tôi.

Thông thường, khi làm việc với các mẫu trong chủ đề con, việc sao chép mẫu hiện có từ chủ đề gốc và thực hiện các thay đổi đối với mẫu đó trong chủ đề con sẽ dễ dàng hơn, do đó duy trì cấu trúc của mọi thứ tài liệu HTML. Nếu mắc lỗi, bạn luôn có thể xóa mẫu và bắt đầu lại.

Bạn cũng có thể tạo các tệp mẫu mới không có trong chủ đề gốc và WordPress sẽ bao gồm chúng theo hệ thống phân cấp mẫu. Ví dụ: nếu chủ đề gốc không có tệp page.php, bạn có thể tạo tệp có tên đó trong chủ đề con của mình và WordPress sẽ đưa nó vào khi hiển thị bất kỳ trang nào.

Cũng cần lưu ý rằng không phải tất cả các tệp chủ đề gốc đều có thể được sửa đổi theo cách này. Ví dụ: bạn sẽ không thể thay đổi tệp được gọi Hàm PHP bao gồm hoặc yêu cầu .

Làm việc với hàm.php

Nếu bạn có bất kỳ câu hỏi nào về việc thay đổi các chủ đề WordPress hiện có, hãy để lại nhận xét và chúng tôi sẽ trả lời bạn.

Tạo và tùy chỉnh chủ đề con trong WordPress là một công cụ rất quan trọng trong tay nhà phát triển trang web. Với cách tiếp cận phù hợp, chúng tôi có thể hiện đại hóa hầu hết mọi yếu tố trong chủ đề bạn đã chọn mà không thay đổi yếu tố chính. Điều này mang lại cho chúng tôi một lợi thế khi thực hiện điều chỉnh và thay đổi chủ đề, vì chúng tôi có thể dễ dàng đưa mọi thứ về vị trí ban đầu. vị trí ban đầu. Trong bài học được cung cấp, chúng ta sẽ học cách tạo một chủ đề con và xem xét đòn bẩy mà chúng ta sẽ có được khi làm như vậy.


Nếu chúng tôi tiếp tục nghiên cứu vấn đề này, điều đó có nghĩa là chúng tôi đã chọn và cài đặt một chủ đề phù hợp với sở thích của mình. Nếu không, thì trước tiên bạn cần phải làm vậy.

Bạn đã quyết định? Tuyệt vời, bây giờ hãy xem làm thế nào tạo chủ đề bổ sung.

Chủ đề con WordPress, những gì bạn cần tạo

Vậy điều gì sẽ tạo một chủ đề con chúng ta cần thực hiện một vài bước đơn giản.

  1. Trước hết, chúng ta cần tạo một thư mục cho chủ đề độc đáo trong tương lai của mình.
  2. Sau đó tạo một cái thông thường Dữ liệu văn bản và đổi tên nó thành style.css, chúng ta có thể mở nó bằng một công cụ đặc biệt soạn thảo sổ ghi chép++ hoặc loại khác cùng loại.
  3. Trong tệp chúng tôi đã tạo, bạn sẽ cần phải viết tiêu đề chính xác, cái gọi là tiêu đề tệp.

Chúng ta hãy thực hiện tất cả các thao tác trên cùng nhau và theo thứ tự. Hãy bắt đầu với thực tế là thư mục của chúng tôi Chủ đề con WordPress chủ đề cần được tạo trong nội bộ wp-nội dung/chủ đề. Bạn có thể nghĩ ra bất kỳ tên nào bạn muốn, nó sẽ không ảnh hưởng đến trang web của bạn theo bất kỳ cách nào và sẽ không hiển thị ở bất kỳ đâu, để rõ ràng, hãy xem hình ảnh về cách thực hiện điều này:

Tạo? Được rồi, hãy vào thư mục của chúng ta và tạo một tệp style.css theo kiểu xếp tầng. Sau khi tạo file, hãy mở nó để chỉnh sửa.

Tiêu đề chủ đề con WordPress style.css

ĐẾN cấu hình chủ đề con của chúng tôi một cách chính xác chúng ta phải viết tiêu đề sẽ chứa các tham số sau:

  • Tên chủ đề trẻ em, cái mà chúng tôi đã nghĩ ra cho thư mục của mình, tham số này là bắt buộc phải điền, vì vậy hãy nghĩ ra một cái tên đầy đủ - “Tên”.
  • Bạn có thể chỉ định địa chỉ trang web của mình mà chủ đề sẽ được sử dụng - “URI chủ đề”.
  • Mô tả về chủ đề, ngay cả khi bạn viết tiểu sử của mình, không thành vấn đề - “Mô tả”.
  • Tên của người tạo chủ đề, của bạn, của hàng xóm của bạn hoặc tên hư cấu, tất cả phụ thuộc vào tâm trạng của bạn - “Tác giả”.
  • Tham số bắt buộc và chính xác là tên của thư mục chủ đề gốc - “Mẫu”.
  • Có thể chỉ định phiên bản chủ đề con của bạn, chẳng hạn như 1.1.5 hoặc tương tự - "Phiên bản".

Sau khi đã xử lý xong các thuộc tính tiêu đề mà chúng ta cần, hãy xem họ đưa ra ví dụ gì trên trang web chính thức:

Cái này trọn bộ thuộc tính của chiếc mũ, nhưng từ cùng một nguồn, chỉ có chiếc mũ tối thiểu của cô con gái đơn giản nhất được trình bày.

Sự khác biệt giữa chủ đề con WordPress và chủ đề được xây dựng tùy chỉnh.

Nên hiểu sự khác biệt giữa chủ đề con và một chủ đề WordPress được viết hoàn toàn từ đầu. chỉ thực hiện các thay đổi và bổ sung cho chủ đề WordPress mà chúng tôi đã sử dụng làm cơ sở. Làm sao chúng ta có thể gắn phong cách của mình với phong cách của cha mẹ? Có một đội cho việc này. đứng trên tất cả những thứ khác, nếu không kết nối sẽ không hoạt động. Nó trông như thế này: @import url("www/mysite.ru/twentyten/style.css"). Hóa ra chúng tôi lấy phong cách ban đầu và viết những bổ sung và thay đổi. Chủ đề con thấp hơn chủ đề gốc, do đó, chủ đề gốc được tải trước, sau đó chúng tôi thực hiện các thay đổi đối với chủ đề con ở trên cùng, chủ đề này sẽ được sao chép.

WordPress luôn làm tôi ngạc nhiên với những tính năng ẩn của nó. Và tôi ngạc nhiên không phải vì sự hiện diện của những cơ hội này mà vì sự dễ dàng thực hiện của chúng. Chắc chắn, khả năng tiềm ẩn không thuộc về những bí mật lớn của hệ thống, chỉ là hiện tại, bạn thậm chí còn chưa biết rằng “điều này” có thể được thực hiện trên WordPress. Sẵn có để chỉnh sửa mã nhân viên Chủ đề WordPress, cho phép bạn thay đổi và bổ sung giao diện của trang web từ thay đổi thiết kế đến tạo các widget và plugin bổ sung.

Tại sao bạn cần một chủ đề trẻ em?

Tuy nhiên, có một bất tiện nhỏ: mọi điều chỉnh trực tiếp đối với mã chủ đề sẽ biến mất hoặc đúng hơn là quay trở lại nguồn ban đầu sau mỗi lần cập nhật mẫu. Để tránh những sự quay trở lại như vậy, một đứa trẻ được tạo ra chủ đề WordPress, cho phép bạn chỉnh sửa mã chủ đề mà không có nguy cơ mất tất cả các thay đổi trong quá trình cập nhật theo lịch trình.

Chủ đề con WordPress là gì

Chủ đề con là một công cụ cho phép bạn thực hiện bất kỳ thay đổi chính xác nào về giao diện (chỉnh sửa tệp style.css) và chức năng của trang web (tệp tin.php và các tệp mẫu khác) và không bị mất các chỉnh sửa khi cập nhật mẫu.

Các kiểu và đánh dấu của chủ đề gốc được đưa vào chủ đề con và những thay đổi trong chủ đề con được xếp chồng lên trên chúng. Chúng tôi thực hiện tất cả các thay đổi trong chủ đề con, nhưng chủ đề chính vẫn không thay đổi.

Tạo một chủ đề con WordPress – Ví dụ thực tế

Hãy để tôi nhắc bạn rằng tất cả các chủ đề của hệ thống đều nằm trong thư mục wp-content/themes. Tiếp theo từng bước một.

  • Trong thư mục wp-content/themes, tạo một thư mục có tên tùy chỉnh cho chủ đề con. Ví dụ: tôi tạo một thư mục: first-child-theme. Tên tùy ý, sẽ sớm cần đến.
  • Trong yêu thích soạn thảo văn bản(Tôi sử dụng Notepad++) tạo tập tin văn bản với phần mở rộng css và kiểu tên. Chúng tôi không thay đổi tên nhưng hiện tại, nội dung của tệp chỉ nên chứa tiêu đề:
/* Tên chủ đề: Chủ đề con đầu tiên URI chủ đề: http://domen.ru/ Mô tả: Tạo chủ đề con Tác giả: Igor Serov URI tác giả: http: // Mẫu trang web: zeefocus */

Ở đây, điều duy nhất quan trọng là dòng cuối cùng, đây là tên của thư mục chủ đề gốc. Từ đó hệ thống sẽ tải các kiểu mẫu xuống.

  • Lưu tệp và tải nó lên thư mục chủ đề con, first-theme.
  • Một chủ đề con xuất hiện trong bảng điều khiển trang web. Tên trùng với tên được chỉ định ở dòng: Theme Name. Khi mở một chủ đề, mô tả cụ thể của chủ đề sẽ được hiển thị - dòng Mô tả.

Chủ đề vẫn còn trống và cần được điền và kích hoạt. Bạn có thể làm ngược lại: kích hoạt nó và sau đó điền vào nó.

Làm thế nào để điền một chủ đề con

Hãy để tôi nhắc bạn về nhiệm vụ, chúng ta không cần một chủ đề con trống, nhưng chúng ta cần một chủ đề sao chép chủ đề gốc để thay đổi kiểu và đánh dấu trong đó.

Để sao chép chủ đề, hãy chọn từ hai tùy chọn:

  • Sao chép tệp style.css gốc và di chuyển nó sang một tệp chủ đề con tương tự (hiện tại chỉ có một tệp).
  • Hoặc trong file style.css của child theme chúng ta nhập dòng bổ sung:
@import url(“../zeefocus/style.css”);<\pre>

Ở đâu, zeefocus là chủ đề chính, phụ huynh.

Quan trọng! Với dòng này, chúng tôi tải các kiểu của chủ đề chính. Bây giờ, bạn không cần sao chép tệp kiểu, bạn có thể thay đổi tệp trống của chủ đề con và nó sẽ được viết lên trên các kiểu của chủ đề chính. Bạn có thể chỉnh sửa tệp style.css từ bảng quản trị trang web, tuân theo tab Ngoại hình→Biên tập viên.

Đừng quên xóa chức năng nhập khỏi tiêu đề tệp phong cách.css.

Các tập tin chủ đề khác

Lại có hai lựa chọn

  • tạo nên tập tin trống có tên giống nhau nhưng nội dung trống rỗng: () và viết chúng khi cần thiết;
  • hoặc đơn giản hơn là chúng ta chuyển các file theme chính sang theme con và chỉnh sửa nếu cần.

Plugin chủ đề trẻ em

Về các plugin giúp tạo theme website con dễ dàng hơn trong bài viết.

Chủ đề con WordPress là một chủ đề mở rộng chức năng của một chủ đề khác, được gọi là chủ đề gốc và cho phép bạn sửa đổi hoặc mở rộng chức năng của chủ đề gốc. Bài viết này chỉ cho bạn cách tạo một chủ đề con đơn giản và giải thích những gì bạn có thể làm với nó. Một chủ đề gốc mẫu là Twenty Ten, chủ đề mặc định mới trong .

Chú ý! Nếu thông tin bên dưới có vẻ khó hiểu, bạn có thể sử dụng thông tin phù hợp hơn và một cách nhanh chóng tạo chủ đề con bằng cách sử dụng plugin Trình cấu hình chủ đề con

Tạo một chủ đề con rất dễ dàng. Tạo một thư mục, đặt tập tin được viết thích hợp vào đó phong cách.css và chủ đề con đã sẵn sàng! Với một chút hiểu biết về HTML và , bạn có thể thay đổi điều này một chủ đề trẻ em rất đơn giản- thay đổi giao diện và bố cục của chủ đề gốc nhưng không thay đổi các tệp của chủ đề đó. Bằng cách này, khi chủ đề gốc được cập nhật, các thay đổi của bạn sẽ được lưu.