Làm cách nào để thêm cài đặt trong WordPress? Trình tùy chỉnh chủ đề - Cài đặt tích hợp. Tạo một chủ đề WordPress đơn giản

Tạo một mẫu WordPress dễ dàng hơn bạn nghĩ. Để làm được điều này, bạn không cần phải có nhiều kinh nghiệm về thiết kế hoặc lập trình trang web. Trong bài viết này, chúng tôi sẽ hướng dẫn bạn những kiến ​​thức cơ bản về tạo chủ đề WordPress của riêng bạn từ đầu.

Tại sao bạn lại cần tạo mẫu WordPress của riêng mình khi bạn có thể sử dụng các mẫu có sẵn trong cơ sở dữ liệu? Dưới đây là một số lý do có thể nhắc nhở điều này:

• Bạn có thể có được một trang web hoặc trang đích độc đáo khác với đối thủ cạnh tranh. Xem xét hàng triệu blog được xây dựng trên CMS này, mỗi thiết kế tiêu chuẩn được sử dụng ít nhất một trăm lần.
• Hoàn toàn tự do hành động ở giai đoạn phát triển. Bạn có thể thêm chức năng của riêng mình với các yếu tố công việc bạn cần.
• Bạn có thể sử dụng các thiết kế khác nhau cho các phần khác nhau của trang web, điều này là không thể khi sử dụng mẫu tạo sẵn.
• Bạn có thể tạo nhiều chế độ xem và cung cấp cho khách truy cập cơ hội chuyển đổi giữa các chủ đề khác nhau, điều này sẽ làm tăng sự quan tâm và mức độ trung thành với tài nguyên web.
• Sự đơn giản khi làm việc trên WordPress khiến nhiều người có thể truy cập được (các video hướng dẫn trên Internet sẽ giúp ích). Điều này có nghĩa là việc tự mình phát triển chủ đề chính hoặc tự tạo chủ đề con sẽ tiết kiệm được tiền thuê nhà thiết kế và lập trình viên bên thứ ba.
• Bạn có thể tận dụng khả năng của các chủ đề con - khi các điều chỉnh được thực hiện để sao chép các biểu định kiểu style.css, trong khi tệp chính vẫn được giữ nguyên. Điều này cho phép bạn nhanh chóng hoàn tác các thay đổi nếu chúng không thành công và cũng không bị mất công khi cập nhật chủ đề chính.

Hướng dẫn ngắn gọn

Tất nhiên, bạn sẽ không thể tìm hiểu đầy đủ cách tạo mẫu trang chỉ bằng một bài viết. Để bắt đầu, điều quan trọng là phải hiểu những điều cơ bản - cách tạo ra các chủ đề đơn giản nhất. Dựa trên chúng, bạn có thể sáng tạo và tạo trang đích hoặc trang web theo mong muốn của mình. Bây giờ chúng tôi sẽ cung cấp cho bạn một bảng tóm tắt ngắn với hướng dẫn từng bước - nó sẽ giúp bạn hiểu cách tạo một trang web.

Bước một: công tác chuẩn bị

Trước khi bắt đầu công việc, bạn cần đảm bảo rằng mình có trình soạn thảo văn bản (đơn giản nhất là Notepad hoặc Nodepad++, đặc biệt vì bạn có thể tải chúng xuống miễn phí). Bước tiếp theo là cài đặt công cụ WordPress và bộ Denwer trên máy tính cục bộ của bạn. Denver là gói công cụ cần thiết dành cho các lập trình viên. Với sự giúp đỡ của họ, quá trình phát triển và sửa đổi trang web được tạo điều kiện thuận lợi và đẩy nhanh hơn rất nhiều. Video này sẽ hướng dẫn bạn cách cài đặt nó:

Bước hai: tạo một thư mục chủ đề mới

Hãy đi đến thư mục mong muốn. Nó thường đi theo đường dẫn sau: . Tất cả các chủ đề đều được lưu trữ ở đây - cả tiêu chuẩn và tùy chỉnh. Chúng tôi đi vào nó và tạo một thư mục mới. Ví dụ: chúng tôi gọi nó là “MyFirstTheme”.

Bây giờ hãy chuyển đến một thư mục mới và đảm bảo thêm hai tệp được tạo thông qua Nodepad++ hoặc trình chỉnh sửa khác. Đây là index.php và style.css. Hiện tại, hãy để những tài liệu này trống, sau đó chúng ta sẽ bắt đầu điền chúng. Đồng thời thêm thư mục hình ảnh vào “MyFirstTheme”. nơi bạn có thể thêm hình ảnh để trang trí mẫu.

