Thực đơn
trang chủWindows 10

Hướng dẫn về chủ đề con WordPress. Cách tạo chủ đề con WordPress. Cách tạo một chủ đề con WordPress

Bạn muốn tạo một chủ đề con WordPress? Sau cuộc hẹn Khái niệm cơ bản về WordPress Có một mong muốn hoàn toàn chính đáng và dễ hiểu là thay đổi thiết kế mẫu của trang web để phù hợp với sở thích và nhu cầu của bạn. Tạo một chủ đề con là nơi bạn nên bắt đầu tạo trang web. Trong bài viết này tôi sẽ cho bạn biết cách tạo một chủ đề con trong WordPress.

Tại sao tạo một chủ đề con?

Tạo một chủ đề con là Cách tốt nhất tùy chỉnh cái bạn đã chọn Mẫu WordPress. Một chủ đề con có tất cả các tính năng và hình thức của chủ đề gốc. Bạn có thể làm bất cứ việc gì cài đặt cần thiết mà không ảnh hưởng đến mẫu chính dưới bất kỳ hình thức nào. Bạn cũng có thể dễ dàng cập nhật chủ đề gốc mà không lo mất cài đặt.

Yêu cầu

Để thực hiện bất kỳ thay đổi nào đối với mẫu, cần có kiến ​​thức cơ bản về CSS/HTML và cũng sẽ rất tuyệt nếu biết PHP. Bạn sẽ thực sự cần có kỹ năng sao chép và dán các đoạn mã từ các nguồn khác.

Để bắt đầu, tôi khuyên bạn nên thực hành trên localhost. Bạn cũng có thể di chuyển trang web hiện tại của mình tới Máy chủ cục bộ và thực hành trên đó hoặc sử dụng nội dung giả.

Bắt đầu công việc

Bất kì chủ đề hay WordPress có thể trở thành chủ đề gốc. Tuy nhiên, có sự lựa chọn vĩ đại các chủ đề và một số trong số chúng khá phức tạp đối với những thử nghiệm đầu tiên trong việc tạo chủ đề con, vì vậy tôi quyết định lấy một chủ đề tiêu chuẩn làm ví dụ Hai mươi Mười ba, đây là một trong những chủ đề mặc định trong WordPress.

Tạo chủ đề con đầu tiên của bạn

Để bắt đầu, trong thư mục cài đặt, hãy mở /wp-nội dung/chủ đề/ và tạo ra thư mục mới cho chủ đề trẻ em. Gọi nó là bất cứ điều gì bạn muốn. Ví dụ: tôi sẽ gọi nó là wpbdemo.

Mở Dữ liệu văn bản thích Notepad và dán mã này vào đó:

/* Tên chủ đề: URI chủ đề chủ đề trẻ em WPB: http://www.wpbeginner.com/ Tác giả: Mẫu WPBeginner: Twentythirteen Phiên bản: 1.0.0 */ @import url("../twentythirteen/style.css");

Tên chủ đề: Chủ đề trẻ em WPB

URI chủ đề: http://www.wpbeginner.com/

Mô tả: Hai mươi mười ba chủ đề trẻ em

URI tác giả: http://www.wpbeginner.com

Bản mẫu: 23

Phiên bản: 1.0.0

Cứu tài liệu này trong thư mục chủ đề con mới tạo và đặt tên là style.css.

Các dòng mã ở đây rất dễ hiểu. Điều bạn thực sự cần chú ý là dòng Bản mẫu: hai mươi mười ba.

Điều này cho WordPress biết rằng chủ đề của chúng tôi là chủ đề con và thư mục chủ đề gốc có tên là Twentyteen. Xin lưu ý rằng tên thư mục mẹ có phân biệt chữ hoa chữ thường, tức là nếu bạn nhập “Mẫu: TwentyThirteen”, sẽ không có gì hoạt động.

Dòng mã cuối cùng nhập biểu định kiểu của chủ đề gốc vào chủ đề con.

Cái này Yêu cầu tối thiểuđể tạo một chủ đề con. Bây giờ bạn có thể vào menu Vẻ bề ngoài" Chủ đề, nơi bạn sẽ thấy WPB là một chủ đề con. Nhấp vào nút Kích hoạt để bắt đầu sử dụng nó trên trang web của bạn.

