Tạo mẫu cho WordPress dễ dàng hơn hơn bạn có thể 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 có thể cần phải tạo mẫu riêng WordPress, khi nào tôi 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:
Tất nhiên là vượt qua đào tạo đầy đủ Cách tạo mẫu trang không thể thực hiện 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ốt nhất chủ đề đơn giản. 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 cheat ngắn với hướng dẫn từng bước một– nó sẽ giúp bạn hiểu cách một trang web được tạo ra.
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 bạn có 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- cài đặt Công cụ WordPress và Denwer bắt đầu máy tính cục bộ. 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. Hãy đi sâu vào nó và tạo ra nó 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. Các tệp bổ sung phụ 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 tập tin chỉ mục(index.php). Đây là một ví dụ về mã đơn giản, theo đó trang web sẽ có 4 khu vực: header, main, sidebar và footer.
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. Thêm thông tin Bạn có thể tìm hiểu về cách viết mã index.php để tạo chủ đề trong WordPress từ 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 các trường sau(thay vì ***, hãy nhập thông tin của riêng bạn về trang web và chủ sở hữu). 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ã)
TRÊN ở giai đoạn này Còn quá sớm để đặt các tham số kiểu nghiêm ngặt, nhưng công việc tiếp theo với tệp này, bạn sẽ thấy video hướng dẫn này 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. tìm đoạn mã tương ứng và dán vào tập tin 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 yếu tố của trang web trong tương lai thì tập tin 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 tập tin tiêu chuẩn các mẫu được sử dụng bởi WordPress. 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:
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:
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 trong một tệp không hủy cập nhật ở tệp kia).
Thành lập công ty con Chủ đề WordPress nó sẽ không khó khăn 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, còn có một đoạn video ngắn trình bày về chủ đề mẫu con:
Nếu bạn sử dụng các chủ đề đã tải xuống thì có thể bạn đã gặp một trang có sẵn trong bảng quản trị và với sự trợ giúp của nó, bạn có thể tùy chỉnh chủ đề mà không cần chỉnh sửa mã của chủ đề.
Những trang như vậy thường được tạo ra để giúp người dùng một chủ đề cụ thể dễ dàng hơn. Nhờ trang cài đặt chủ đề, người dùng có thể ẩn một số khối nhất định, thay đổi vị trí của thanh bên, cách phối màu, thêm kiểu của riêng bạn, chỉ ra đường dẫn đến hình ảnh mới, v.v. Mọi thứ chỉ bị giới hạn bởi trí tưởng tượng của người đã tạo ra một trang như vậy cho chủ đề.
Nếu bạn đang tạo một chủ đề để bán hoặc đơn giản là muốn làm cho cuộc sống của mình dễ dàng hơn thì bạn có thể thấy nó hữu ích phương pháp này. Trong một bài học, tôi đã viết rằng bạn có thể hiển thị các số liệu (bộ đếm khách truy cập), quảng cáo, v.v., thông qua các tiện ích, tạo các vị trí đặc biệt cho chúng. Sử dụng trang cài đặt chủ đề, bạn có thể tạo các trường tương tự để bạn có thể chèn bất kỳ văn bản, mã hoặc liên kết nào vào đó.
Nói chung bạn sẽ có tùy chọn bổ sung chủ đề mà bạn có thể tự tạo mà không cần plugin. Nó trông giống như thế này:
Tôi sẽ viết về một số thành phần của một trang như vậy và giải thích cách sử dụng chúng. Tôi đã tạo trang này từ một loạt người khác. Tôi đã tìm thấy nhiều cái khác nhau, nhưng mỗi cái đều có thứ gì đó không phù hợp với tôi hoặc không hoạt động. Một cái không có hộp kiểm hoặc hộp kiểm, cái thứ hai không có thông báo rằng cài đặt đã được lưu, rất nhiều văn bản không cần thiết, v.v. Sau khi ngồi một lúc và tìm hiểu xem cái gì là cái gì, tôi đã có được trang riêng của mình, trên đó tôi có thể thêm và xóa các phần tử mà không gặp vấn đề gì.
Hãy bắt đầu tạo trang cài đặt của chúng tôi.
Trước tiên, bạn phải quyết định chính xác cách bạn sẽ kết nối mã trang. Có hai lựa chọn.
Cách đầu tiên rất đơn giản, chúng tôi thêm mọi thứ vào cuối hàm.php sau đó ?> và đó là tất cả.
Cách thứ hai là tạo một tập tin cài đặt.php và thêm tất cả mã vào nó, sau đó kết nối nó với hàm.php theo cách sau.
Bao gồm("/settings.php");
Khi bạn tạo cài đặt.php, trước khi thêm mã vào, hãy đảm bảo mã được lưu ở đúng mã hóa - UTF-8 không có BOM. Tốt nhất là chỉnh sửa các tập tin trong chương trình Notepadd++.
Bây giờ hãy bắt đầu thêm mã. Đầu tiên, hãy đăng ký chức năng của chúng tôi.
Bây giờ hãy thêm trang của chúng tôi vào bảng quản trị trong menu bên trái.
// Thêm trang cài đặt vào menu chức năng add_settings_page() ( add_menu_page(__("Theme Options"), __("Theme Options"), "manage_options", "settings", "theme_settings_page"); ) //Thêm hành động add_action("admin_init", "theme_settings_init"); add_action("admin_menu", "add_settings_page");
Bây giờ, khi vào phần quản trị, bạn sẽ thấy mục này trong menu quản trị viên. Đây sẽ là trang cài đặt của chúng tôi.
Hãy thêm hành động và chức năng lưu các tùy chọn trang của chúng tôi
// Lưu chức năng cài đặt theme_settings_page() ( toàn cầu $select_options; if (! isset($_REQUEST["settings-updated"])) $_REQUEST["settings-updated"] = false; ?>
Bây giờ chúng ta sẽ bắt đầu thêm mã hiển thị các thành phần trên trang của chúng ta. Tạo một div và thêm các khối bên trong nó.
Phần tử đầu tiên sẽ là tiêu đề của trang, phần này sẽ được hiển thị ngay từ đầu, sau đó là một khối trong đó một thông báo sẽ xuất hiện cho biết cài đặt đã được lưu.
các cài đặt đã được lưu
Bây giờ toàn bộ mã
các cài đặt đã được lưu
Trang cài đặt đã sẵn sàng. Bạn có thể nhìn vào kết quả đã hoàn thành. Tiếp theo chúng ta cần hiển thị kết quả vào đúng vị trí trong chủ đề, sau đó chúng ta sẽ chọn hoặc nhập vào các tùy chọn.
Để làm điều này, trước tiên bạn cần kích hoạt chức năng của chúng tôi
Dòng này phải được viết mỗi lần trước khi hiển thị tùy chọn
Ngay sau khi khởi chạy, chúng tôi thêm đầu ra của tùy chọn đó. Nó trông gần giống nhau đối với các trường văn bản và trường nhập liệu, điều chính là chỉ định tên chính xác, điều mà tôi đã viết rất nhiều ở trên.
Ví dụ: đối với một logo, nó sẽ như thế này:
Kết quả hoàn thành sẽ như thế này
Tôi nghĩ điều này là rõ ràng. Nếu chúng tôi muốn hiển thị giá trị từ trang cài đặt, chúng tôi chèn mã ở trên vào đúng vị trí, chỉ cần chỉ định chính xác tên. Vì vậy, chúng tôi hiển thị số liệu và biểu ngữ, chỉ thay đổi tên thành theo dõi và biểu ngữ, hoặc những thứ bạn nghĩ ra, điều chính là chúng trùng với những thứ trên trang cài đặt.
Bạn vẫn có thể thực hiện thêm một thủ thuật nữa. Sử dụng ví dụ về tùy chọn - Văn bản ở chân trang, tôi khuyên bạn nên thêm một điều kiện - Nếu như. Điểm mấu chốt là: ban đầu, văn bản ở chân trang được viết theo mặc định, nhưng nếu người dùng nhập nội dung nào đó trên trang cài đặt thì thay vì văn bản mặc định, nội dung người dùng chỉ định sẽ xuất hiện.
Để làm điều này chúng ta cần viết đoạn mã sau:
/" tiêu đề="" rel="trang chủ">. Đã đăng ký Bản quyền. Bất kỳ việc sử dụng tài liệu nào chỉ được phép với một liên kết hoạt động đến nguồn.
Để hiển thị nội dung nếu hộp kiểm được chọn, bạn cần viết đoạn mã sau. Tương tự như văn bản ở chân trang, nhưng chỉ có nửa đầu của mã
Nội dung nếu hộp kiểm được chọn.
Bạn có thể thêm bất kỳ nội dung nào. Ít nhất hãy ẩn một nửa trang web nếu cần thiết.
Bây giờ tất cả những gì còn lại là hiển thị nội dung người dùng chọn trong danh sách. Đối với chúng tôi đó là đặt khối ở bên trái hoặc bên phải
Ở đây, giống như văn bản ở chân trang, chúng ta sẽ sử dụng điều kiện - Nếu như. Chỉ có hai phần tử trong danh sách của tôi, vì vậy điều kiện là thế này: nếu mục số một (ở bên trái) được chọn, chúng tôi sẽ hiển thị khối có thuộc tính trong kiểu - nổi:trái;, nếu không chúng tôi sẽ hiển thị một khối có thuộc tính - nổi:đúng;.
Chặn bên trái
Chặn bên phải
Về nguyên tắc, tôi đã chỉ cho bạn những điều cơ bản. Bạn có thể thêm và xóa các phần tử, thay đổi mọi thứ cho chính mình và tạo ra thứ gì đó. Bài học không hề dễ dàng và điều quan trọng ở đây là đừng để bị nhầm lẫn, nhưng nếu đã hiểu và nghiên cứu kỹ, bạn có thể dễ dàng tạo những trang như vậy cho tất cả các chủ đề.
Đó là tất cả, cảm ơn sự quan tâm của bạn. 🙂
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.
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:
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!
Nếu bạn muốn trang web WordPress của mình trở nên đầy hứa hẹn thì trước tiên bạn nên nghĩ đến việc tạo một chủ đề độc đáo cho nó. Quá trình này khá tốn nhiều công sức vì nó liên quan trực tiếp đến nhiều loại mã hóa và tập lệnh khác nhau. Hãy nhìn vào nó từ đầu.
Hầu hết mọi chủ đề WordPress đều được cài đặt trong thư mục wp-content/themes và bao gồm 3 loại tệp:
Các tập tin bảng định kiểu là style.css. Họ chịu trách nhiệm về màu sắc, kích thước, phông chữ và các thông số khác của các thành phần trang web. Mỗi trang chỉ có 1 file style.css. Nếu bạn mở tệp này, ở trên cùng, bạn có thể thấy thông tin về tiêu đề, tác giả và mô tả ngắn gọn về chủ đề. Khi tạo chủ đề của riêng mình, bạn có thể nhập thông tin về bản thân vào style.css.
Danh mục tiếp theo là các tệp có chức năng bổ sung. Chúng bao gồm hàm.php, nguyên tắc làm cho nó trông giống như một plugin. Nhờ tệp này, bạn có thể tùy chỉnh trực quan chủ đề trực tiếp trong bảng quản trị. Thông thường, danh sách cài đặt không rộng lắm (tên trang web, màu sắc điều hướng và bảng điều khiển bên của trang web, v.v.). Nếu chủ đề đa chức năng thì danh sách cài đặt sẽ rộng hơn nhiều.
Bây giờ hãy chuyển sang các tập tin mẫu. Chức năng chính của chúng là tạo các trang theo yêu cầu của khách truy cập trang web. Tệp mẫu có phần mở rộng ".php". Hầu hết các chủ đề đơn giản chỉ có thể chứa một tệp mẫu có tên là index.php. Trong trường hợp này, tất cả các trang của trang web sẽ giống hệt nhau. Thiết kế này thường được sử dụng để tạo tài nguyên Internet bằng cơ sở dữ liệu khi thiết kế không đóng vai trò chính.
Nếu bạn chưa bao giờ tạo một thiết kế thì trước tiên bạn nên thử tạo một chủ đề đơn giản. Để nó hoạt động bình thường, bạn sẽ cần ít nhất 2 trong số các tệp sau: style.css và index.php.
Như bạn hiểu, các tệp chức năng bổ sung có thể không được sử dụng trong trường hợp này. Trong số các tệp mẫu, index.php là một trong những tệp linh hoạt nhất. Nó có thể tạo các tiêu đề, khối khác nhau, phần dưới cùng (chân trang), nội dung và các thành phần khác của trang web một cách độc lập.
Điều đáng chú ý là những tham số không được tạo bởi tệp index.php sẽ được tạo bởi các tệp tiêu chuẩn. Ví dụ: nếu chủ đề của bạn chỉ bao gồm 2 trong số các tệp trên, nhưng người dùng cần tạo một biểu mẫu để thêm nhận xét, thì comments.php tiêu chuẩn sẽ thực hiện chức năng này. Do đó, nếu bạn muốn chủ đề của mình độc đáo hơn, bạn nên tạo thêm các tệp mẫu. Chúng ta hãy nhìn vào những cái chính.
Đầu tiên bạn cần cài đặt một mẫu phù hợp. Nó có thể được tìm thấy cả trên trang web chính thức wordpress.org và trên bất kỳ trang web nào khác. Bạn nên sử dụng trang web chính thức vì bất kỳ trang web nào của bên thứ ba đều có thể chứa các tệp độc hại và liên kết bị hỏng.
Sau khi lựa chọn, bạn có thể bắt đầu tải xuống kho lưu trữ. Khi kết thúc quá trình, bạn sẽ cần giải nén nó và tải các tệp lên một số thư mục nhất định trên trang web (kho lưu trữ thường chứa các hướng dẫn nhỏ). Việc tải xuống có thể được thực hiện bằng chương trình FileZilla hoặc trực tiếp từ máy chủ lưu trữ, nếu nó hỗ trợ tùy chọn như vậy. Bây giờ, tất cả những gì bạn phải làm là đi tới phần “Chủ đề”, chọn phần bạn đã tải xuống và nhấp vào nút “Kích hoạt”.
Bạn cũng có thể chọn nó trực tiếp trong bảng quản trị WordPress. Tuy nhiên, bạn không cần phải tải xuống. Bạn sẽ chỉ cần nhấp vào nút “Cài đặt” và sau đó “Kích hoạt”. Nên xem trước trước khi cài đặt.
Bây giờ chủ đề đã được kích hoạt, bạn có thể chuyển sang việc độc đáo hóa nó. Điều đầu tiên bạn nên nghĩ đến là phần trên cùng của trang web (tiêu đề). Đây là điều đầu tiên sẽ thu hút sự chú ý của khách truy cập, vì vậy bạn nên làm điều đó một cách có trách nhiệm. Thông thường, tiêu đề bao gồm tên trang web, logo và thông tin ngắn gọn về nội dung. Tiêu đề có thể được tạo trong bất kỳ trình soạn thảo đồ họa nào. Ngay cả trong Paint tiêu chuẩn. Các nhà thiết kế cao cấp hơn sử dụng Adobe Photoshop.
Tên trang web phải nhỏ và dễ nhớ. Trong Adobe Photoshop bạn có thể chọn nhiều phong cách khác nhau cho nó. Khi tạo logo, bạn có thể cần các hình dạng khác nhau. Chúng có thể được tải xuống từ trang web chính thức của Adobe Photoshop.
Sau khi tạo bản vẽ tiêu đề trong trình chỉnh sửa đồ họa, bạn sẽ cần tải nó lên trang web của mình. Sau khi quá trình tải xuống hoàn tất, một URL sẽ xuất hiện ở bên phải hình ảnh mà bạn cần phải sao chép. Sau đó, bạn sẽ cần đi tới phần “Trình chỉnh sửa” và chọn tệp chịu trách nhiệm tạo tiêu đề (header.php). Trong đó, bạn sẽ cần tìm URL của hình ảnh hiện tại và thay thế nó bằng URL bạn nhận được khi tải hình ảnh tiêu đề lên. Sau này, bạn sẽ cần phải cập nhật tập tin. Bây giờ bạn có thể tiến hành kiểm tra việc hiển thị tiêu đề.
Nếu tiêu đề của bạn có các tham số khác với tham số tiêu chuẩn thì bạn có thể điều chỉnh chúng trong header.php. Chiều rộng được kiểm soát bởi thuộc tính chiều rộng và chiều cao được kiểm soát bởi thuộc tính chiều cao. Cài đặt có thể được thực hiện bằng pixel và tỷ lệ phần trăm. Vì vậy, nếu bạn chỉ muốn kéo dài giới hạn thì hãy đặt nó thành 100%.
Nếu muốn, bạn có thể thêm các liên kết hoạt động đến các trang của trang WordPress vào tiêu đề. Điều này có thể được thực hiện bằng cách sử dụng các dịch vụ khác nhau. Có khá nhiều trong số họ trên Internet. Hầu hết chúng đều hoạt động theo cùng một nguyên tắc. Bạn khoanh tròn khu vực mong muốn của tiêu đề, khu vực này sẽ được phân bổ cho liên kết và dịch vụ sẽ cung cấp cho bạn mã cần thiết. Sau đó, bạn sẽ cần thêm mã này vào tệp header.php của mình. Hãy cẩn thận khi thêm nó. Mọi điểm đều quan trọng. Nếu bạn thêm mã sai vị trí, các liên kết hoạt động sẽ không xuất hiện trong tiêu đề.
Sau khi thay thế tiêu đề tiêu chuẩn, bạn có thể bắt đầu thay thế nền tiêu chuẩn của trang WordPress, tiện ích, điều hướng, phần dưới cùng (chân trang) và các thành phần khác của trang WordPress. Chúng cũng có thể được vẽ bằng bất kỳ trình chỉnh sửa đồ họa nào và tải lên trang web dưới dạng bản vẽ.
Bạn nên lưu ý rằng nó không nên sáng. Hầu hết các quản trị web thích sử dụng nền trắng. Nó không làm đau mắt và không làm mất tập trung vào nội dung chính.
Để tạo điều hướng chất lượng ngay từ đầu, bạn sẽ cần một chút kiến thức về các thẻ như