Sau đó, bạn có thể thêm các mẫu vào “MyFirstTheme” cho từng phần riêng lẻ của trang web: thanh bên (sidebar.php), trang web (header.php), bài đăng trên các trang (single.php), nhận xét (comments.php), v.v. tập hợp các tệp bổ sung tùy thuộc vào cấu trúc bạn dự định cho tài nguyên web của mình.

Bước ba: điền index.php

Việc đầu tiên cần làm là điền vào file chỉ mục (index.php). Dưới đây là một ví dụ về mã đơn giản nhất, theo đó trang web sẽ có bốn khu vực: đầu trang, chính, thanh bên và chân trang.

Trong tệp, bạn có thể đăng ký bất kỳ thành phần nào bạn muốn thấy trên trang web của mình. Bạn có thể tìm thêm thông tin về cách viết mã index.php để tạo chủ đề trong WordPress trong video:

Bước bốn: điền vào style.css

Bây giờ bạn cần mở style.css, thêm và điền vào các trường sau (nhập thông tin của riêng bạn về trang web và chủ sở hữu thay vì ***). Dữ liệu đã nhập sẽ được hiển thị trong bảng quản trị.

/*Tên chủ đề: ***

URI chủ đề: http://***

URI tác giả: http://***

Sự miêu tả: ***

Sau đó, có thể nhập nhiều dữ liệu và quy tắc khác nhau vào tệp này để xác định giao diện của các trang. Ví dụ:

(thông tin trong /**/ là nhận xét, không phải các phần của mã)

Ở giai đoạn này, còn quá sớm để đặt các tham số kiểu nghiêm ngặt, nhưng khi làm việc sâu hơn với tệp, video hướng dẫn này sẽ hữu ích:

Bước năm: chia nhỏ các tập tin

Tất cả các phần tử được chỉ định trong index.php phải được sao chép trong các tệp riêng biệt. Ở bước một, trong ví dụ, ngoài phần chính, tiêu đề, thanh bên và chân trang đã được chỉ định - do đó, chúng tôi tạo tài liệu của riêng mình cho chúng ở định dạng .php.

Ví dụ tạo file header.php, mở file index.php. Chúng tôi tìm phần mã tương ứng và dán nó vào một tệp mới. Nó sẽ là:

Tương tự thực hiện cho các phần còn lại. Điều này nên được thực hiện để điều hướng dễ dàng hơn. Khi có nhiều thành phần của trang web trong tương lai, các tệp riêng biệt sẽ giúp bạn điều hướng tốt hơn để kiểm tra hoặc thực hiện thay đổi.
Để tệp chỉ mục chính nhất quán với các tệp bổ sung, phần sau phải được viết trong index.php dưới các khối cho từng phần:

Dưới đây là danh sách các tệp mẫu tiêu chuẩn được WordPress sử dụng. Bạn không cần phải sử dụng chúng hoặc thêm các phần của riêng mình:

• Tiêu đề – kiểu tiêu đề trang web của bạn.
• Bình luận – mẫu để tạo bình luận.
• Trang chủ – chủ đề cho trang chính.
• Trang - xác định chủ đề nếu bạn tạo các trang riêng biệt trên trang web
• Danh mục – mẫu để chia nhỏ các danh mục
• Ngày – xác định kiểu hiển thị ngày giờ.
• Lưu trữ – một mẫu cho phần lưu trữ với các tài liệu cũ.
• Tìm kiếm – một tệp chỉ định các tham số để tìm kiếm trên trang web.
• 404 là mẫu cho trang báo cáo lỗi 404 Không tìm thấy.
• Footer – xác định kiểu chân trang của trang web của bạn.

Sau đó, khi bạn tinh chỉnh từng yếu tố, bạn sẽ cần một video hướng dẫn trực quan. Dưới đây là một số lựa chọn có thể giúp bạn:

Tiêu đề trong header.php:

Thêm nội dung:

Nhận xét về kiểu dáng:

Chân trang trên trang web:

Cách thực hiện thay đổi một cách an toàn

Khi bạn cần thực hiện các thay đổi đối với các trang của trang web, có nguy cơ viết sai nội dung nào đó và không thể “cuộn lại” nội dung đó. Cũng có thể xảy ra trường hợp các mục trong biểu định kiểu biến mất khi chủ đề chính được cập nhật.