Vì bạn chưa thay đổi bất kỳ điều gì trong chủ đề con nên trang web sẽ sử dụng tất cả chức năng và giao diện của chủ đề gốc.

Thiết lập một chủ đề con

Mỗi thư mục chủ đề chứa một tệp có kiểu – style.css. thông thường nó là tệp kiểu chính, nơi có CSS. Tuy nhiên, đối với một số chủ đề, tệp này chỉ chứa thông tin về chủ đề. Trong trường hợp này, theo quy định, Tệp CSS nằm trong một thư mục riêng.

Ở đây bạn sẽ cần một số kiến ​​thức và kỹ năng khi làm việc với .

Google Chrome và Firefox đi kèm với một công cụ kiểm tra tích hợp cho phép bạn xem CSS của nhiều thành phần trên một trang web.

Nếu bạn muốn thấy Điều hướng CSS menu, sau đó chỉ cần di chuyển con trỏ chuột đến menu, nhấp chuột phải và chọn “Xem mã”.

Khi bạn thực hiện việc này, cửa sổ trình duyệt sẽ được chia thành hai phần. Ở cuối màn hình, bạn sẽ thấy HTML và CSS của trang.

Khi bạn di chuột qua các mục khác nhau dòng HTML, công cụ kiểm tra ở đầu màn hình sẽ đánh dấu phần tử tương ứng. Như bạn có thể thấy từ ảnh chụp màn hình, tôi đã chọn Chức năng điều hướng.

Công cụ chrome cũng sẽ hiển thị các quy tắc CSS liên quan đến thành phần được chọn ở phía bên phải.

Bạn có thể thử chỉnh sửa CSS ngay tại đây để xem ngay mọi thứ sẽ trông như thế nào. Hãy thay đổi màu nền . thanh điều hướng TRÊN #e8e5ce .

Màu nền Thanh điều hướng đã thay đổi. Nếu bạn thích nó, bạn có thể sao chép nó quy tắc CSS và dán tệp chủ đề con style.css.

