StudioPress Breakthrough Pro Genesis WordPress Theme

Breakthrough Pro là một chủ đề WordPress dựa trên thiết kế tối giản đáp ứng phù hợp cho các trang web tiếp thị, đại lý, nghiên cứu hoặc doanh nghiệp. Mẫu được StudioPress đưa ra vào năm 2018. Phiên bản tương thích với Gutenberg của chủ đề đã được giới thiệu vào tháng trước. Đối với những người chưa biết, Gutenberg là một công cụ tạo trang WordPress dựa trên khối được phát triển và duy trì bởi các nhà phát triển của hệ thống quản lý nội dung WordPress.

StudioPress Breakthrough Pro Genesis WordPress Theme: Đánh giá tổng quan

Bắt đầu

Tải xuống chủ đề Breakthrough Pro và khuôn khổ Genesis. Tại sao phải tải xuống khuôn khổ? Vâng, Genesis Framework là xương sống của các chủ đề con StudioPress. Mẫu sẽ không hoạt động nếu bạn không cài đặt khuôn khổ. Khi hai tệp này có trên PC của bạn, hãy cài đặt khung, sau đó cài đặt chủ đề Breakthrough Pro với sự trợ giúp của công cụ trình cài đặt chủ đề WordPress.

Để tùy chỉnh mẫu, hãy mở công cụ tùy biến trực tiếp của WordPress. Để làm như vậy, hãy mở trang “Chủ đề” trong tùy chọn Giao diện. Bây giờ, hãy nhấp vào nút tùy chỉnh.

Tiêu đề

Chủ đề có tiêu đề có chiều rộng đầy đủ. Phần logo nằm ở phía bên phải. Chủ đề hỗ trợ văn bản cũng như logo hình ảnh. Menu được hiển thị ở phía bên phải của tiêu đề. Giữa hai mô-đun này, chủ đề StudioPress Breakthrough Pro thể hiện một không gian hiển thị rộng lớn. Bên dưới tiêu đề, bạn sẽ thấy một đường kẻ ngang màu xám. Thanh menu của chủ đề có tính phản hồi. Khi bạn truy cập chủ đề này từ thiết bị di động, menu ngang sẽ ẩn và bạn sẽ thấy một nút có menu nhãn. Nút này có một menu. Khi bạn nhấp vào nó, menu sẽ thu gọn.

Breakthrough Pro hỗ trợ menu đa cấp thả xuống. Theo mặc định, các menu phụ được hiển thị khi bạn di con trỏ chuột qua menu có đường viền dưới cùng màu xám. Khi bạn di chuột vào menu phụ, màu của nó sẽ chuyển thành màu xanh lam đậm.

Trang chủ

Trang chủ của Breakthrough Pro cho phép bạn hiển thị những điểm mạnh của doanh nghiệp mình. Bạn có thể hiển thị lời chứng thực, dịch vụ bạn cung cấp, bài đăng trên blog, nút CTA với biểu ngữ / hình ảnh anh hùng lớn trên trang này.

Xem thêm: StudioPress Breakthrough Pro Genesis WordPress Theme

Bố cục được hỗ trợ

BreakThrough Pro hỗ trợ ba bố cục bài đăng trên blog, tức là thanh bên / khu vực bài đăng, khu vực đăng bài / thanh bên, toàn chiều rộng. Nếu bạn không muốn thấy thanh bên trên một trang bài đăng, hãy kích hoạt bố cục này.

Thiết kế bài đăng đơn

Blog là một phần quan trọng của trang web kinh doanh. Thường xuyên xuất bản nội dung liên quan đến doanh nghiệp / trang web có chất lượng tốt có thể mang lại lượng truy cập tốt cho trang web của bạn. Breakthrough Pro không gây khó khăn bằng cách cung cấp một trang đăng blog duy nhất được tối ưu hóa SEO. Trang này được cung cấp bởi mã Giản đồ.