Để ngăn điều này xảy ra, bạn có thể tạo một chủ đề WordPress con (chủ đề phụ) - đây là bản sao của tệp style.css không ảnh hưởng đến tệp chính (những thay đổi ở một tệp này sẽ không hủy cập nhật ở tệp kia).

Tạo một chủ đề con WordPress thật dễ dàng. Bạn cần tạo một thư mục mới trong thư mục chính C:\WebServers\home\localhost\www\NAME_SET_DUR_INSTALL\wp-content\themes. Trong thư mục mới, chúng ta tạo tệp style.css của riêng mình với nội dung sau:

Tên chủ đề: TÊN CHỦ ĐỀ

Bản mẫu: TÊN THƯ MỤC TRONG CHỦ ĐỀ TRẺ EM

URI chủ đề: ĐIỀN VÀO

Mô tả: ĐIỀN VÀO

URI của tác giả: ĐIỀN VÀO

/* nhập kiểu của chủ đề gốc */

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

/* Phong cách bổ sung của riêng bạn */

Foo(màu:đỏ; )

Bây giờ bạn có thể vào “Giao diện>Chủ đề” trong bảng quản trị và kích hoạt mẫu con. Trong tương lai, bạn có thể làm việc trong tệp mới. Ngoài ra, một đoạn video ngắn trình bày về chủ đề mẫu con:

Với bài viết này, tôi tiếp tục một loạt bài học về cách tạo trang web bằng công cụ WordPress. Sau khi cài đặt một chủ đề mới trên blog, chúng ta sẽ cần tùy chỉnh nó cho phù hợp với nhu cầu của mình. Điều này không hề khó thực hiện. Nếu không có chỉnh sửa mẫu WordPress, ít nhất, bạn cần biết nó hoạt động như thế nào và tệp nào chịu trách nhiệm về cái gì. Đã và đang học Cấu trúc mẫu WordPress và có kiến ​​thức cơ bản về HTML và CSS, bạn đã có thể chỉnh sửa mẫu chủ đề, thay đổi giao diện và chức năng của nó. Nhưng điều đầu tiên trước tiên.

Ngay sau khi cài đặt một chủ đề mới, blog của bạn khó có thể có được diện mạo hấp dẫn. Để khắc phục điều này, bạn cần tùy chỉnh chủ đề WordPress của mình bằng cách thêm và sắp xếp tất cả các yếu tố cần thiết trên trang blog của bạn. Vậy hãy bắt đầu tùy chỉnh mẫu chủ đề WordPress.

Thiết lập một chủ đề WordPress (mẫu).

Chúng ta hãy đi vào Thanh công cụ() WordPress và sẽ tiếp tục nghiên cứu nó, xem xét chi tiết tất cả các điểm trong phần “Thiết kế”, chịu trách nhiệm về sự xuất hiện và chỉnh sửa của mẫu WordPress:

Tab tiếp theo là “Widget”. Khi chúng ta chuyển sang nó, hình ảnh sau sẽ mở ra trước mắt chúng ta:

Ở phía bên trái, chúng tôi thấy mọi thứ “ Widget có sẵn“: RSS, Lưu trữ, Lịch, Tìm, Gắn thẻ đám mây, Bài đăng mới nhất, Tiêu đề, Văn bản, v.v. Thanh bên của blog được biểu thị dưới dạng sơ đồ ở bên phải. Tùy thuộc vào cấu trúc của mẫu WordPress, có thể có một hoặc nhiều thanh bên. Trên blog, nó trông giống như một thanh bên nằm ở bên phải hoặc bên trái và có thể ở cả hai bên cùng một lúc.

Để lấp đầy thanh bên với các tiện ích chúng ta cần, chúng ta chỉ cần chọn tiện ích cần thiết bằng nút chuột trái và giữ nó, kéo tiện ích đó vào thanh bên mà chúng ta cần. Theo cách tương tự, bạn có thể di chuyển các tiện ích lên hoặc xuống trong thanh bên.

Ý nghĩa của từng tiện ích đều đủ rõ ràng từ tên của chúng. Tiện ích “Văn bản” đáng được quan tâm đặc biệt. Bằng cách di chuyển nó sang thanh bên, các trường nhập dữ liệu và tiêu đề sẽ mở ra. Tại đây bạn có thể chèn cả văn bản thông thường có hình ảnh và các mã HTML khác nhau. Ví dụ: bộ đếm thống kê, khối quảng cáo và biểu ngữ, biểu mẫu đăng ký, v.v. Sau khi điền hoặc chỉnh sửa tiện ích “Văn bản”, hãy nhấp vào nút “Lưu” để các thay đổi có hiệu lực. Có thể xóa các tiện ích không cần thiết bằng cách nhấp vào nút “Xóa” hoặc kéo chúng trở lại phần “ Widget có sẵn“. Nếu bạn cần tắt tạm thời một tiện ích, đồng thời lưu tất cả cài đặt của tiện ích đó để sử dụng sau này, hãy kéo tiện ích này xuống bên trái vào phần “ Tiện ích không hoạt động“. Bạn có thể trả lại nó bất cứ lúc nào.

