Thiết lập nội dung có chiều rộng đầy đủ hoặc đóng hộp với chủ đề miễn phí Astra

Chủ đề Astra

Astra là một chủ đề WordPress hiệu quả và hoàn toàn có thể tùy chỉnh. Nó đẹp và nhanh, điều này lý tưởng cho blog, doanh nghiệp, danh mục đầu tư cá nhân và mặt tiền cửa hàng WooC Commerce. Nhẹ, nó cung cấp tốc độ tuyệt vời cho trang web. Astra được xây dựng với mục đích SEO giúp trang web có thứ hạng cao hơn trong các công cụ tìm kiếm. Với các tính năng và mẫu đặc biệt, nó lý tưởng cho những người xây dựng trang như Elementor, Divi, Beaver Builder, SiteOrigin, Visual Composer, v.v.

Thùng đựng hàng

Một trang trên trang web có thể được gọi một cách thuận tiện là vùng chứa vì vùng chứa là khu vực mà chúng tôi hiển thị nội dung. Nói một cách đơn giản, vùng chứa bao gồm toàn bộ trang. Cho dù đó là khu vực nội dung hay thanh bên, nó sẽ được đưa vào vùng chứa. Về mặt kỹ thuật, chúng tôi gọi vùng nội dung là vùng chứa chính, trong khi thanh bên được gọi là vùng chứa phụ.

Làm cách nào để thao tác bố cục vùng chứa trên trang web?

Việc sử dụng chủ đề Astra giúp việc áp dụng bố cục vùng chứa trên toàn bộ trang web trở nên thuận tiện. Bạn có thể thiết lập lưới thông qua tùy chọn Tùy biến. Điều này có thể được tìm thấy trong tab Giao diện: Giao diện > Tùy biến > Toàn cầu > Vùng chứa.

  • Bạn cũng có thể áp dụng các vùng chứa khác nhau cho các trang và bài đăng khác nhau, từ cài đặt meta.
  • Nếu bạn đã áp dụng các cài đặt khác nhau cho trang web tổng thể và các cài đặt khác nhau trong cài đặt meta thì cài đặt meta theo trang cụ thể sẽ có mức độ ưu tiên cao hơn tùy biến .

Chiều rộng vùng chứa

Tất cả nội dung trang web, dù là đồ họa hay văn bản, sẽ được hiển thị trong phạm vi chiều rộng này. Bạn có thể tạo nhiều chế độ xem khác nhau bằng cách kết hợp chiều rộng với bố cục vùng chứa.

Bố cục vùng chứa

Chủ đề miễn phí Astra cung cấp 4 loại bố cục Vùng chứa. Đây là những bố cục chung và sẽ được áp dụng cho toàn bộ trang web. Nếu bạn muốn có bố cục khác nhau cho các loại bài đăng khác nhau, bạn có thể thực hiện điều đó với Bố cục vùng chứa chuyên dụng.

Với sự trợ giúp của 'cài đặt meta' của trang, bạn có thể có nhiều quyền kiểm soát hơn đối với bố cục vùng chứa của từng trang.

Có các kiểu bố trí vùng chứa sau đây.

  • đóng hộp
  • Nội dung được đóng hộp
  • Chiều rộng đầy đủ / Chứa
  • Chiều rộng đầy đủ / Kéo dài
  • Bố cục vùng chứa chuyên dụng

Bố cục chuyên dụng hoặc cụ thể

Bốn loại bố cục vùng chứa nêu trên có sẵn cho các loại bài đăng cụ thể. Điều này có nghĩa là nếu bạn chọn bố cục mặc định, giả sử bố cục được đóng hộp và đối với Lưu trữ, bạn đã chọn Toàn bộ chiều rộng thì toàn bộ trang web sẽ có bố cục được đóng hộp, trong khi các trang Lưu trữ sẽ có bố cục Toàn chiều rộng/Có chứa.

  • Bố cục trang – Chỉ dành cho các trang
  • Bố cục lưu trữ – Tất cả lưu trữ
  • Bố cục bài đăng trên blog – Dành cho kho lưu trữ blog và các trang đăng blog đơn lẻ

