Chúng tôi đã dành khá nhiều thời gian để thử nghiệm Headway 3 với WPML và tôi rất vui mừng thông báo rằng mọi thứ đều hoạt động tốt. Tôi muốn nhân cơ hội này để chia sẻ với bạn một chút về Headway – dựa trên kinh nghiệm gần đây của chúng tôi.
Đầu tiên, tôi muốn làm rõ một điều. Chúng tôi viết về Headway vì tôi nghĩ rằng đây là một giải pháp sáng tạo cho một vấn đề kinh điển. Ngoài ra, tôi cảm thấy rằng khi các trang web được xây dựng một cách có hệ thống, mọi thứ sẽ tốt hơn cho tất cả những người tham gia. Nó dễ dàng hơn cho người thiết kế trang web, cho khách hàng cuối và cho chúng tôi. Cách tiếp cận có hệ thống trong việc xây dựng trang web đồng nghĩa với việc ít phải viết mã thủ công hơn và ít lỗi hơn. Đó là lý do tại sao chúng tôi đang thúc đẩy theo hướng này.
Ý tưởng – Hệ thống lưới và các khối
Việc tạo một bố cục đẹp cho trang web của bạn không phải là một công việc đơn giản. Có những hệ thống lưới tuyệt vời mà bạn có thể bắt đầu sử dụng, nhưng việc triển khai tất cả bằng CSS là một công việc tốn nhiều thời gian.
Hệ thống lưới của Headway cho phép bạn vẽ, kéo và thay đổi kích thước các khối. Nó trông như thế này:
Bạn có thể chọn một bố cục khác nhau cho các phần khác nhau của trang web (như trang chủ, blog, các trang đơn, v.v.).
Khi bạn tạo một khối, bạn có thể thiết lập nó làm phần đầu trang, menu, hộp tìm kiếm, widget, nội dung hoặc phần chân trang. Điều này gần như bao gồm mọi thứ bạn sẽ cần và gặp phải trên các trang web WordPress.
Các khối mà bạn vẽ trong lưới hoạt động hoàn hảo với chức năng tiêu chuẩn của WordPress. Bạn sẽ thấy các khối widget trên màn hình widget của WordPress, bạn có thể gán các menu WordPress cho các menu mà bạn vẽ trong Headway và thiết lập mọi thứ hoạt động mà không cần phải rời khỏi trang quản trị của mình.
Bộ chuyển đổi ngôn ngữ
Vì bạn có thể không muốn can thiệp vào mã PHP khi xây dựng trang web bằng Headway, có 3 cách tôi khuyên dùng để đặt các bộ chuyển đổi ngôn ngữ:
- Trong một widget – vẽ một khối, biến nó thành một khu vực widget và đặt bộ chuyển đổi ngôn ngữ của WPML vào đó.
- Trong một menu – vẽ một khối, biến nó thành một menu và bật bộ chuyển đổi ngôn ngữ cho menu đó từ menu Ngôn ngữ.
- Ở phần chân trang – WPML có thể thêm phần chân trang riêng vào trang web của bạn cùng với một bộ chuyển đổi ngôn ngữ. Điều này không yêu cầu cấu hình trong Headway.
Bạn cũng có thể tạo bộ chuyển đổi ngôn ngữ tùy chỉnh của riêng mình và thêm nó qua PHP. Để làm điều đó, bạn sẽ cần sử dụng một lời gọi API để thêm mã PHP tùy chỉnh. Việc này không quá phức tạp, nhưng sẽ tốn nhiều công sức hơn một chút so với việc kéo thả trong giao diện người dùng (GUI).
Vượt xa các widget tiêu chuẩn
Điều gì xảy ra nếu bạn muốn tùy chỉnh không chỉ bố cục của trang web, mà còn cả nội dung? Giả sử rằng bạn muốn tạo một khối hiển thị lời chứng thực của khách hàng, hoặc các dự án gần đây nhất của bạn, hoặc bất kỳ nội dung động nào khác.
(hãy chuẩn bị tinh thần, phần quảng cáo sắp tới đây)
Hóa ra là Types và Views hoạt động hoàn hảo với Headway.
Bất kỳ nội dung nào khác ngoài các trang và bài viết đều là một loại nội dung tùy chỉnh trong WordPress. Types sẽ cho phép bạn định nghĩa các loại nội dung tùy chỉnh này ngay từ bên trong giao diện người dùng WordPress. Vì vậy, nếu bạn đang muốn thêm lời chứng thực của khách hàng, bạn sẽ cần tạo một loại nội dung tùy chỉnh cho việc đó. Sau đó, sử dụng Types để thêm các trường tùy chỉnh phù hợp, như tên người, công ty, URL và có thể là một hình ảnh đẹp.
Tiếp theo, Views sẽ hiển thị những lời chứng thực này trên trang web. Nó sẽ tải các lời chứng thực từ cơ sở dữ liệu, có thể thêm phân trang (các nút điều khiển tiếp theo/trước đó) và xuất chúng ra. Bạn có thể kéo View vào một khu vực widget (mà bạn đã vẽ trước đó trong Headway) và nó sẽ hiển thị.
Và làm cách nào để thêm kiểu dáng?
Bây giờ chúng ta đã bỏ lại HTML và PHP phía sau, bạn chắc hẳn không muốn bị mắc kẹt với một chương trình FTP chỉ để cập nhật một tệp CSS, đúng không?
Nhấp vào liên kết Live CSS và mở một trình soạn thảo CSS nội tuyến, được trang bị đầy đủ tính năng làm nổi bật cú pháp.
Bây giờ, chúng ta đã biết cách:
- Vẽ bố cục của chúng ta
- Điền nội dung vào các khối
- Tạo kiểu cho chúng bằng CSS
và, tất cả đều được thực hiện từ trang quản trị WordPress, mà không cần gửi tệp, không gây ra lỗi hay phải gỡ lỗi mã. Thật tuyệt vời.
Tổng kết
Tôi hy vọng rằng bạn đã học được điều gì đó hôm nay. Tôi chắc chắn đã học được khi chúng tôi thử nghiệm Headway với WPML và phải tìm hiểu nó trong quá trình đó. Ngay cả khi bạn không gác lại mọi thứ và chạy đi mua Headway, tôi chắc chắn điều này sẽ mang lại cho bạn nguồn cảm hứng.
Nơi tải xuống các công cụ:
- Headway - http://headwaythemes.com/
- Types và Views - https://toolset.com/
Tái bút: Nếu bạn cần trợ giúp kỹ thuật, hãy đăng bài về vấn đề đó trên diễn đàn của chúng tôi. Hãy đề cập rằng nó dành cho Headway và Brooks sẽ giúp bạn. Anh ấy là người đã thực hiện hầu hết các công việc cho dự án này.