Tiếp theo là tab “Menu”. Sau khi mở nó, chúng tôi thấy mình đang ở trên trang tạo menu blog của riêng bạn với mô tả chi tiết về cách thực hiện việc này. Bạn có thể bao gồm các danh mục, trang và liên kết tùy ý trong menu bằng cách sắp xếp chúng theo thứ tự yêu cầu bằng cách kéo và thả. Bằng cách nhấp vào nút “Save Menu”, menu blog sẽ được tạo.

Để menu đã tạo xuất hiện trên thanh bên, bạn cần chuyển đến tab “Widget” và kéo tiện ích “ Thực đơn riêng” ở thanh bên. Theo đó, nếu bạn đã kích hoạt tiện ích “Danh mục” và “Trang” trên blog của mình, chúng có thể bị vô hiệu hóa. Phải nói rằng rất ít người sử dụng menu trên blog.

Tab cuối cùng “Trình chỉnh sửa” cho phép bạn chỉnh sửa các tệp mẫu WordPress. Sau khi mở nó, ở bên phải bạn sẽ thấy danh sách tất cả các tệp mẫu WordPress, tức là cấu trúc của nó. Khi bạn nhấp vào bất kỳ tệp nào trong số này, nội dung của nó sẽ mở ra trong một cửa sổ để chỉnh sửa. Sau khi thực hiện những thay đổi cần thiết, đừng quên xác nhận chúng bằng cách nhấp vào nút “Cập nhật tệp”.

Vì vậy, chúng tôi đã nghiên cứu phần “Thiết kế” trong bảng quản trị của blog của mình và tìm ra cài đặt (mẫu) chủ đề WordPress.

Điều đáng chú ý là hầu hết mọi chủ đề hiện đại đều có cài đặt riêng. Thông thường chúng được đặt trong bảng quản trị ở một phần riêng biệt với tên chủ đề.

Đôi khi cài đặt tùy chỉnh cho mẫu chủ đề WordPress được tìm thấy dưới dạng các mục riêng biệt trong phần “Thiết kế”.

Cách định cấu hình một chủ đề cụ thể phải được mô tả chi tiết trên trang web của nhà phát triển hoặc người bản địa hóa mẫu mà bạn đã tải xuống. Cài đặt chủ đề WordPress riêng lẻ cho phép bạn dễ dàng, mà không can thiệp vào mã nguồn của mẫu, thay đổi các thành phần thiết kế trang web (logo, nền, phông chữ, bố cục thanh bên, v.v.), chèn biểu ngữ, nút mạng xã hội và RSS, bộ đếm thống kê, quảng cáo khối và nhiều hơn nữa. Tôi khuyên bạn nên nghiên cứu kỹ các cài đặt này, đặc biệt nếu bạn chưa quen với HTML và CSS.

Chú ý! Điều quan trọng cần biết là nếu bạn thực hiện các thay đổi đối với từng cài đặt của mẫu thì khi cài đặt chủ đề mới, các cài đặt này phải được đưa về trạng thái ban đầu. Thông thường cho những mục đích này có các nút “Đặt lại” hoặc “ Khôi phục về mặc định“, tùy thuộc vào chủ đề WordPress bạn chọn.

Bây giờ chúng ta hãy xem mẫu chủ đề bao gồm những tập tin nào và nghiên cứu cấu trúc của nó.

Mỗi tệp mẫu WordPress chịu trách nhiệm thiết kế các khối riêng lẻ trên trang web của trang web. Sau đó, giống như một bộ xây dựng, các trang blog được tập hợp từ các khối này thành một tổng thể duy nhất. Vì các chủ đề (mẫu) WordPress được tạo bởi các nhà phát triển khác nhau nên cấu trúc của các mẫu này có thể khác nhau. Một số tệp mẫu chủ đề bắt buộc phải có trên mọi trang web, trong khi những tệp khác chỉ được hiển thị trong một số trường hợp nhất định.