Chủ đề Astra cung cấp khả năng tích hợp với rất nhiều plugin phổ biến. plugin này cung cấp khả năng tích hợp với Astra:

WooC Commerce

EDD ( Easy Digital Downloads )

Tìm hiểuDash

Bộ nângLMS (3)

Khi plugin trên được cài đặt, bạn cũng có thể có quyền truy cập vào các tùy chọn bố cục vùng chứa dành riêng cho các trang plugin đó.

Các mô-đun chuyên dụng của plugin Astra Pro Addon cung cấp nhiều tùy chọn nâng cao hơn. Các mô-đun chuyên dụng của plugin Astra Pro Addon chứa các tùy chọn sau:

  • Cài đặt meta trang được ưu tiên hơn bố cục vùng chứa. Mức độ ưu tiên của cài đặt meta cao hơn cài đặt tùy biến.
  • Cài đặt Bố cục Trang quyết định chiều rộng của vùng chứa.

Bố cục vùng chứa/Bố cục toàn chiều rộng

Bạn có thể thao tác cài đặt vùng chứa có chiều rộng đầy đủ thông qua Cài đặt tùy chỉnh được tìm thấy trong Tài liệu .

Tài liệu » Cài đặt tùy biến » Toàn cầu » Toàn bộ chiều rộng / Chứa – Bố cục vùng chứa

Như đã giải thích trước đó, một trang web có thể có hai vùng chứa; Vùng chứa chính và Vùng chứa thứ cấp.

Vùng chứa chính là trang nơi nội dung chính xuất hiện.

Vùng chứa thứ cấp tạo thành thanh bên và các tiện ích khác nhau trong thanh bên.

Với sự trợ giúp của bố cục “Toàn bộ chiều rộng / Chứa”, bạn có thể kết hợp các vùng chứa chính và phụ. Sau đó, những thùng chứa này có thể được trưng bày trong một thùng chứa duy nhất để trông gọn gàng hơn. Bố cục “Toàn bộ chiều rộng / Chứa” hiển thị nội dung và thanh bên cạnh nhau trong một vùng chứa duy nhất. Vùng chứa này sẽ chừa khoảng trống xung quanh vùng chứa vì nó hiển thị theo chiều rộng của vùng chứa.

Có thể thay đổi hoặc thay đổi cài đặt vùng chứa bằng cách đi tới Giao diện và đi theo đường dẫn sau:

Giao diện > Tùy chỉnh > Toàn cầu > Vùng chứa

Bố cục toàn chiều rộng / Có chứa lý tưởng cho những trang web cần thiết kế gọn gàng, không có bất kỳ hộp hoặc ranh giới lưới nào. Bố cục này có thể được đặt làm mặc định thông qua tích hợp với plugin như WooC Commerce, LifterLMS, v.v.

Nhiều trình tạo trang, chẳng hạn như Visual Composer, yêu cầu chủ đề kiểm soát độ rộng của vùng chứa. Vì lý do tương tự, họ khuyên dùng bố cục Toàn chiều rộng / Có chứa.

Các mô-đun chuyên dụng của plugin Astra Pro Addon cung cấp nhiều tùy chọn kiểu dáng hơn.

Nội dung được đóng hộp – Bố cục vùng chứa

Tài liệu » Cài đặt tùy biến » Toàn cầu » Nội dung được đóng hộp – Bố cục vùng chứa

Chúng ta đã thảo luận trước đó rằng thông thường một trang web có thể có hai vùng chứa:

Vùng chứa chính: nơi xuất hiện nội dung chính

Vùng chứa phụ: Bao gồm thanh bên và nhiều vật dụng khác nhau

Nếu bạn chọn “Bố cục đóng hộp nội dung” thì chỉ vùng chứa chính mới xuất hiện ở định dạng đóng hộp. Tuy nhiên, vùng chứa thứ cấp sẽ vẫn ở trên nền đơn giản.

