Làm cách nào để tạo chủ đề con tùy chỉnh trong wordpress?

Đối với chủ sở hữu trang web chọn một chủ đề WordPress, bạn có thể thấy mình không thể đạt được giao diện mà bạn muốn trong khi vẫn duy trì chức năng bạn cần. Mặc dù các plugin có thể giúp bạn đạt được hầu hết các cách đó, nhưng đôi khi bạn phải thực hiện các tùy chỉnh cho chủ đề đã chọn của mình. Tuy nhiên, việc tùy chỉnh một chủ đề cần có thời gian và công sức. Ngoài ra, nếu bạn làm như vậy, bạn có thể có tất cả mọi thứ khi đột nhiên người tạo chủ đề phát hành một bản cập nhật xóa mọi thứ bạn đã dày công tạo ra

May mắn thay, có một giải pháp tốt hơn. Bạn có thể triển khai một chủ đề con kế thừa chức năng của chủ đề gốc nhưng cho phép bạn thực hiện các tùy chỉnh và bảo vệ kiểu dáng của bạn khỏi các bản cập nhật. Ngay cả khi bạn áp dụng một bản cập nhật cho chủ đề gốc, thì chủ đề con của bạn sẽ vẫn nguyên vẹn với các thay đổi của bạn

Bài đăng này sẽ thảo luận về các chủ đề con của WordPress, tại sao bạn cần một chủ đề và cách tạo một chủ đề chỉ trong vài bước đơn giản. Hãy đi sâu vào

Tổng quan về chủ đề trẻ em

Chủ đề con lấy chức năng và nội dung từ chủ đề gốc. Tuy nhiên, việc tùy chỉnh chủ đề con không ảnh hưởng đến chủ đề gốc. Do đó, bạn có thể lấy các cài đặt cơ bản của một chủ đề và sau đó điều chỉnh chúng để phù hợp với nhu cầu của mình

Chủ đề con được lưu trữ riêng biệt với chủ đề gốc của chúng. Do đó, nếu chủ đề gốc được cập nhật tự động, bạn sẽ không mất bất kỳ thay đổi nào đối với chủ đề con của mình. Hơn nữa, bạn có thể điều chỉnh hoặc xóa chủ đề con mà không ảnh hưởng đến chủ đề gốc của nó

Sử dụng chủ đề con giúp duy trì và cập nhật trang web của bạn dễ dàng hơn. Nó cũng sẽ giúp bạn tránh rủi ro khi chỉnh sửa trực tiếp chủ đề gốc, có thể bị ghi đè và mất

Sự khác biệt giữa Chủ đề Trẻ em và Phụ huynh

Có một số khác biệt giữa chủ đề gốc và chủ đề con. Ví dụ: một chủ đề gốc thường bao gồm

• Một phong cách. tệp css xác định giao diện trang web của bạn
• Một chức năng. php cho phép bạn thêm các tính năng hoặc sửa đổi hành vi mặc định của WordPress
• Một số tệp mẫu xác định cách các trang khác nhau trên trang web của bạn được hiển thị

Ngược lại, một chủ đề con chỉ cần hai tệp. Phong cách. css và các chức năng. php. Bạn sẽ thêm các tệp này trong thư mục /wp-content/themes/

Bạn có thể sử dụng chủ đề con để thực hiện các thay đổi về phong cách cho trang web của mình, chẳng hạn như màu sắc, phông chữ và bố cục

Ví dụ: giả sử bạn muốn thay đổi bảng màu trang web của mình. Bạn có thể làm điều này bằng cách tạo một phong cách mới. css trong thư mục chủ đề con và thêm đoạn mã sau

body {
background-color:#fff;
}

h1 {
color: #000
}

Chúng tôi đã thay đổi màu nền và màu H1 trong đoạn mã trên. Những chỉnh sửa này sẽ ghi đè kiểu dáng của chủ đề gốc và cập nhật màu sắc trên trang web của bạn. Bạn có thể thực hiện nhiều thay đổi nếu cần theo phong cách của chủ đề con. tập tin css