Trong hình bên dưới, bạn có thể thấy cấu trúc gần đúng của mẫu WordPress.

Đây là danh sách các tệp thường có trong tất cả các mẫu và mô tả ngắn gọn của chúng:

• header.php (tiêu đề) – có mặt trên tất cả các trang web và chịu trách nhiệm hiển thị phần trên cùng của trang web.
• index.php – chịu trách nhiệm hiển thị nội dung của trang chính.
• single.php – hiển thị từng bài viết cụ thể.
• page.php – nội dung của một trang web tĩnh.
• Category.php – một tệp hiển thị các bài đăng thuộc một danh mục cụ thể.
• tag.php – hiển thị kho lưu trữ các bài viết theo thẻ.
• archive.php – kho lưu trữ tạm thời các bài viết (trong một tháng hoặc một năm). Đôi khi tệp này thay thế Category.php và tag.php.
• search.php – hiển thị bản ghi kết quả tìm kiếm cho trang web.
• comments.php – tệp mẫu nhận xét.
• sidebar.php – cột bên của trang web chứa các widget. Có thể có một số thanh bên, tùy thuộc vào cấu trúc của mẫu WordPress. Tập tin này có mặt trên tất cả các trang của trang web.
• 404.php là tệp lỗi 404 xuất hiện nếu địa chỉ trang web được nhập không chính xác hoặc nó không tồn tại.
• Hàm.php – tệp này thường chứa các hàm được gọi khi hiển thị một trang web hoặc khi làm việc với bảng quản trị.
• footer.php (footer) – phần dưới cùng của trang web, hiện diện trên tất cả các trang của nó. Chúng tôi đã xem xét tệp mẫu WordPress này khi xóa các tệp .
• style.css là một tệp biểu định kiểu chịu trách nhiệm về thiết kế bên ngoài của trang web.

Bây giờ mới biết Cấu trúc mẫu WordPress và mỗi tệp của nó chịu trách nhiệm về nhiệm vụ gì, bạn có thể thay đổi giao diện và chức năng của một phần nhất định của trang web.

Điều quan trọng là phải hiểu rằng nếu không có ít nhất kiến ​​​​thức cơ bản về HTML và CSS, tốt hơn hết bạn không nên cố gắng chỉnh sửa các tệp (mẫu) chủ đề WordPress. Và nếu bạn vẫn cần chỉnh sửa tệp mẫu, trước tiên hãy nhớ tạo bản sao lưu của tệp đó. Sau đó, nếu có sự cố xảy ra, bạn luôn có thể khôi phục tệp gốc.

Tôi muốn lưu ý từ bản thân mình rằng chỉnh sửa mẫu WordPress Sẽ thuận tiện hơn không phải từ bảng quản trị blog mà bằng cách mở tệp trong Notepad++, sử dụng kết nối với máy chủ lưu trữ thông qua ứng dụng khách FTP. Bạn có thể đọc về cách thực hiện việc này trong bài viết ““.

Đó là tất cả cho ngày hôm nay. Bây giờ trang web bạn tạo sẽ trông hấp dẫn hơn nhiều. Hẹn gặp lại bạn trên các trang blog.

Để lại nhận xét của bạn và đừng quên nhấp vào nút mạng xã hội ở cuối bài viết, qua đó bạn sẽ giúp ích cho sự phát triển của blog này. Cảm ơn bạn trước!

Do hầu hết các trang web tôi phát triển đều được tạo bằng Wordpress CMS và tôi thường xuyên phải xử lý các công việc không hề đơn giản nên tôi quyết định chia sẻ với bạn trải nghiệm sử dụng các plugin khác nhau của mình. Cả miễn phí và trả phí, và tôi sẽ cố gắng tuân thủ định dạng này: một bài viết - một plugin. Tôi sẽ cố gắng chỉ xem xét những phát triển thực sự đáng được quan tâm và trong câu chuyện đầu tiên của tôi, tôi sẽ kể cho bạn nghe về OptionTree - theo ý kiến ​​​​của tôi, một giải pháp tuyệt vời để tạo một trang có cài đặt trang tùy chỉnh.

Cài đặt tùy chỉnh là gì?

Các mẫu (chủ đề) Wordpress mà chúng tôi có thể sử dụng thường xuyên trên trang web của mình cho phép bạn tùy chỉnh một số thông số bổ sung, chẳng hạn như màu sắc của tiêu đề. Tất cả các chủ đề trả phí mà tôi đã sử dụng đều mở rộng đáng kể chức năng của bảng quản trị do có giao diện riêng. Dưới đây tôi đưa ra một ví dụ về phần mở rộng như vậy, vui lòng xem qua.