Nếu bạn muốn làm cho khu vực nội dung của trang web của mình nổi bật hơn thanh bên thì việc chọn bố cục này là lý tưởng. Nói một cách đơn giản, Bố cục đóng hộp nội dung là sự lựa chọn hoàn hảo cho các trang web và blog nội dung.

Các cài đặt cho bố cục đóng hộp có thể được tìm thấy dưới dạng:

 Giao diện > Tùy chỉnh > Toàn cầu > Vùng chứa

Hơn nữa, nếu bạn muốn áp dụng một vùng chứa khác cho từng trang riêng lẻ, bạn có thể thực hiện việc đó từ cài đặt meta.

  • Bạn có thể áp dụng vùng chứa nội dung được đóng hộp cho các trang hoặc bài đăng đã chọn từ cài đặt meta.
  • Cài đặt Bố cục Trang quyết định chiều rộng của vùng chứa.
  • Với sự trợ giúp của plugin Astra Pro Addon, bạn có thể thay đổi màu nền của trang web thông qua mô-đun Màu sắc & Hình nền. Tuy nhiên, nếu bạn không có Astra Pro thì bạn cũng có thể thêm hình nền bằng CSS tùy chỉnh.

Các tính năng của chủ đề miễn phí Astra

Astra chắc chắn là chủ đề tốt nhất cho Elementor. Nó hoạt động tốt với Elementor, khiến nó trở thành chủ đề miễn phí tốt nhất để xây dựng trang web. Dưới đây, chúng tôi đã thảo luận về các tính năng khiến Astra trở thành chủ đề tốt nhất.

Bố cục có chiều rộng đầy đủ / kéo dài

Astra cung cấp Bố cục có chiều rộng đầy đủ / Kéo dài, được tạo riêng cho Elementor. Với bố cục này, Elementor có toàn quyền kiểm soát bố cục của bạn, giúp bạn thoát khỏi rắc rối khi đưa phương thức JavaScript phức tạp để mở rộng các hàng hoặc phần của bạn lên toàn bộ chiều rộng.

Với Astra, bạn có thể vô hiệu hóa thanh bên, tiêu đề trang, đường dẫn và hình ảnh nổi bật khá dễ dàng để có toàn quyền tự do thiết kế với Elementor. Bằng cách tắt các tính năng này, bạn có thể có một khung vẽ trống, cho phép bạn thiết kế trang web của mình từ đầu - theo cách bạn muốn. Bạn thậm chí có thể tạo trang đích tùy chỉnh, vô hiệu hóa đầu trang và chân trang của Astra để Elementor có toàn quyền kiểm soát trang.

Hầu hết các chủ đề đều xuất ra các tính năng này theo mặc định, do đó làm giảm quyền kiểm soát của người dùng trong việc thiết kế trang web.

Tùy chọn chung từ Tùy biến

Tùy chọn chung của Astra cho phép bạn đặt bố cục, thanh bên được yêu cầu và các cài đặt tùy chỉnh khác phù hợp với Elementor ngay trong Tùy biến. Tùy chọn chung là lý tưởng, đặc biệt nếu bạn đang xây dựng một trang web nơi hầu hết các trang được thiết kế bằng Elementor.

Một lần nữa, nếu bạn muốn các cài đặt khác nhau cho từng trang riêng lẻ thì tùy chọn chung sẽ bị ghi đè bởi các cài đặt riêng lẻ này.

Tương thích với Elementor Pro 2.0

Astra là một trong số ít chủ đề hoàn toàn tương thích với Trình tạo chủ đề Elementor 2.0. Bằng cách sử dụng Trình tạo chủ đề Astra và Elementor Pro 2.0, bạn có thể thiết kế vi mô mọi khía cạnh của trang web của mình. Cho dù đó là chọn một đầu trang, chân trang, mẫu blog khác hay bất kỳ thứ gì khác, bạn đều có thể thực hiện theo cách của mình với hai công cụ mạnh mẽ này.

Tích hợp phần tử