Chủ đề con kế thừa mọi thứ từ chủ đề gốc. Điều này bao gồm tất cả các tệp mẫu, chức năng và nội dung như hình ảnh và tệp JavaScript. Nếu bạn muốn thay đổi các thành phần này, bạn cần sao chép chúng vào thư mục chủ đề con từ chủ đề gốc. Sau đó, bạn có thể chỉnh sửa các tập tin

Ưu điểm của việc sử dụng Chủ đề con

Có nhiều lợi thế khi sử dụng một chủ đề con trên trang web WordPress của bạn, bao gồm

• Bảo vệ các thay đổi chủ đề khỏi cập nhật tự động
• Điều chỉnh các yếu tố trực quan của chủ đề của bạn
• Học cách chỉnh sửa chủ đề, điều này rất hữu ích khi phát triển chủ đề của riêng bạn

Sử dụng một chủ đề con cũng yêu cầu kinh nghiệm mã hóa tối thiểu. Trong hầu hết các trường hợp, bạn chỉ cần thêm một vài dòng mã vào kiểu. tập tin css. Điều này giúp bạn dễ dàng bắt đầu với một chủ đề con, ngay cả khi bạn không phải là nhà phát triển

Tuy nhiên, cũng có rất nhiều công cụ giúp bạn học cách viết mã nếu bạn muốn tìm hiểu sâu hơn về chủ đề này

Cách tạo chủ đề con WordPress bằng plugin

Sử dụng plugin là một trong những cách dễ nhất để tạo chủ đề con WordPress. Plugin có thể hướng dẫn bạn toàn bộ quy trình, nghĩa là bạn sẽ không cần chạm vào bất kỳ mã nào

Trong hướng dẫn này, chúng ta sẽ làm việc với plugin Child Theme Configurator. Công cụ thân thiện với người dùng này có thể giúp bạn phân tích chủ đề của mình để tìm các vấn đề, tạo chủ đề con và thậm chí chỉnh sửa chủ đề đó để đáp ứng thông số kỹ thuật về kiểu và bố cục thiết kế web của bạn

Có liên quan. Xu hướng thiết kế web WordPress sẽ truyền cảm hứng cho bạn

Bước 1. Tải xuống và cài đặt Plugin Trình cấu hình chủ đề con

Để bắt đầu, bạn cần tải xuống và cài đặt Child Theme Configurator. Bạn có thể làm điều này bằng cách điều hướng đến trang của plugin và nhấp vào nút Tải xuống

Máy tính của bạn sẽ tải xuống các tệp chủ đề trong một. thư mục nén. Sau đó, điều hướng đến bảng điều khiển WordPress của bạn và đi tới Plugin > Thêm mới để tải tệp lên

Nhấp vào Tải lên plugin > Chọn tệp và chọn thư mục đã tải xuống

Sau khi plugin được cài đặt, bạn chỉ cần kích hoạt nó. Hãy nhớ rằng bạn cũng sẽ cần chọn một chủ đề WordPress để làm chủ đề con của bạn

Bước 2. Phân tích chủ đề gốc

Tiếp theo, điều hướng đến Tools > Child Themes

Plugin sẽ hướng dẫn bạn các bước để tạo một chủ đề con. Chỉ cần chọn TẠO Chủ đề con mới để bắt đầu

Bạn sẽ được nhắc chọn chủ đề gốc của mình từ menu thả xuống. Nếu bạn có nhiều chủ đề trên trang web WordPress của mình, hãy đảm bảo chọn chủ đề bạn muốn tùy chỉnh

Bây giờ hãy nhấn Phân tích để kiểm tra chủ đề gốc xem có bất kỳ sự cố mã tiềm ẩn nào không

Nếu plugin tìm thấy bất kỳ vấn đề nào về khả năng tương thích hoặc mã hóa, nó sẽ liệt kê chúng ở đây. Nếu không, bạn sẽ thấy một thông báo thành công màu xanh lục cho biết bạn có thể tiếp tục tạo chủ đề con

Khi bạn đã xác định chủ đề gốc của mình sẽ phù hợp với chủ đề con nào, bạn có thể chuyển sang bước tiếp theo. Bạn cũng có thể hiển thị phân tích dữ liệu thô hoặc gửi yêu cầu hỗ trợ tới người tạo plugin từ trang này

Có liên quan. 20 plugin WordPress cực kỳ phổ biến

Bước 3. Đặt tên cho thư mục chủ đề con của bạn