Khi một trang web duy nhất được tạo (theo ý tôi là duy nhất, một trang web sử dụng mẫu được phát triển riêng cho khách hàng với thiết kế và chức năng độc đáo), thường cần phải tạo khả năng cho quản trị viên thay đổi một số tham số nhất định. Hầu như luôn luôn cần tạo cơ hội thay đổi tệp logo, một số thành phần trên trang chính, biểu tượng mạng xã hội, màu nền ở “chân trang” của trang web, v.v. Đây chính xác là cơ hội dành cho các nhà phát triển mà plugin OptionTree cung cấp, có thể tải xuống miễn phí từ trang web chính thức của Wordpress.

Sau khi cài đặt...

Bằng cách cài đặt và kích hoạt plugin, chúng tôi có điều kiện nhận được hai phần: một phần dành cho nhà phát triển trang web, phần còn lại dành cho người dùng. Phần đầu tiên có sẵn từ mục menu “OptionTree” - “Cài đặt”, xuất hiện sau khi kích hoạt plugin bên trái trong phần quản trị của Wordpress. Vui lòng nhấp vào đó và nhận giao diện độc đáo để tạo một tập hợp các trường tùy chỉnh, giao diện này sẽ có sẵn cho người dùng trong phần thứ hai của plugin - “Giao diện” - “Tùy chọn chủ đề”.

Trình tạo giao diện người dùng tùy chọn chủ đề

Vậy làm cách nào để tạo cài đặt? Bằng một cài đặt riêng, ý tôi là một trường nhất định sẽ có sẵn cho người dùng, quản trị viên trang, để chỉnh sửa. UI Builder cho phép bạn tạo các phần hoặc các phần, hãy gọi nó tốt hơn theo cách đó, trong đó các cài đặt nhất định sẽ được đặt. Trong hình trên, tôi đã trình bày một ví dụ về cài đặt bao gồm hai phần: “Cơ bản” và “Dịch vụ”. Những thứ kia. Điều này được hiểu rằng trong phần “Cơ bản”, một số cài đặt trang web chung sẽ được đặt và trong phần “Dịch vụ” - dành riêng cho trang dịch vụ. Chúng ta hãy xem các phần trông như thế nào đối với người dùng. Đi tới “Giao diện” - “Tùy chọn chủ đề” và - hoan hô! Đây là trang cài đặt!

Ở bên trái, chúng ta thấy các phần có thể được chuyển đổi, ở bên phải - một tập hợp cài đặt trong phần đó. Các phần được tạo bằng Trình tạo giao diện người dùng tùy chọn chủ đề bằng cách nhấp vào nút “Thêm phần” và đối với phần đó, bạn cần nhập tiêu đề và mã nhận dạng duy nhất của nó. Hãy tạo một phần "Nâng cao" và thêm một vài cài đặt vào đó.

Tất nhiên, tất cả các thay đổi đều được ghi lại bằng cách nhấp vào nút “Lưu thay đổi”. Bây giờ, hãy thêm cài đặt cho người dùng, ví dụ: màu của tiêu đề. Nhấp vào “Thêm cài đặt” và xem tập hợp trường nào có sẵn để lựa chọn. Có thể nói là rất lớn! Chọn “Colorpicker” rồi nhập tiêu đề và mã nhận dạng duy nhất. Hãy cẩn thận với mã định danh; nhờ mã định danh duy nhất mà chúng ta có thể truy cập giá trị của trường này trong mã mẫu.

Hãy xem những gì hiện có sẵn cho người dùng để chỉnh sửa: một phần mới và cài đặt mới đã xuất hiện, trường “Màu tiêu đề”, giờ đây người dùng có thể chỉnh sửa một cách thuận tiện. Hãy nhìn xem, tôi sẽ không tập trung vào danh sách đầy đủ các trường có sẵn để tạo; tất nhiên, nó có trong tài liệu dành cho plugin và trên trang web chính thức của các nhà phát triển. Tuy nhiên, nếu một số lĩnh vực khơi dậy sự quan tâm của bạn, hãy viết thư, tôi sẽ cập nhật ấn phẩm này với mô tả về loại trường này hoặc loại trường được đề xuất khác. Về nguyên tắc, tên của lĩnh vực này thể hiện rõ ý nghĩa của nó, nhưng tôi nhắc lại, nếu có điều gì gây khó khăn cho bạn, vui lòng liên hệ với tôi, tôi chắc chắn sẽ giải thích.

