Cách sử dụng trình tạo bố cục đầu trang, chân trang và cột của Avada

Trình tạo trang rất riêng của chúng tôi, Avada Builder, hiện có sẵn trong hai giao diện: Avada Builder, là trình tạo trang wireframe back-end của chúng tôi và Avada Live, là trình tạo front-end của chúng tôi, chỉ mới được giới thiệu gần đây với Avada 6.0 .

Sử dụng hệ thống Vùng chứa, Cột và Phần tử đơn giản của chúng tôi, cả hai phiên bản của Trình tạo Avada đều cho phép bạn thiết kế bố cục trang đẹp mắt cho trang web của mình một cách dễ dàng. Avada Builder là một công cụ tuyệt vời cho các nhà thiết kế web hiện đại cũng như chủ sở hữu trang web, vì nó cho phép họ kiểm soát hoàn toàn tất cả các khía cạnh của nội dung trang và Bố cục. Cả hai phiên bản của Trình tạo Avada cũng tạo ra cùng một mã. Chúng hoàn toàn có thể hoán đổi cho nhau, cho phép bạn có được những thứ tốt nhất của cả hai thế giới với Avada Builder, hiện đang có sẵn.

Trang Trình tạo bố cục là nơi bạn sẽ tìm thấy tất cả các Bố cục của mình và bất kỳ Bố cục có điều kiện nào mà bạn có thể muốn xây dựng ngoài Bố cục chung được tạo theo mặc định. Cũng nằm ở đây là khu vực mà bạn chỉ định Phần bố cục cho Bố cục của mình và chỉ định Điều kiện để Bố cục có điều kiện của bạn có hiệu lực.

Trình tạo bố cục có thể được truy cập từ Trang tổng quan Avada bằng cách chọn Bố cục> Trình tạo bố cục từ menu thả xuống. Một trong những cách đơn giản nhất để mô tả Bố cục là nói rằng chúng là Vùng chứa chứa bốn phần bố cục của một trang - Phần đầu trang, Phần thanh tiêu đề trang, Phần nội dung và Phần chân trang. Bạn có thể tìm hiểu thêm về sự khác biệt giữa các Phần của Bố cục và Bố cục bằng cách đọc tài liệu này: Tìm hiểu về Bố cục và Phần của Bố cục (PDF). Tiếp tục đọc để tìm hiểu thêm về những điều bạn có thể làm trên trang này.

Hai phần nằm ở đầu trang Trình tạo bố cục. Một kỹ thuật để điền các Phần của Bố cục trong Bố cục Toàn cục hoặc tạo Bố cục có Điều kiện được nêu trong phần đầu tiên (gợi ý: bạn có thể đóng phần này bằng dấu X) và ở phía bên phải của màn hình là một khu vực mà bạn có thể trực tiếp tạo các Bố cục mới (xem bên dưới). Nhập tên cho Bố cục mới của bạn và sau đó nhấp vào Tạo Bố cục Mới để hoàn tất quá trình. Bố cục trống được tạo khi phương pháp này được sử dụng; không có Phần bố cục hoặc điều kiện nào được chỉ định.

Khi bạn tạo Bố cục, chúng được tự động nhập vào trang Trình tạo bố cục. Bạn có thể đổi tên Bố cục bằng cách nhấp vào nút Đổi tên ở đầu trang. Bạn cũng có thể nhấp vào biểu tượng bánh răng cưa để thiết lập các điều kiện cho Bố cục và bạn có thể xóa Bố cục bằng cách nhấp vào biểu tượng Thùng ở đầu trang. Bạn cũng có thể xem và chỉ định tiêu chí bằng cách nhấp vào cuối tất cả các Bố cục, ngoại trừ Bố cục Chung.