Tiếp theo, bạn sẽ được nhắc đặt tên thư mục cho chủ đề con của mình. Nó sẽ là tên của thư mục trong các tệp của trang web của bạn

Bạn có thể đặt tên bất cứ thứ gì bạn thích miễn là tên đó là duy nhất cho trang web của bạn và chứa các ký tự có thể chấp nhận được. Chúng tôi đang sử dụng “twentytwentytwo-child” vì mục đích đơn giản

Hãy nhớ rằng việc đặt tên cho thư mục chủ đề không giống như đặt tên cho chủ đề con của bạn hoặc thêm mô tả chủ đề. Những bước đó sẽ đến sau

Bước 4. Chọn Biểu định kiểu chủ đề con và chủ đề gốc

Tiếp theo, bạn sẽ cần chọn biểu định kiểu mới cho chủ đề con của mình. Nếu bạn chọn biểu định kiểu chính (kiểu. css), các kiểu tùy chỉnh của bạn sẽ ghi đè nội dung chủ đề hiện có. Đây là tùy chọn mặc định và chúng tôi khuyên bạn nên chọn tùy chọn này nếu bạn chưa quen với chủ đề con

Bây giờ, bạn sẽ được nhắc chọn phương thức xử lý biểu định kiểu chủ đề gốc của mình. Có nhiều tùy chọn khác nhau, nhưng chúng tôi khuyên bạn nên sử dụng Sử dụng hàng đợi kiểu WordPress cho hầu hết các trường hợp sử dụng

Là người mới bắt đầu, tốt nhất bạn nên sử dụng tùy chọn mặc định cho đến khi bạn quen hơn với cách chủ đề gốc xử lý biểu định kiểu. Các tùy chọn khác không phải lúc nào cũng tương thích với tất cả các chủ đề

Bước 5. Đặt tên cho chủ đề con của bạn

Bước tiếp theo là đặt tên cho chủ đề con của bạn và viết mô tả cho chủ đề đó

Trình cấu hình chủ đề con sẽ lấy thông tin mặc định từ chủ đề gốc của bạn và hiển thị ở đây. Nếu bạn chỉ đơn giản là tạo một chủ đề con cho mục đích sử dụng cá nhân, bạn có thể để nguyên dữ liệu

Tuy nhiên, nếu chủ đề gốc của bạn sẽ làm cơ sở cho một chủ đề mới mà bạn đang phát triển, bạn có thể muốn thêm một mô tả ngắn gọn và tên duy nhất

Bước 6. Sao chép Cài đặt gốc sang Chủ đề con

Bây giờ, plugin sẽ yêu cầu bạn xác nhận rằng nó có thể sao chép cài đặt của chủ đề gốc sang chủ đề con của bạn

Bước này sẽ đảm bảo rằng chủ đề con của bạn lấy tất cả chức năng và giao diện của nó từ chủ đề gốc. Tuy nhiên, nếu bạn đang làm việc với một chủ đề cao cấp hoặc bị hạn chế với tư cách là chủ đề gốc, bạn có thể không thực hiện được bước này

Bước 7. Tạo chủ đề con mới của bạn và xem trước nó

Bước cuối cùng là tạo chủ đề con của bạn. Nhấp vào nút Tạo chủ đề con mới và đợi plugin thực hiện công việc của nó

Bạn sẽ nhận được thông báo rằng chủ đề con của bạn đã được tạo thành công

Bạn phải luôn xem trước chủ đề con của mình trước khi kích hoạt nó trên trang web của mình. Bước này sẽ giúp bạn xác minh rằng mọi thứ đang hoạt động bình thường. Sau đó, nhấn Kích hoạt và Xuất bản để bắt đầu làm việc với chủ đề con của bạn

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

Nếu bạn không muốn sử dụng plugin để tạo chủ đề con của mình, bạn có thể xử lý phương pháp này theo cách thủ công. Bạn có thể thích phương pháp này hơn nếu bạn đã sử dụng quá nhiều plugin trên trang web của mình

Ngoài ra, việc tạo chủ đề con WordPress theo cách thủ công cho phép bạn thực hiện tất cả các thay đổi bạn muốn ở cấp độ chi tiết. Tuy nhiên, hãy nhớ rằng bạn sẽ cần có kiến ​​thức trung cấp về CSS