Chỉnh sửa mẫu

Bây giờ bạn và tôi, với tư cách là nhà phát triển, cần thực hiện các thay đổi đối với mẫu trang web để nhận được giá trị của một trường cụ thể mà người dùng đã nhập hoặc chọn. Một chức năng nhất định chịu trách nhiệm cho việc này, một ví dụ về việc sử dụng chức năng này để lựa chọn màu tiêu đề của chúng tôi được đưa ra dưới đây. Hơn nữa, tôi lưu ý rằng có thể có rất nhiều tùy chọn để sử dụng plugin này; trong ví dụ tôi đưa ra, bên trong tệp header.php của mẫu ở phần đầu của tài liệu, kiểu của tiêu đề bây giờ sẽ được hiển thị , cụ thể là màu sắc của chúng, tùy thuộc vào giá trị của trường h_color.

Những thứ kia. Hàm ot_get_option($option_id, $default) chịu trách nhiệm hiển thị giá trị của trường, các tham số của nó là mã định danh trường mà bạn và tôi, với tư cách là nhà phát triển, tự đặt; trong trường hợp của chúng tôi, chúng tôi hiển thị giá trị của trường h_color. Tham số thứ hai của hàm là định dạng đầu ra, hãy để tôi nói rõ hơn về vấn đề này. Ví dụ: chúng ta cần tạo một tùy chọn cho phép người dùng tạo bộ biểu tượng của riêng họ cho mạng xã hội. Để làm điều này, chúng ta sẽ sử dụng trường List Item (trong hình minh họa bên dưới).

Trường này cho phép bạn tạo một tập hợp các trường lặp lại, trong đó người dùng có thể thêm các thông số tương tự trong một cài đặt. Có một chút không rõ ràng, tôi sẽ cố gắng giải thích và sau đó hiển thị bằng mã cách thức hoạt động của nó. Trong trường hợp của chúng tôi, chúng tôi sẽ chỉ định mã định danh social_icons cho trường Mục danh sách và bên trong trường này (lưu ý rằng có một nút “Thêm cài đặt” khác), chúng tôi sẽ thêm hai trường: tệp biểu tượng và liên kết. Loại trường đầu tiên sẽ là Tải lên, loại trường thứ hai sẽ là Văn bản. ID của trường đầu tiên sẽ là icon_image, ID của trường thứ hai sẽ là icon_link.

Người dùng sẽ nhận được gì? Bây giờ anh ấy sẽ có thể thêm một số biểu tượng mạng xã hội bằng cách nhấp vào nút “Thêm mới” trên trang cài đặt. Hơn nữa, xin lưu ý rằng số lượng cài đặt như vậy hiện không giới hạn và chỉ phụ thuộc vào người dùng.

Để hiển thị trường phức tạp như vậy trong mẫu, bạn cần sử dụng định dạng đầu ra hơi khác; bên dưới là một đoạn mã PHP cho trường hợp như vậy. Tôi sẽ cố gắng giải thích bằng nhận xét những gì đang xảy ra.

"; // hiển thị các trường trong mẫu ) ) ) ?>

Bị giam giữ

Thực sự có rất nhiều loại trường mà bạn có thể sử dụng, các nhà phát triển plugin đã cố gắng hết sức: điều này bao gồm chọn ngày, chọn màu, bạn có thể tạo thư viện hình ảnh, công tắc, v.v. Bằng cách kết hợp các trường như vậy và hiển thị chính xác chúng trong mẫu, nhà phát triển trang web sẽ cung cấp cho người dùng giao diện thuận tiện để thay đổi một số cài đặt nhất định. Tôi muốn lưu ý rằng trên một trong những trang mới nhất, tôi phải tạo hơn 50 trường khác nhau để khách hàng có thể thay đổi màu tiêu đề của trang, văn bản trên trang chính, thay đổi số lượng tin tức hiển thị trên trang, chỉnh sửa danh bạ và bản đồ vị trí và nhiều bản đồ khác.

Đây là trang chính hướng dẫn tạo theme (template) cho WordPress. Thông tin cơ bản được lấy từ hướng dẫn chính thức và từ kinh nghiệm cá nhân.

Chủ đề là gì?

