Trong thập kỷ qua, tôi đã làm việc với WordPress (gần như) hàng ngày. Đó là giải pháp ưa thích của tôi để tạo trang web cho khách hàng ở mọi quy mô.
Và, khi tôi đã có được nhiều kinh nghiệm hơn với CMS rất phổ biến, tôi đã ủng hộ việc tạo các chủ đề WordPress từ đầu. Những ngày này, tôi sử dụng một chủ đề khởi động dựa trên gạch chân khá cơ bản. Nó được thiết lập theo cách tôi thích và giúp tôi bắt đầu các dự án mới một cách nhanh chóng.
Nhưng, giống như mọi thứ khác trong hệ sinh thái WordPress, có nhiều lựa chọn về cách chúng ta làm mọi việc. Cách tiếp cận tôi thích không dành cho tất cả các nhà phát triển. Nó cũng không phải luôn luôn là giải pháp thực tế nhất cho một số khách hàng nhất định (đặc biệt là những khách hàng có ngân sách eo hẹp).
Hôm nay, tôi muốn chia sẻ kinh nghiệm của tôi trong việc xây dựng một trang web theo một cách khác: sử dụng plugin xây dựng trang WordPress và một chủ đề khởi động "trống" bổ sung. Tôi sẽ giải thích những ưu và nhược điểm của quy trình, cùng với một số mẹo để tận dụng tối đa quy trình. Hãy bắt đầu nào!
nền dự án
Tôi đã được liên lạc bởi một khách hàng trọn đời, người muốn thiết kế lại trang web HTML trước đây của họ. Họ muốn những lợi ích của việc sử dụng WordPress, nhưng họ không có ngân sách cho một bản dựng tùy chỉnh đầy đủ.
Ý tưởng mua một chủ đề kinh doanh WordPress cụ thể trong ngành đã được đề cập. Bây giờ, không có gì sai khi mua một chủ đề và thêm nội dung vào đó. Trong nhiều trường hợp nó sẽ hoạt động tốt.
Nhưng có vẻ như có các chi phí bổ sung liên quan đến việc làm lại ngoại hình và / hoặc chức năng để phù hợp với thông số kỹ thuật của khách hàng (hoặc tệ hơn nữa là sự mong đợi của tôi). Thậm chí sau đó, bạn chỉ có thể làm rất nhiều việc mà không phá hủy hoàn toàn chủ đề, ngân sách của khách hàng hoặc cả hai.
Với ý nghĩ đó, tôi bắt đầu tìm kiếm một sự thay thế. Gần đây tôi đã bắt đầu chơi xung quanh với Beaver Builder, một plugin xây dựng trang WordPress phổ biến (Tiết lộ đầy đủ: Tôi không trả tiền để nói điều này, nó chỉ là công cụ tôi đã sử dụng. Có những sản phẩm tương tự khác trên thị trường cũng đáng xem xét.)
Chúng bao gồm một chủ đề khung (và một chủ đề con có liên quan) với một số gói thương mại của chúng, cho phép bạn về cơ bản xây dựng một trang web hoàn chỉnh (tiêu đề, chân trang và nội dung) bằng cách sử dụng kết hợp Trình tùy chỉnh WordPress và trình tạo trang .
Cách thức hoạt động Tiếp tục đọc để khám phá …
Điểm bắt đầu
Những bước đầu tiên trong quy trình khá quen thuộc với bất kỳ ai đã tạo một trang web WordPress:
- Tạo một cài đặt WordPress mới;
- Cài đặt và kích hoạt chủ đề;
- Cài đặt và kích hoạt plugin tạo trang;
Từ đó, bạn có được một bảng trắng cơ bản trống. Trên thực tế, nó không khác nhiều so với những gì tôi thấy khi kích hoạt chủ đề khởi động dựa trên gạch dưới của riêng tôi.
Ưu điểm của việc này là chủ đề không có nhiều khái niệm định sẵn về những gì bạn muốn tạo. Điều này có nghĩa là về mặt lý thuyết, một nhà thiết kế có thể tạo ra một mockup thiết kế và sau đó đưa nó vào cuộc sống. Miễn là họ hiểu những gì chủ đề có thể và không thể làm, đó là.
Nhưng, như chúng ta sẽ thấy, có một số lựa chọn cho những người muốn một cái gì đó thông minh hơn.
Sử dụng Trình tùy chỉnh WordPress
WordPress Customizer là một công cụ tích hợp cho phép bạn điều chỉnh các cài đặt liên quan đến chủ đề khác nhau và xem kết quả trong thời gian thực. Nó được dự định để mang một giao diện người dùng phổ quát đến các cài đặt chủ đề, không giống như bảng tùy chọn vì nhiều chủ đề đã được triển khai.
Tại đây, chủ đề Beaver Builder tận dụng tùy biến và cung cấp nhiều tùy chọn. Trong số những điểm nổi bật:
Cài đặt trước
Chọn từ một lựa chọn các phối màu được tạo sẵn. Những kiểu này có thể được thay thế thông qua các tùy chọn CSS hoặc tùy chỉnh khác.
Tiêu đề
Dưới đây là một loạt các cài đặt cho thiết kế, vị trí logo và điều hướng. Một tùy chọn cho một tiêu đề "dính" được bao gồm, đó là một liên lạc tốt đẹp. Các thiết kế bao gồm một số kịch bản phổ biến.
Nội dung
Chọn màu nền và bố cục trang cho blog WooC Commerce, bài đăng cá nhân, lưu trữ bài đăng và mẫu.
Chân trang
Phần chân trang của trang web có thể được thiết kế và thêm các widget để xử lý các loại nội dung khác nhau. Theo mặc định, có một số hạn chế ở đây. Ví dụ: tôi muốn đặt các liên kết hồ sơ truyền thông xã hội được nhúng trong khu vực tiện ích chân trang (chúng được đặt để xuất hiện bên dưới các tiện ích), không được hỗ trợ. May mắn thay, một đoạn mã tôi tìm thấy đã thực hiện điều này thông qua một mã ngắn WordPress.
Mã
Nếu bạn muốn tiêm CSS, JavaScript hoặc mã cụ thể khác vào trang web của mình, bạn có thể thực hiện tại đây. Điều này có thể hữu ích nếu bạn muốn thêm Google Analytics hoặc mã theo dõi pixel.
Bản án
Nhìn chung, Customizer có đủ các tùy chọn để giúp tôi tạo giao diện cơ bản cho trang web của mình. Nó không mạnh mẽ như những gì tôi đã từng làm với một chủ đề tùy chỉnh, nhưng đó là điều được mong đợi. Điểm chính ở đây là phát triển nhanh và tránh mã.
Chủ đề Beaver Builder đã làm chính xác điều đó, vì tôi có thể thiết lập mọi thứ theo cách tôi muốn trong nửa giờ hoặc lâu hơn. Bất kỳ thiếu sót là loại giá bạn phải trả với một dự án ngân sách thấp hơn.
Trang xây dựng
Tôi sẽ không dành nhiều thời gian để đi vào chi tiết ở đây, vì hai lý do. Đầu tiên, nhu cầu của tôi cho các trang khác nhau của trang web không quá phức tạp. Thứ hai, bản thân người xây dựng trang là thứ yếu của chủ đề. Nhưng vẫn còn một số yếu tố đáng nói.
Trang chủ được tạo ra khá nhanh chóng và không phải từ đầu. Khách hàng của tôi thích một trong các mẫu trang dựng sẵn của Beaver Builder. Thiết lập nó chỉ là vấn đề nhập mẫu và sau đó hack để tùy chỉnh những thứ chúng tôi muốn giữ và loại bỏ những thứ chúng tôi không làm. Ngoài ra, có một số mô-đun bổ sung để thêm thông qua trình tạo trang. Các tính năng như băng chuyền phía sau và hoạt hình cuộn thêm một số cá tính.
Các trang phụ cực kỳ đơn giản. Tôi đã tạo một mô-đun tiêu đề trang sử dụng nền ảnh và lưu nó để sử dụng nhiều lần trên các trang khác. Từ đó, chỉ là vấn đề thêm phần còn lại của nội dung và định dạng tốt.
Vấn đề duy nhất tôi có là sự tích hợp của Gravity Forms. Vì trình tạo trang không sử dụng trình chỉnh sửa khối Gutenberg WordPress hoặc Trình chỉnh sửa cổ điển (hỗ trợ plugin biểu mẫu phổ biến), tôi đã phải tự đặt một mã ngắn trong mô-đun Trình soạn thảo văn bản. Đây không phải là một vấn đề lớn, nhưng nó có thể gây khó khăn cho một khách hàng không quen với quy trình này.
Bản án
Việc xây dựng trang ít nhiều như mong đợi. Dễ sử dụng là điểm bán của các phụ kiện này và nó phù hợp hoàn hảo. Nhiều mô-đun dễ dàng kéo và thả trên trang và bố cục nhiều cột dễ cấu hình. Mọi thứ đều phản hồi và cũng có thể được tùy chỉnh cụ thể dựa trên kích thước màn hình.
Số lượng các mô-đun bao gồm là vững chắc và thực tế bao gồm tất cả mọi thứ mà dự án yêu cầu. Nếu cần một số tính năng phức tạp hơn, có một số gói plugin của bên thứ ba có sẵn có thể trợ giúp.
Ấn tượng chung
Nhìn chung, tôi phải nói rằng đây là một trải nghiệm tốt hơn tôi thường có với các chủ đề được tạo sẵn. Thực tế là tôi có thể bắt đầu từ một cái gì đó cơ bản và xây dựng để đáp ứng nhu cầu của dự án phù hợp hơn với quy trình làm việc ưa thích của tôi.
Sự thật mà nói, tôi đã phải thực hiện thêm một vài đoạn mã để hoàn thành mọi thứ tôi muốn. Mã ngắn đã nói ở trên cho các liên kết hồ sơ truyền thông xã hội và thêm một chút JavaScript đã giúp tôi hoàn thành trang web. Cả hai đều được xếp hàng thông qua tệp tin.php của chủ đề con, cho phép chúng tránh bị ghi đè trong các bản cập nhật chủ đề trong tương lai.
Tôi thấy đây là một lựa chọn khả thi cho các dự án đơn giản. Có một vài tình huống, như sử dụng các trường tùy chỉnh hoặc nội dung có điều kiện, trong đó nó có thể có ý nghĩa hơn nữa với một chủ đề tùy chỉnh đầy đủ. Nhưng những loại tính năng này thường dành cho ngân sách lớn hơn.
Vì vậy, nếu bạn là một nhà phát triển muốn nhanh chóng phát triển một trang web rẻ tiền mới, nhưng không có những cạm bẫy của chủ đề bên thứ ba, đây có thể là con đường để đi. Chỉ cần thừa nhận rằng bạn sẽ phải sống trong các tham số của những gì đang có. Nếu không, sẽ đến lúc bật trình soạn thảo mã đó.
* Lưu ý: Các hình ảnh trong bài này chỉ nhằm mục đích minh họa: chúng không phản ánh dự án thực tế được mô tả.