Bước 1. Phát triển một kế hoạch cho những thay đổi của bạn

Trước tiên, hãy tìm một chủ đề gốc mà bạn thích và liệt kê những thay đổi bạn muốn thực hiện. Bạn có thể xem các công cụ dành cho nhà phát triển và xem mã của chủ đề để thực hiện các thay đổi chính xác

Để xem các công cụ dành cho nhà phát triển, nhấp chuột phải vào bất kỳ đâu trên trang web của bạn trong khi chạy chủ đề và chọn Kiểm tra phần tử. Sau đó, bạn sẽ thấy một trang dữ liệu giống như thế này

Tại đây, bạn có thể tìm kiếm màu nền, thông tin phông chữ, kích thước lề, v.v. Sau đó, bạn có thể tạo danh sách các tính năng mà bạn muốn điều chỉnh trong chủ đề con của mình

Bước 2. Sao lưu trang web của bạn

Điều cần thiết là sao lưu trang web hiện tại của bạn trước khi thực hiện bất kỳ thay đổi nào để bạn không bị mất cài đặt của mình. Bạn luôn có thể trở lại bản sao lưu này nếu cần. Bạn cũng có thể xem xét sử dụng một trang web dàn dựng trong trường hợp bạn mắc phải những sai lầm nghiêm trọng

Có một số cách khác nhau để sao lưu trang web của bạn. Bạn có thể thực hiện thủ công bằng cách sử dụng plugin sao lưu, đây có lẽ là phương pháp dễ dàng nhất đối với hầu hết mọi người

Có liên quan. Cách sao lưu trang web WordPress của bạn

Ngoài ra, bạn có thể hợp tác với nhà cung cấp dịch vụ lưu trữ WordPress đảm nhận việc sao lưu trang web của bạn. Các gói lưu trữ được quản lý DreamPress của chúng tôi bao gồm các bản sao lưu tự động và theo yêu cầu để bảo vệ dữ liệu trang web của bạn

Bước 3. Tạo một thư mục cho chủ đề con của bạn

Bạn sẽ cần tạo một thư mục để lưu trữ các tệp cho chủ đề con của mình. Truy cập các tệp của bạn thông qua ứng dụng khách Giao thức truyền tệp an toàn (SFTP) chẳng hạn như Filezilla và điều hướng đến thư mục chủ đề

Tại đây, bạn sẽ tạo một thư mục mới cho chủ đề con của mình. Tạo một thư mục mới mang tên của chủ đề gốc và thêm “-child” vào cuối

Ví dụ: nếu chủ đề gốc của bạn là Twenty Twenty-Two, thư mục chủ đề con của bạn sẽ có tên là “hai mươi hai mươi hai con”

Bước 4. Tạo một biểu định kiểu cho chủ đề con của bạn

Bây giờ bạn sẽ cần tạo một tệp văn bản mới và đặt tên là “style. css”. Tệp này sẽ tạo cơ sở cho chủ đề con của bạn. Nó sẽ cần một số thông tin tiêu đề cơ bản, bao gồm tên, URL, mô tả, v.v.

Bây giờ hãy lưu và thêm kiểu. css vào thư mục thư mục bạn vừa tạo

Bước 5. Enqueue các Stylesheets

Tiếp theo, bạn sẽ cần liệt kê các biểu định kiểu chủ đề gốc và con. Phương pháp này đảm bảo rằng chủ đề con của bạn sẽ lấy dữ liệu kiểu từ chủ đề gốc. Nó cũng cho phép bạn chỉnh sửa chủ đề con mà không ảnh hưởng đến chủ đề gốc của nó

Tạo một tệp mới trong thư mục chủ đề con của bạn và đặt tên là “chức năng. php”. Sau đó, bạn có thể yêu cầu chủ đề con của mình tham chiếu chủ đề gốc bằng cách thêm đoạn mã sau

Lưu tệp văn bản và điều hướng đến bảng điều khiển WordPress của bạn để kích hoạt chủ đề

Bước 6. Kích hoạt chủ đề con