Trong mỗi Bố cục, bạn có thể thấy bốn Phần bố cục được gán cho một Bố cục cụ thể, một phần cho mỗi bố cục trong số bốn bố cục. Trong mỗi Phần bố trí, bạn sẽ thấy một biểu tượng +, biểu tượng này sẽ cho phép bạn chỉ định một Phần bố cục cho phần đó của Bố cục khi bạn di chuột qua nó. Bạn có tùy chọn gán một Phần bố cục hiện có cho phần này hoặc tạo một phần hoàn toàn mới từ đầu.

Sử dụng bố cục phần

Là một phần của Avada Layouts, giờ đây bạn có thể tạo các chân trang hoàn toàn có thể tùy chỉnh cho trang web của mình, tận dụng toàn bộ khả năng sáng tạo của Avada Builder để thực hiện điều này.

Bố cục Chân trang là một Phần Bố cục được thêm vào Bố cục. Đối với ex amp le, Chân trang tùy chỉnh yêu cầu Phần bố trí chân trang, phần này có thể được thêm vào Bố cục chung hoặc Bố cục tùy chỉnh. Chúng ta sẽ xem xét việc xây dựng Phần Bố cục Chân trang Tùy chỉnh trong phần tiếp theo, nhưng trước tiên, hãy xem Giới thiệu Bố cục Avada.

Trong thanh bên WordPress hoặc Trang tổng quan Avada, chọn Avada> Bố cục. Bố cục và Phần bố cục của Avada được tạo và quản lý tại đây. Như được hiển thị bên dưới, Bố cục Toàn cục ban đầu trống, không có các Phần Bố cục được liên kết.

Tùy chỉnh một bố cục

Phần này có thể được thêm vào Bố cục chung hoặc Bố cục có điều kiện, chỉ hiển thị trên một số loại bài đăng tùy chỉnh hoặc các trang đơn lẻ. Bố cục Toàn cục đã có mặt, nhưng trước tiên chúng ta cần phát triển một Bố cục có Điều kiện.

Trên trang Bố cục, thêm tên và nhấp vào Tạo Bố cục Mới, như được hiển thị bên dưới.

Tạo Phần Bố cục Chân trang nếu bạn muốn thêm nó vào một Bố cục hiện có hoặc Bố cục Toàn cục.

Trên màn hình Layout Mục Builder, chọn kiểu Layout mục, nhập tên (trong này cũ amp le, Footer, có thể là toàn cầu Footer) và kích Create New Layout Mục, như hình dưới đây.

Hình ảnh sau đây cho thấy cách tạo một Phần bố cục trực tiếp từ Bố cục. Các Phần Bố cục của trang web của bạn phải được thêm vào một Bố cục. Ban đầu, chỉ đơn giản là một bố cục toàn cục. Vì vậy, để tạo một Chân trang tùy chỉnh toàn cầu, hãy thêm nó vào Bố cục này. Phần bố trí chân trang tùy chỉnh, sau đó thêm điều kiện vào phần bố trí chân trang tùy chỉnh để làm cho bố cục xuất hiện theo tiêu chí.

Không có gì sai với nó, nhưng điều quan trọng là phải xem xét tình hình. Nếu Bố cục hiện đang hoạt động (tức là có điều kiện hoặc là Bố cục chung), bất kỳ Phần bố cục mới nào sẽ hoạt động ngay lập tức và trống. Sẽ có ý nghĩa hơn nếu thêm Chân trang tùy chỉnh vào Bố cục Toàn cục thông qua trang Trình tạo Phần Bố cục trước, sau đó thêm nó vào Bố cục Toàn cục.

Ngoài ra, chúng ta có thể thêm Phần bố trí chân trang, đầu trang hoặc cột vào Bố cục có điều kiện và sau đó tạo nó. Các điều kiện không được sử dụng cho đến khi các điều kiện được thêm vào. Như minh họa bên dưới, chúng ta có thể thay đổi Phần Bố cục Chân trang bằng cách di chuột qua nó và nhấp vào biểu tượng chỉnh sửa.

Thêm phần bố trí chân trang vào bố cục có điều kiện