Chủ đề WordPress là một tập hợp các tệp css, js, php kết hợp với WordPress và plugin để hiển thị thông tin từ cơ sở dữ liệu trên màn hình ở dạng (thiết kế) đẹp mắt và tiện lợi. Chà, hay xấu và bất tiện, nó phụ thuộc vào chủ đề bạn chọn... Trong các công cụ khác, một chủ đề còn được gọi là “mẫu”, nhưng trong WordPress, người ta thường nói chủ đề - chủ đề chứ không phải mẫu - mẫu . Mặc dù về cơ bản cả hai đều giống nhau...

Do đó, nếu bạn thay đổi chủ đề, trang web sẽ thay đổi diện mạo và trông khác đi. Có hàng ngàn chủ đề miễn phí trên WordPress.org. Mặc dù có nhiều lựa chọn về chủ đề nhưng nhiều người vẫn thích tạo chủ đề của riêng mình. Điều này chủ yếu là do việc tạo một chủ đề đơn giản không khó.

Các tập tin cần thiết

Để tạo chủ đề, bạn chỉ cần hai tệp:

1. index.php – file theme chính, chịu trách nhiệm hiển thị nội dung
2. style.css - tệp kiểu chính, chịu trách nhiệm về kiểu css

Nhưng thực tế không có chủ đề nào chỉ bao gồm hai tệp. Có nhiều loại hơn: PHP, tệp ngôn ngữ, tệp CSS và JS, tệp văn bản. Chủ đề bắt đầu bằng hai tệp, sau đó, để thuận tiện hơn, nó được mở rộng bằng cách thêm các tệp như:

• header.php - chịu trách nhiệm hiển thị tiêu đề
• footer.php - chịu trách nhiệm hiển thị footer
• sidebar.php - chịu trách nhiệm hiển thị thanh bên
• page.php - chịu trách nhiệm hiển thị một trang (bài) riêng
• vân vân. Nhìn danh sách đầy đủ.

Tính năng chủ đề

Khả năng của chủ đề về cơ bản là vô tận, vì bạn hoàn toàn có thể sử dụng PHP. NHƯNG! Chủ đề nhằm mục đích hiển thị nội dung của trang web theo một cách nhất định chứ không phải để thêm chức năng cho trang web. Do đó, theo thông lệ, người ta thường giới hạn khả năng của chủ đề đối với những người chịu trách nhiệm về giao diện và tất cả các tính năng khác: bỏ phiếu, xếp hạng, chuyển hướng, SEO, v.v. Việc đặt nó trong plugin là điều bình thường...

Vì vậy, một chủ đề có thể:

• Chịu trách nhiệm hiển thị nội dung trang web cho các loại thiết bị khác nhau: màn hình và điện thoại thông minh. Những chủ đề này được gọi là đáp ứng. Ngoài ra, các chủ đề có thể được cố định, một cột, hai cột, v.v.;
• Chủ đề có thể hiển thị bất kỳ nội dung nào;
• Có thể chỉ định nội dung nào sẽ được hiển thị cho những người dùng khác nhau;
• Có thể sử dụng bất kỳ yếu tố thiết kế nào (hình ảnh, video).

Như với bất kỳ trang web nào, chủ đề không chỉ là cách phối màu, bố cục và hình ảnh đẹp. Các chủ đề thực sự chất lượng cao cũng rất hữu dụng. Chức năng của chủ đề nằm ở cấu hình linh hoạt của nó. Những thứ kia. nó không thêm bất kỳ điều gì mới vào trang web nhưng có khả năng tùy chỉnh cao theo sở thích của chủ sở hữu. Ví dụ: hình nền được đặt, màu sắc của các thành phần được thay đổi, menu và khối nội dung (widget) được định cấu hình.

Chủ đề khác với plugin như thế nào?

Từ quan điểm mã, người ta có thể nói, không có gì - bạn có thể tạo một plugin chính thức trong chủ đề. Nhưng từ quan điểm logic - tất cả mọi người! Mục đích của plugin là thêm một cái gì đó mới vào trang web, chẳng hạn như thêm một cuộc khảo sát. Nhiệm vụ của đề tài là hiển thị các nội dung trong đó có khảo sát này...

Vì vậy, chủ đề chịu trách nhiệm hiển thị nội dung trên trang và cần có plugin để triển khai chức năng của trang web.

Không bao giờ thêm chức năng vào chính chủ đề trừ khi có lý do thuyết phục để làm như vậy. Nếu bạn làm điều này, thì khi bạn thay đổi chủ đề, chức năng sẽ bị mất cùng với chủ đề đó. Ví dụ: chủ đề của bạn có một thư viện ảnh thú vị. Và nếu bạn thay đổi chủ đề, bộ sưu tập ảnh thú vị này sẽ bị mất...