Astra cung cấp tích hợp thông minh với Elementor. Nếu bạn đang xây dựng một trang bằng Elementor, Astra sẽ tự động đặt các tùy chọn phù hợp nhất cho Elementor. Sự tích hợp thông minh này giúp tiết kiệm khá nhiều thời gian và năng lượng mà bạn có thể sử dụng vào những việc quan trọng khác.

Astra cung cấp hơn 30 loại tiêu đề và hơn 10 loại chân trang. Bạn có thể chọn xem bạn muốn tiêu đề trong suốt hay tiêu đề chắc chắn. Bạn thậm chí có thể xây dựng tiêu đề của mình từ đầu trên phần tử, theo yêu cầu tùy chỉnh của bạn, với tiện ích bổ sung Astra Pro.

Tùy chọn tiêu đề di động

Bạn có thể tạo các trang web đáp ứng trên thiết bị di động với Astra. Astra cung cấp giải pháp thuận tiện cho menu phản hồi trên thiết bị di động, có cài đặt rất dễ dàng trong tùy biến. Điều này cho phép bạn kiểm soát và thiết kế menu di động đẹp mắt. Bạn có thể xây dựng toàn bộ menu mà không cần bất kỳ mã tùy chỉnh nào.

Nhẹ & Không cồng kềnh

Astra cung cấp hỗ trợ cho Elementor. Điều này có nghĩa là Astra không trùng lặp các tính năng do Elementor cung cấp. Astra là chủ đề nhẹ và mô-đun. Nó chăm sóc mỹ phẩm, chẳng hạn như màu sắc toàn cầu, kiểu chữ, kiểu dáng và tích hợp plugin của bên thứ ba. Tuy nhiên, Elementor xử lý phần xây dựng trang.

Ahmad

Xem nhận xét

  • Tôi có câu hỏi về việc tùy chỉnh vùng chứa. Nó có thể được điều chỉnh độ rộng. Nhưng tôi không đọc được ở đâu về cách điều chỉnh độ cao của hộp đựng (khối). Có quá nhiều màu trắng trên trang web của tôi. Tôi muốn phần nội dung gần với tiêu đề hơn bằng cách làm cho khối chứa nó ở vị trí thấp hơn.

    • Xin chào, không có thiết lập về chiều cao, nó được xác định bởi tất cả nội dung + lề của phần trang. Trong trường hợp của bạn, tôi đoán đó là vấn đề về lề/phần đệm của tiêu đề hoặc phần đầu tiên của bạn.

Bài viết gần đây

Cách sử dụng đầu trang và chân trang với Elementor

Đầu trang và chân trang của trang web là những yếu tố cần thiết. Trong hầu hết các trường hợp, Tiêu đề cung cấp điều hướng…

Ngày 6 tháng 1 năm 2022

So sánh chủ đề WordPress: Astra vs OceanWP

Hai trong số các chủ đề WordPress phổ biến nhất trên thị trường là Astra và OceanWP. Chuyên nghiệp…

Ngày 2 tháng 1 năm 2022

So sánh chủ đề tin tức WordPress: Báo so với báo Astra

Tạo một trang web tin tức xuất sắc không nhất thiết bạn phải trở thành một nhà thiết kế web. Chúng tôi…

Ngày 25 tháng 10 năm 2021

Tạo một trang web liên quan đến tin tức với Chủ đề Báo chí

Chủ đề Báo chí là một trong những chủ đề WordPress quan trọng nhất được thiết kế bởi tagDiv, một…

Ngày 18 tháng 10 năm 2021

Cách xây dựng Thương mại điện tử với trình tạo Avada WooC Commerce

Khi nói đến việc thiết lập một cửa hàng trực tuyến, WooC Commerce là plugin phù hợp. Nó…

Ngày 4 tháng 10 năm 2021

Cách sử dụng hiệu ứng cuộn và tiêu đề cố định với Elementor

Tiêu đề thường là thứ đầu tiên một người nhìn thấy khi họ truy cập trang web của bạn,…

Ngày 21 tháng 9 năm 2021