Khi bạn sẽ xuất bản một bài đăng trên blog hoặc xem trước một bài đăng chưa được xuất bản, điều đầu tiên bạn sẽ thấy là tiêu đề trang web, tên tác giả, ngày xuất bản của bài đăng, số lượng nhận xét được chia sẻ trên bài đăng. Bên dưới thông tin này, bạn sẽ tìm thấy hình ảnh có chiều rộng đầy đủ / hình ảnh nổi bật. Bên dưới hình ảnh, chủ đề phô trương đoạn giới thiệu và nội dung bài đăng.

Đoạn giới thiệu là một tính năng đặc biệt mà bạn có thể sử dụng để cung cấp cho người dùng / khách truy cập trang web thông tin chi tiết ngắn gọn về bài đăng mà họ sắp đọc.

Nếu bạn cuộn xuống thêm, bạn sẽ thấy một hộp tác giả. Phần đệm / lề / khoảng trắng trên và dưới hộp tác giả quá nhiều. Bạn có thể điều chỉnh các giá trị này bằng cách sửa đổi các giá trị margin / padding của lớp CSS .author-box trong tệp style.css của theme

Chủ đề WordPress này hỗ trợ các nhận xét lồng nhau. Mô tả nhận xét theo chuỗi / lồng nhau trông mỏng trên thiết bị di động. Bạn có thể dễ dàng sửa lỗi này bằng cách sử dụng mã CSS sau:

@media only screen and (max-width: 400px) {.comment-list li {padding-top: 2px; padding-bottom: 2px; padding-left: 7px; padding-right: 7px; }

Đoạn mã trên sẽ làm cho nhận xét của chủ đề trông rộng hơn trên thiết bị di động (thiết bị có chiều rộng dưới 450px).

Như bạn có thể thấy ở trên, việc tùy chỉnh chủ đề StudioPress này theo cách thủ công rất dễ dàng.

Mẫu thiết kế sẵn

Chủ đề StudioPress Breakthrough Pro đi kèm với danh mục đầu tư, giá cả và các mẫu trang đích mà bạn có thể chỉnh sửa / tùy chỉnh theo yêu cầu của mình.

Chân trang

Chủ đề con StudioPress Genesis cho phép bạn đặt một biểu mẫu có chiều rộng đầy đủ lớn với CTA bên dưới phần nhận xét và phía trên chân trang. Nó có một chân trang ba cột, nơi bạn có thể đặt các liên kết điều hướng của trang web, biểu mẫu bản tin, thông tin liên hệ, tức là số điện thoại, địa chỉ email, v.v. Bên dưới ba cột, bạn sẽ tìm thấy khu vực chân trang phụ mà bạn có thể định cấu hình để hiển thị bản quyền lưu ý.

WooCommerce

Giống như các chủ đề StudioPress khác, Breakthrough Pro hỗ trợ WooCommerce. Nó cho phép bạn tạo một cửa hàng thân thiện với thiết bị di động, nơi bạn có thể bán các mặt hàng mà bạn lựa chọn. CTA chân trang nằm ở đầu biểu mẫu khu vực chân trang làm cho trang sản phẩm trông tuyệt vời.

SEO

Như tôi đã đề cập trước đó, mẫu BT Pro sử dụng mã giản đồ hợp lệ và có thiết kế thân thiện với thiết bị di động. Ngoài ra, kích thước của nội dung cốt lõi của chủ đề, tức là tệp style.css chỉ là 51,4 Kb. Ngoài ra, các trang của mẫu không có mã JS không cần thiết. Hai yếu tố quan trọng này làm cho Breakthrough Pro trở thành một trong những chủ đề StudioPress tải nhanh nhất.

Lời kết

Breakthrough Pro là một chủ đề con Genesis đẹp, đáp ứng nhanh, thân thiện với công cụ tìm kiếm và mạnh mẽ. Nó rất dễ dàng để tùy chỉnh và nhanh chóng