Thanh điều hướng ( màu nền: #e8e5ce; )

Thanh điều hướng (

Lưu các thay đổi của bạn vào tệp style.css và xem trước trang web.

Lặp lại quy trình cho bất kỳ điều gì bạn muốn thay đổi trong biểu định kiểu của chủ đề.

Đây danh sách đầy đủ phong cách mà tôi đã tạo cho chủ đề con. Đừng ngại thử nghiệm - thay đổi nó theo ý của bạn.

/* Tên chủ đề: URI chủ đề chủ đề trẻ em WPB: http://www.wpbeginner.com Mô tả: Chủ đề con thứ hai mươi mười ba Tác giả: WPBeginner URI tác giả: http://www.wpbeginner.com Mẫu: Twentythirteen Phiên bản: 1.0.0 */ @import url("../twentythirteen/style.css"); .site-title ( đệm: 30px 0 30px; ) .site-header .home-link ( min-height: 0px; ) .navbar ( màu nền: #e8e5ce; ) .widget ( màu nền: #e8e5ce; ) .site-footer ( màu nền: #d8cdc1; ) .site-footer .sidebar-container ( màu nền:#533F2A )

Tên chủ đề: Chủ đề trẻ em WPB

URI chủ đề: http://www.wpbeginner.com

Mô tả: Chủ đề trẻ em A Twenty Thirteen

URI tác giả: http://www.wpbeginner.com

Bản mẫu: 23

Phiên bản: 1.0.0

@ nhập url ("../twentythirteen/style.css" );

Tiêu đề trang web (

phần đệm: 30px 0 30px;

Tiêu đề trang web. trang chủ - liên kết (

chiều cao tối thiểu: 0px;

Thanh điều hướng (

nền - màu : #e8e5ce;

Tiện ích (

nền - màu : #e8e5ce;

Trang web - chân trang (

nền - màu : #d8cdc1;

Trang web - chân trang. thanh bên - thùng chứa (

nền - màu : #533F2A

Mỗi chủ đề WordPress có bố cục khác nhau. Chúng ta hãy xem cấu trúc của chủ đề Twenty Thirteen. Có: tiêu đề, menu điều hướng, phần nội dung, khu vực tiện ích phía dưới, khu vực tiện ích thứ hai (bên), chân trang.

Mỗi phần này được xử lý các tập tin khác nhau trong thư mục thứ hai mươi ba. Những tập tin này được gọi là mẫu.

Theo quy định, các tệp này có tên của phần mà chúng thuộc về. Ví dụ: phần chân trang được phục vụ bởi tệp footer.php, phần đầu trang và menu điều hướng được phục vụ bởi tệp header.php. Một số phần, chẳng hạn như khu vực nội dung, được phục vụ bởi một số tệp - “mẫu nội dung”.

Vì vậy, bạn cần bắt đầu bằng cách chọn tệp chủ đề mà bạn muốn thay đổi; sao chép nó vào chủ đề con của bạn.

Ví dụ: giả sử bạn muốn xóa văn bản "Được cung cấp bởi WordPress" khỏi khu vực chân trang và chèn thông tin bản quyền vào đó. Để thực hiện việc này: sao chép tệp footer.php vào chủ đề con, mở nó một cách đơn giản soạn thảo văn bản, chẳng hạn như Notepad. Tìm dòng bạn muốn loại bỏ và thay thế nó bằng bất cứ điều gì bạn muốn. Nó có thể trông như thế này:

© Bản quyền Đã đăng ký Bản quyền.

< ? php

* Mẫu hiển thị footer

* Chứa nội dung chân trang và phần đóng của phần tử div #main và #page.

* @gói WordPress

* @subpackage Twenty_Thirteen

* @since Hai mươi mười ba 1.0

? >

< /div> < ! -- #chính -->

< footer id = "colophon" class = "site-footer" role = "contentinfo" & gt ;

< ? php get_sidebar("chính"); ? >

< div class = "thông tin trang web" & gt ;

< p> & sao chép; Bản quyền< ? ngày tiếng vang php (Y); ? > < ? php bloginfo("tên"); ? > Đã đăng ký Bản quyền. < /p>

< /div> < ! -- . trang web - thông tin -- & gt ;

< /chân trang> < ! -- #colophon -->

< /div> < ! -- #trang -->

< ? php wp_footer(); ? >

< /cơ thể>

< /html>

Nhân tiện, việc khắc phục sự cố dễ dàng hơn nhiều trong các chủ đề con. Ví dụ: nếu bạn vô tình xóa nội dung nào đó mà bạn cần chủ đề phụ huynh, thì bạn có thể chỉ cần xóa tệp khỏi chủ đề con và bắt đầu lại. Ví dụ: trong mã này, tôi đã thay thế chú thích của chủ đề Twenty Thirteen bằng thông báo bản quyền.

Thêm chức năng mới vào chủ đề con

Có rất nhiều hướng dẫn trực tuyến về cách sao chép và dán các đoạn mã vào tệp tin.php của chủ đề.

Việc thêm đoạn mã vào tệp tin.php gốc có nghĩa là các thay đổi của bạn sẽ bị ghi đè, bất kể chủ đề gốc có được cập nhật hay không. Đây là lý do tại sao chúng tôi luôn khuyên bạn nên làm việc trong một chủ đề con và thêm tất cả các mã vào tệp tin.php.

Hãy tạo một tệp trong thư mục chủ đề con và gọi nó là hàm.php. Trong ví dụ này tôi muốn thêm một đoạn mã sẽ thay đổi hình ảnh chuẩn trong tiêu đề hình ảnh của bạn.

Tôi đã tạo hình ảnh tiêu đề và hình thu nhỏ bằng cách chỉnh sửa hình ảnh tiêu đề mặc định của chủ đề Twenty Thirteen. Bước tiếp theo– tải chúng lên chủ đề con tại bên trong/hình ảnh/tiêu đề/thư mục .

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. Hoàn toàn 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 những 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 " Chủ đề trẻ em một cú nhấp chuột", 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 kiểu của chủ đề gốc trực tiếp 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ủ đề con

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 để thực hiện bất kỳ thay đổi nào đối với các chủ đề hiện có.

Chủ đề con là gì

Chủ đề con trong WordPress là chủ đề kế thừa hình thức và tất 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.

Trước tiên, hãy đảm bảo rằng chủ đề gốc tồn tại - tìm thư mục thứ hai mươi mười hai 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 PHP gọi bao gồm chức năng 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ôi không biết chính xác lý do tại sao các mẫu cho trang web WordPress liên tục được gọi là chủ đề, nhưng đây chính là nguyên nhân dẫn đến sự trùng lặp trong phần giới thiệu bài viết này: chủ đề của bài viết này là cách tạo một chủ đề con WordPress. Nói một cách đơn giản, làm thế nào để đảm bảo rằng những thay đổi được thực hiện đối với mẫu trang web không biến mất sau mỗi lần tác giả cập nhật mẫu.

Tại sao điều này là cần thiết?

Tại sao cần có một chủ đề con, tôi đã giải thích trong phần giới thiệu. Hãy để tôi giải thích trong thực tế. Tôi đã lâu không sử dụng các mẫu trong phiên bản của tác giả, tôi liên tục thay đổi nội dung nào đó trong tệp chịu trách nhiệm thiết kế (style.css), xóa liên kết khỏi chân trang, hoán đổi phần giới thiệu và thông báo cho các bài viết trong kho lưu trữ. Nói tóm lại, tôi thực hiện chỉnh sửa trong các tệp mẫu. Mỗi lần tác giả cập nhật mẫu, tôi sẽ mất và khôi phục các chỉnh sửa của mình nếu không sử dụng các chủ đề con.

Cần lưu ý rằng gần đây, tình trạng mất các bản chỉnh sửa đã trở nên đơn giản hơn phần nào. Trong tất cả các chủ đề hiện đại, có một chỉnh sửa tùy chỉnh cho tệp kiểu (style.css), không thay đổi sau khi cập nhật chủ đề, tuy nhiên, điều này không giải quyết được nhiệm vụ chung bài viết, tạo một chủ đề con WordPress.

Tạo chủ đề con WordPress theo cách thủ công

/* Tên chủ đề: Con gái Mẫu: cha */

Lưu ý rằng lệnh Mẫu chỉ định chủ đề gốc và là bắt buộc.

Quan trọng! Bây giờ, khi bạn đặt một tập tin vào thư mục “con”, nó sẽ thay thế một tập tin tương tự trong thư mục “cha”. Quy tắc này KHÔNG hoạt động đối với tệp tin.php.

Nhưng đó không phải là tất cả. Cần phải chuyển kiểu "cha" sang kiểu "con". Điều này được thực hiện theo hai cách:

Phương pháp 1. Chỉ cần chuyển nội dung của tệp kiểu (style.css) sang tệp cha tương tự;

Cách 2. Hoặc thêm file style.css của con gái hàng tiếp theo:

@import url("../father/style.css");

Xin lưu ý: địa chỉ tương đối chỉ ra mẫu cha mẹ.

Plugin chủ đề để tạo chủ đề con

Về các plugin để tạo chủ đề con, tôi sẽ nói thế này: nếu bạn cần một chủ đề con, hãy cài đặt plugin, tạo “con gái”, xóa plugin và đừng lo lắng làm bằng tay. Bất kỳ plugin nào được liệt kê bên dưới sẽ mất 10-15 giây để hoạt động, trừ khi bạn đang tạo chủ đề con của mẫu đã được sửa đổi.

Thuật sĩ chủ đề trẻ em

Cho phép bạn tạo một chủ đề con mới mà không cần phải sử dụng công cụ bổ sung trực tiếp từ giao diện quản trị WordPress.

Trình cấu hình chủ đề con

https://ru.wordpress.org/plugins/child-theme-configurator/

Một tiện ích nhanh chóng và dễ sử dụng cho phép bạn phân tích bất kỳ chủ đề làm việc và tạo một chủ đề con và tùy chỉnh nó. Bộ cấu hình chủ đề con giúp dễ dàng xác định và ghi đè chính xác Thuộc tính CSS mà bạn muốn cấu hình. Trình phân tích quét chủ đề được cung cấp và tự động định cấu hình chủ đề con của bạn.

Trẻ hóa tôi

https://ru.wordpress.org/plugins/childify-me/

Cho phép bạn tạo một chủ đề con cho bất kỳ chủ đề đã cài đặt, trực tiếp từ bảng Giao diện>>>Chủ đề.

Tạo chủ đề con của mẫu đã sửa đổi

Hãy tưởng tượng một tình huống: bạn đang làm việc với trang web của mình và bạn cảm thấy mệt mỏi vì phải liên tục chỉnh sửa mẫu sau khi cập nhật. Phải làm gì? Bạn cần tạo chủ đề con của mẫu đã được sửa đổi. Làm thế nào để làm nó?

Tùy chọn 1. Cài đặt plugin Trình cấu hình chủ đề con, nó sẽ “khai sáng” mẫu của bạn và chuyển các tệp đã thay đổi sang chủ đề con;

Phương án 2. Tạo “con gái” trong chế độ thủ công và hơn thế nữa: Chuyển các tệp đã sửa đổi từ chủ đề gốc sang chủ đề con.

Tất cả! Bây giờ bạn đang làm việc trên một chủ đề con mà bạn đã sửa đổi trước đó.

kết luận

Bây giờ bạn đã biết cách tạo một chủ đề con WordPress. Việc sử dụng chức năng này giúp đơn giản hóa công việc với các mẫu và loại bỏ nhiệm vụ giám sát các chủ đề thay đổi liên tục. Với chủ đề con, bạn có thể chỉnh sửa mẫu mà không sợ mất bản sửa lỗi sau khi cập nhật. Câu hỏi trong các ý kiến.

Xin chào mọi người, hôm nay tôi muốn kể cho các bạn nghe về một tính năng tuyệt vời công cụ wordpress– chủ đề trẻ em. Ở cuối bài viết, tôi sẽ trình bày một ví dụ về cách tạo một chủ đề con WordPress dựa trên mẫu làm sẵn, bây giờ tôi muốn giải thích lý do tại sao chúng ta cần một chủ đề con WordPress.

Điều hướng trang:

Chủ đề con WordPress là gì và tại sao cần thiết?

Chủ đề con wordpress là một chủ đề được sử dụng trong wordpress để sửa đổi hoặc mở rộng chức năng của chủ đề gốc (chính).

Sử dụng child theme wordpress cho phép bạn thay đổi hoàn toàn Kiểu CSS, HTML và mã javascript, cũng như mã PHP hoặc các chức năng riêng lẻ của nó mà không can thiệp vào chủ đề của tác giả. Nói một cách đơn giản, sau khi chỉnh sửa, chúng tôi sẽ có thể cập nhật chủ đề đã tải xuống hoặc đã mua mà không làm mất các chỉnh sửa và chức năng của mình.

Giả sử chúng tôi đã mua một chủ đề trả phí bằng cập nhật miễn phí và hỗ trợ trong một năm. Chúng ta cần tạo trang web của mình dựa trên chủ đề sẵn sàng+ tiền gửi những thay đổi nhỏ trong phong cách.

Điều đầu tiên bạn nghĩ đến (và điều này sai): bạn cần lấy và ghi các kiểu của mình vào tệp style.css. Bằng cách này, chúng ta sẽ nhận được kết quả cần thiết, NHƯNG:

Khi cập nhật, tất cả style của chúng ta sẽ bị mất. Nếu chúng tôi nhờ hỗ trợ thì họ sẽ từ chối giúp, thậm chí có giúp thì họ cũng phải tự động cập nhật...

Vòng tròn luẩn quẩn? – không hẳn, bạn không cần phải cập nhật chủ đề và không liên hệ với bộ phận hỗ trợ :)

Lời khuyên tốt phải không???

Trong tình huống này, chủ đề con WordPress có thể giúp chúng ta. Chúng tôi chỉ cần đưa một chủ đề đã mua sạch (không chỉnh sửa) vào wp-content/themes, đồng thời tạo một chủ đề con và đưa vào tệp duy nhất: style.css (bắt buộc).

Lợi ích của việc sử dụng chủ đề con WordPress

(Click vào các con số để xem toàn bộ lợi ích)

Cách tạo chủ đề con wordpress

Để tạo một chủ đề con WordPress, chúng tôi chỉ cần đáp ứng một số điều kiện:

  1. Tạo một thư mục với một tên tùy chỉnh.
  2. Trong thư mục này tạo một tệp style.css với văn bản đặc biệt. (Tôi sẽ chỉ cho bạn bên dưới)

Tôi trình bày cho bạn chú ý hướng dẫn ngắn gọn Qua tạo wordpress chủ đề con cho chủ đề Twenty Sixteen, có trong nền tảng của WP mới.

Hướng dẫn ngắn gọn về cách tạo chủ đề con WordPress

Nhấp vào các số bên dưới sẽ đưa bạn đến bước tiếp theo.

Tạo chủ đề con cho wordpress

Đây là giao diện trang web của chúng tôi bây giờ:

Tôi khuyên bạn nên thay đổi màu của tiêu đề trong tiện ích bên phải. Để làm điều này, chúng ta cần thêm đoạn mã sau vào các kiểu chủ đề con:

Widget h2.widget-title(color:#228E4F;)

Đây là giao diện của các chỉnh sửa kiểu:

Và đây là kết quả chỉnh sửa của chúng tôi:

Tôi cũng đề nghị tạo các chỉnh sửa khác. Ví dụ: tất cả các nhà phát triển SEO đều cảm thấy mệt mỏi với việc tiêu đề widget được hiển thị trong h2. Việc xử lý vấn đề này khá đơn giản bằng cách sử dụng chủ đề con WordPress. Để làm điều này chúng ta phải:

1) Tạo tệp tin.php.

2) Viết đoạn mã sau vào đó:

__("Sidebar", "twentysixteen"), "id" => "sidebar-1", "description" => __("Thêm tiện ích vào đây để xuất hiện trong thanh bên của bạn.", "twentysixteen"), "Before_widget" = > "", "after_widget" => "", "trước_title" => "

", "after_title" => "
",)); unregister_sidebar("sidebar-2"); register_sidebar(array("name" => __("Nội dung dưới cùng 1", "twentysixteen"), "id" => "sidebar-2", "description" => __("Xuất hiện ở cuối nội dung trên bài viết và trang.", "twentysixteen"), "Before_widget" => "", "after_widget" => "", "Before_title" => "
", "after_title" => "
",)); unregister_sidebar("sidebar-3"); register_sidebar(array("name" => __("Nội dung dưới cùng 2", "twentysixteen"), "id" => "sidebar-3", "description" => __("Xuất hiện ở cuối nội dung trên bài viết và trang.", "twentysixteen"), "Before_widget" => "", "after_widget" => "", "Before_title" => "
", "after_title" => "
",)); } ?>

Ở đây chúng tôi thực hiện một việc rất đơn giản, xóa tất cả các thanh bên đã đăng ký theo chủ đề gốc unregister_sidebar("sidebar-3"); và ném nó vào Mã mới tạo các thanh bên mà chúng tôi lấy từ chủ đề gốc. Đó là tất cả. Hãy xem kết quả:

Tương tự, bạn có thể thay đổi nội dung của bất kỳ tệp chủ đề nào hoặc thêm nội dung mới, điểm khác biệt duy nhất là hàm.php không bị ghi đè mà các hàm mới được thêm vào. Đối với các file theme, khi thêm một file, ví dụ footer.php, file này trong theme gốc sẽ bị vô hiệu hóa, và chúng ta sẽ sử dụng file này từ theme con.

Sự khác biệt giữa các chủ đề WordPress dành cho cha mẹ và con cái

Sự khác biệt giữa các chủ đề này nằm ở tính logic của công việc:

nếu tệp không có trong chủ đề con thì WordPress đang cố gắng tìm nó trong chủ đề gốc

nếu một tệp không phải là Hàm.php nằm trong chủ đề con thì nó sẽ thay thế một tệp tương tự trong chủ đề gốc

Cảm ơn mọi người đã quan tâm, đây có lẽ là tất cả những gì mình có, hãy chia sẻ bài viết tới bạn bè nhé

, viết bình luận :)