Chỉnh sửa bố cục tùy chỉnh

Trình soạn thảo WordPress mặc định xuất hiện khi chỉnh sửa Phần bố cục mới; bạn có thể sử dụng Avada Builder hoặc Avada Live từ đây. Các Phần của Bố cục Tùy chỉnh được tạo ở đây. Để biết thêm thông tin, hãy xem Tạo Nội dung Phần Bố cục, nhưng tóm lại, bạn có thể xây dựng bất kỳ thứ gì ở đây.

Chân trang tùy chỉnh của bạn có thể chứa bất kỳ thứ gì bạn có thể xây dựng trong Trình tạo Avada. Bạn có thể có nhiều cột, ảnh, v.v.; Điều này cho phép sự linh hoạt vô cùng. Phần Bố cục là nơi tài liệu chân trang sẽ xuất hiện. Vật liệu đến từ Builder, và khả năng sáng tạo của bạn là hạn chế duy nhất.

Xem Footer ban đầu được xây dựng cho Taxi Demo bên dưới; Điều này được thực hiện bằng cách thay đổi các tùy chọn chủ đề và tiện ích chân trang.

Taxi Demo> Basic Footer”src =” https://lh3.googleusercontent.com/_xzRCQdf_jBPoJv6eaW9Wx3rdXORc7Ni1945ud13b9kALKA4WdmZpeSSCTnLx-4hcwPKXGF1dl3E0qragaIr_eJ6AiBxO4AMKlY2tuxFbek-S0Z1PY3oQTE2UmjI4QzZydYbWqscpkwNbIpjTQ=s0 "> Nhìn vào Avada Layouts Custom Global Footer.

Phiên bản Máy tính để bàn của Tiêu đề tùy chỉnh này được hiển thị ở đây, nhưng để nắm bắt chính xác phạm vi của Tiêu đề tùy chỉnh này, bạn phải truy cập trang web trực tiếp mà bạn có thể truy cập tại đây.

Thiết kế bố cục có điều kiện

Không có điều kiện trong một bố cục chung. Việc thêm các Phần của Bố cục vào nó sẽ được sử dụng trên mọi trang vì nó là toàn cầu. Nếu bạn chỉ cần một Chân trang tùy chỉnh trên một số trang của trang web của mình, chẳng hạn như các bài báo blog đơn lẻ, bạn cần sử dụng Bố cục có Điều kiện.

Bố cục có điều kiện chỉ có thể chứa các Phần bố cục hiện có. Sau đó, trong tab Chọn chân trang của Bố cục, cuộn đến Hiện có, nơi bạn có thể thêm Phần Bố cục, như được thấy bên dưới.

Chỉ định một phần bố cục tùy chỉnh

Bạn phải đặt các điều kiện cho bất kỳ Bố cục có Điều kiện nào. Bố cục sẽ hoạt động ngay sau khi các điều kiện được chỉ định; do đó, nếu bạn làm điều này trước khi thiết lập Phần Bố cục, các trang phù hợp với các điều kiện sẽ trống.

Để thêm điều kiện, hãy chọn Thêm điều kiện từ menu dưới cùng của Bố cục. Một hộp thoại xuất hiện, như hình dưới đây. Để biết thêm thông tin về điều kiện Layouts, thấy Hiểu Conditional Layouts, nhưng đối với này cũ amp le, chúng tôi sẽ chọn tất cả bài viết trong tab bài viết Điều kiện, như bên dưới.

Thêm cột từ trình tạo Bố cục Avada

Phần tử Cột, giống như Phần tử vùng chứa, là một thành phần cấu trúc cần thiết khi thiết kế một trang web Avada.

