Làm thế nào để Xây dựng một Tuỳ chỉnh Chủ đề cho HTML5 và CSS3 Trang web của bạn với một WebsiteBaker Prebuilt Temple

Mặc dù có thể xây dựng một mẫu WebsiteBaker từ đầu cho trang web HTML5 và CSS3 của bạn nhưng nói chung đây không phải là một ý tưởng hay. Nó thông minh hơn nhiều để bắt đầu với một mẫu mà gần và thêm những tính năng bạn cần để làm cho nó của riêng bạn. Bằng cách đó cơ cấu chung đã được chứng minh, và bạn chỉ cần tùy chỉnh nó theo các yêu cầu của bạn.

1. Tìm mẫu bắt đầu bạn muốn.

   Nếu bạn không có nơi khác để bắt đầu, hãy thử các mẫu được xây dựng trong cốt lõi của WebsiteBaker (đặc biệt là Tất cả CSS và Vòng). Mẫu trống được thiết kế đặc biệt để tùy biến.

2. Cài đặt mẫu trên hệ thống cục bộ của bạn.

   Làm việc với một khuôn mẫu trên hệ thống địa phương của bạn dễ dàng hơn nhiều so với trên một máy chủ từ xa.

3. Xác định vị trí bản sao cục bộ của mẫu.

   Thông thường, các mẫu được lưu trữ trong thư mục của máy chủ của bạn. Mỗi mẫu sẽ có thư mục riêng của nó.

4. Sao chép thư mục của mẫu bạn muốn sửa đổi.

   Nói chung thông minh hơn để làm việc với một bản sao hơn là bản gốc. Dán thư mục đã sao chép vào thư mục mẫu.

5. Đổi tên thư mục mới để phản ánh tên mẫu mới của bạn.

   Mẫu mới của bạn cần một tên khác với mẫu gốc.

Tại thời điểm này, bạn có một bản sao của mẫu gốc, nhưng bản sao này sẽ không được phản ánh trong CMS nào được nêu ra. Bạn cần thực hiện một số thay đổi trước khi mẫu mới có sẵn. Trước khi làm điều đó, hãy xem cấu trúc tệp của một mẫu WebsiteBaker điển hình.

Một trong những lý do WebsiteBaker rất tuyệt là cơ cấu mẫu tương đối đơn giản so với các CMS khác. Thư mục chứa một số lượng tương đối nhỏ các tệp tin:

• chỉ mục. php: Tệp PHP này là tệp cơ bản được sử dụng làm nền tảng của mọi trang trong hệ thống. Về cơ bản nó là một trang HTML với một vài chức năng PHP đặc biệt được tích hợp sẵn. Bạn có thể chỉnh sửa bất kỳ HTML nào bạn muốn, và những thay đổi kết quả sẽ được phản ánh trong mọi trang của trang web.

• thông tin. php: Tệp PHP đơn giản này chứa một số biến được sử dụng để kiểm soát hành vi tổng thể của mẫu. Bạn sẽ thực hiện một số thay đổi trong tệp tin này để đặt tên cho khuôn mẫu của bạn.

• layout_setup. css: Tệp CSS này mô tả CSS được sử dụng cho thiết kế trang tổng thể. Bạn có thể thay đổi nội dung của tệp CSS này để thay đổi màu phông chữ hoặc CSS hình lớn khác.

• layout_text. css: Tệp CSS này được sử dụng để xác định kiểu của các phần tử văn bản khác nhau trong trang web.Nếu bạn đang tìm kiếm một lớp không được định nghĩa trong layout_setup. css, bạn có thể tìm thấy nó ở đây. Lưu ý: Tên của các tệp CSS có thể thay đổi trong các mẫu khác, nhưng sẽ có ít nhất một tệp CSS.

• biên tập. css: Tệp này được sử dụng để sửa đổi trình soạn thảo WYSIWYG nội bộ. Nó mô tả cách các phần tử khác nhau được hiển thị trong trình soạn thảo.

• thư mục hình ảnh: Thông thường một mẫu sẽ bao gồm một số hình ảnh. Chúng được lưu trữ trong một thư mục con để thuận tiện. Bạn có thể cần phải thay đổi một vài trong số những hình ảnh này để tạo ra cái nhìn mà bạn đang đi.

Một số mẫu phức tạp hơn, một số ít như vậy. Thực sự, bạn có thể có nhiều hoặc ít tập tin theo ý mình. Bạn sẽ luôn luôn cần phải có chỉ mục. php và thông tin. php. Bạn sẽ hầu như luôn có ít nhất một trang CSS. Bạn có thể có bất cứ điều gì khác mà bạn muốn trong mẫu, nhưng không có gì khác là hoàn toàn cần thiết.