Cuối cùng, bạn sẽ cần kích hoạt chủ đề con của mình. Bạn có thể tải lên thủ công bằng cách vào Giao diện > Chủ đề > Tải lên. Sau đó, chọn một. phiên bản zip của thư mục chủ đề con của bạn

Kích hoạt chủ đề con của bạn. Bây giờ nó sẽ được phát trực tiếp

Cách tùy chỉnh chủ đề con của bạn

Khi bạn đã kích hoạt chủ đề con của mình, đã đến lúc chơi với CSS của nó. Bước này cho phép bạn thay đổi thiết kế mà không làm mất chức năng cốt lõi của chủ đề

Cách tốt nhất để tìm CSS mà bạn muốn sửa đổi là sử dụng Công cụ kiểm tra trong trình duyệt của bạn. Bạn có thể xem CSS và HTML đằng sau bất kỳ trang web nào bằng cách nhấp chuột phải vào trang đó và chọn Kiểm tra phần tử

Ở cuối hoặc bên phải màn hình, bạn sẽ tìm thấy mã của trang. Di chuột qua mã và đánh dấu HTML trong các phần

Khi bạn di chuột, nó cũng sẽ hiển thị các quy tắc CSS. Bạn có thể chỉnh sửa CSS trực tiếp bằng các công cụ dành cho nhà phát triển để xem nó trông như thế nào

Trong ví dụ này, chúng tôi đã thay đổi màu nền từ “#9888fd” thành “#9888fe” để xem nó trông như thế nào. Màu nền sẽ thay đổi ngay lập tức nhưng không cố định

Bây giờ bạn cần sao chép quy tắc CSS và thêm nó vào kiểu. tệp css của chủ đề con của bạn như thế này

body {
Background-color: #9888fe;
}

Lưu những thay đổi này theo kiểu. css và quay lại bảng điều khiển WordPress của bạn để xem trước chủ đề. Quá trình này có thể yêu cầu thử và sai, vì vậy hãy dành thời gian cho đến khi bạn có được kiểu dáng hoàn hảo

Bảo vệ các bản cập nhật và tùy chỉnh chủ đề của bạn

Sử dụng chủ đề con giúp bạn tránh được sự phức tạp khi chỉnh sửa trực tiếp chủ đề gốc. Một chủ đề con rất dễ điều chỉnh, cho phép bạn thực hiện các thay đổi thiết kế sâu rộng đối với một trang web hiện có. Hơn nữa, nó không bị ảnh hưởng bởi cập nhật chủ đề tự động

Dưới đây là tóm tắt nhanh về cách tạo chủ đề con theo cách thủ công

1. Lên kế hoạch
2. Sao lưu trang web hiện tại của bạn
3. Tạo thư mục cho chủ đề con của bạn bằng ứng dụng khách SFTP
4. Tạo một biểu định kiểu và tải nó lên trang web của bạn
5. Enqueue các biểu định kiểu chủ đề con và chủ đề gốc
6. Kích hoạt và xem trước chủ đề con của bạn
7. Thực hiện thay đổi bằng CSS

Có một chủ đề đẹp chỉ là một phần của việc điều hành một trang web thành công. Bạn cũng sẽ cần một nhà cung cấp dịch vụ lưu trữ phù hợp với nhu cầu của mình. Kiểm tra các gói lưu trữ chia sẻ của DreamHost để biết các gói giá cả phải chăng ưu tiên hiệu suất trang web

Lưu trữ trang web hỗ trợ mục đích của bạn

Chúng tôi đảm bảo trang web của bạn nhanh, an toàn và luôn hoạt động để khách truy cập tin tưởng bạn. Kế hoạch bắt đầu từ $1. 99/tháng

Chọn kế hoạch của bạn

Giới thiệu về tác giả . Jason Cosper

Jason là Người ủng hộ sản phẩm WordPress của Dreamhost, có trụ sở tại Bakersfield, CA. Anh ấy hiện đang làm việc để cải thiện sản phẩm DreamPress của chúng tôi. Khi rảnh rỗi, anh ấy thích cuộn tròn trên đi văng và xem những bộ phim đáng sợ với vợ Sarah và ba con chó rất nhỏ. Theo dõi anh ấy trên Twitter

Chủ đề con là gì và cách tạo và sử dụng nó trong WordPress?

Hai tệp cần thiết cho một chủ đề con là gì?