Việc thêm cột tương đối dễ dàng với trình tạo Bố cục Avada.

  • Nhấp vào nút ' + Vùng chứa ' để thêm Vùng chứa vào trang. Khi chèn Vùng chứa, bạn sẽ được yêu cầu chọn bố cục cột hoặc cột. Bạn có thể tạo Vùng chứa trống, nhưng thông thường bạn thêm Cột ở bước này.
  • Để thêm các cột mới vào Vùng chứa hiện tại, hãy di chuột qua Vùng chứa và nhấp vào nút ' + Cột '. Để thêm một cột mới, bấm vào đây.
  • Ở góc trên bên trái của cột, hãy nhấp vào biểu tượng 'Thay đổi kích thước cột'. Nó sẽ có cùng kích thước với Cột của bạn bây giờ. Đối với ex amp le, cột 1/4 sẽ xuất hiện dưới dạng '1/4 ' trong tùy chọn Thay đổi kích thước Cột.
  • Kéo và thả các cột để sắp xếp lại chúng. Bạn cũng có thể kéo và thả các cột vào Vùng chứa.

Cột chỉ có thể được đặt bên trong một phần tử vùng chứa có cùng chiều rộng; Đây thường là Chiều rộng trang web mà bạn đặt cho trang web. Do đó, nếu bạn đặt chiều rộng trang web là 1200px, 1/2 cột sẽ có chiều rộng 600px. Kích thước cột đặt trước được hiển thị bên dưới khi được thêm vào một trang.

Trong Avada, bạn có thể đặt độ rộng cột (và hơn thế nữa) riêng biệt trên các bố cục lớn, trung bình và nhỏ. Cách Đặt Thứ tự Hiển thị và Kích thước Các Cột Trong Bố cục Đáp ứng giải thích cách sử dụng tính năng mới tuyệt vời này với các cột.

Độ rộng tùy chỉnh nằm trong Cột> Thiết kế> Chiều rộng . Như được hiển thị bên dưới, việc sử dụng số phần trăm cho phép bạn chỉ định Chiều rộng tùy chỉnh. Do đó, định vị không bị hạn chế

Tự động là một tùy chọn chiều rộng mới. Thay vì chiều rộng cố định, Cột sẽ chiếm không gian của Phần tử quan trọng nhất bên trong nó. Vì vậy, nó chỉ hoạt động trong một số trường hợp. Bạn có thể thay đổi Cột cha thành Tự động và Cột sẽ thay đổi kích thước theo chiều rộng của Phần tử.

Avada cũng thêm Bộ tùy chọn đáp ứng cho Vùng chứa và Cột. Trong phần cuối của Trình tạo, bạn có thể thấy các Biểu tượng đáp ứng trên bất kỳ Cột nào, như trong hình bên dưới. Front-End Builder hiển thị các Biểu tượng đáp ứng trên các tùy chọn.

Chỉ các Hộp chứa linh hoạt mới hiển thị Bộ tùy chọn đáp ứng. Các cột trong Vùng chứa Kế thừa không khả dụng.

Phần kết luận

Nhờ Avada Layouts, khả năng tạo Footer, Header tùy chỉnh và thêm cột giờ đây đã trở thành hiện thực và là một tùy chọn gần như vô hạn. Bạn không chỉ có thể sử dụng sức mạnh của Avada Builder để xây dựng thực tế bất kỳ Chân trang hoặc Đầu trang nào mà bạn có thể tưởng tượng mà còn có thể tận dụng sức mạnh của Bố cục có điều kiện để hiển thị hoặc ẩn chúng trên bất kỳ trang, danh mục, loại bài đăng tùy chỉnh nào hoặc bất kỳ sự kết hợp nào của tiêu chí bạn có thể nghĩ đến khi sử dụng Trình tạo Avada.

Khi nói đến bố cục WordPress, Avada Layouts là một công cụ thay đổi cuộc chơi theo nghĩa đen nhất. Thực tế là nó cho phép tự do thiết kế và linh hoạt triển khai có nghĩa là quá trình tạo Chân trang sẽ không bao giờ giống nhau.

Để lại bình luận

Địa chỉ email của bạn sẽ không được công bố. Các trường bắt buộc được đánh dấu *