Morisstudio.com – Hướng dẫn thay đổi tiêu đề – nội dung 1 trang bất kì

Để thay đổi nội dung trang – bài viết – dự án,… Sau khi đăng nhập quản trị, chọn đến mục chưa các trang đó:
Chọn trang cần chỉnh sửa – ví dụ trang chủ – Home:

Hiện các trang ở website này đa số sử dụng Page builder , kéo xuống phần này, sau khi chọn Preview Mode ta sẽ thấy bố cục trang hiện ra rất rõ ràng các nội dung theo dạng block, để chỉnh sửa phần nào chỉ cần click vào nút edit hình cây bút ở góc phải hoặc cũng có thể double click vào bất kì vùng nào của block đó:

  • Như bạn có thể thấy ở hình dưới, hiện tại có tới 3 block lồng vào nhau và có 3 nút edit:
    • Ô ngoài cùng – Wrapper: khung lớn ngăn cách các section với nhau, thường để chỉnh các thông số như độ rộng nội dung bên trong, khoảng cách giữa các sectioin với nhau, background ( hình nền) – hiệu ứng,..  nếu không cần điều chỉnh những mục này thì không bấm vào
    • Ô thứ 2 là cột (column) – hiện tại mục này chỉ có 1 cột với độ rộng 1/1 – cũng để chỉnh khoảng cách – background như phần wrapper.
    • Ô trong cùng chính là phần nội dung – click nút edit sẽ hiện ra 1 cửa sổ chỉnh sửa phần nội dung này, rất trực quan đơn giản dễ sử dụng, khá giống các trình soạn thảo văn bản khác với các chức năng điều chỉnh dạng title h1 h2 h3, canh lề, thêm ảnh, chèn link,…
    • Nếu biết 1 chút code HTML bạn có thể chuyển sang tab Text bên cạnh để tùy biên thêm nhiều thứ khác.
    • Sau khi hoàn tất chỉnh sửa nhơ Lưu lại block – sau đó lưu trang.
  • Ví dụ tiếp theo sẽ làm việc với 1 Wrapper có 3 cột:
    • 3 cột này chỉnh là 3 phong cách ở giải pháp thiết kế, phần này là nội dung tĩnh, mỗi phong cách gồm 1 block hình đại diện, 1 block Tiêu đề – Caption và 1 Button chi tiết:
    • Để chỉnh mục nào ra bấm edit mục đó, tương tự như các phần trên:
    • Phần hình ảnh, chọn ảnh theo ý rồi chỉnh kích thước, sự kiện diễn ra khi click vào ảnh, có thể chọn zoom lớn ảnh hoặc trỏ về bài viết,…
    • Phần Tiêu đề – Caption: Tùy ý điều chỉnh nội dung kích thước, kiểu chữ, khoảng cách với các nội dung trước nó và sau nó…

    • Phần button, điều chỉnh chữ, icon, link, canh lề,…

  • Thêm 1 ví dụ nữa, lần này sẽ làm việc với 1 block nội dung động, dự án hoặc bài viết, sẽ show ra các dự án – bài viết mới nhất hoặc cũ nhất – Từ phần Elements ở đầu phần Page Builder – chọn vào Portfilo (Dự án) Hoặc Blog (bài viết) để thêm vào, nếu đã có sẵn thì click Edit:
  • Sau đó sẽ hiện ra cửa sổ chỉnh sửa phần này, ta tiến hành chọn chuyên mục muốn hiển thị, như ví dụ này sẽ hiển thị phần dự án Thiết kế nội thất – lưu ý : có thể chọn 1 hoặc nhiều chuyên mục:
  • Tiếp theo bên dưới là phần tùy chọn sắp xếp hiển thị, có thể sắp theo thời gian đăng, id, tiêu đề hoặc ngẫu nhiên,.. tăng hoặc giảm :
  • Tiếp theo ở tab Portfolio Style – sẽ tùy chỉnh kiểu hiển thị – và tùy chỉnh 1 vài chức năng khác như số cột, kiểu grid theo hàng hay trượt carousel dạng slide, kích thước thumbnail ảnh, và cả phần nội dung rút gọn mô tả dự án Exceprt, có thể tùy chỉnh số ký tự muốn hiển thị, thường là 22, và còn vài chức năng nữa, bạn có thể tự thử  – tương tự như đã hướng dẫn ở phần tạo album ảnh trong phần thêm dự án – Here :

  • phần block bài viết cũng tương tự phần dự án này.

Và cũng tương tự với các Block khác, các trang các dự án khác, với những từ tiếng anh cơ bản và rất dễ sử dụng, bạn có thể tự trải nghiệm.

 

 

 

 

Webkimcuong Solutions – Chuyên thiết kế & thi công website chuyên nghiệp – Ecommerce – Web App Mobile

Email: info.webkimcuong@gmail.com

Hotline: 0909.490.6190396.08.23.23

Was this article helpful?

Related Articles

Leave A Comment?

You must be logged in to post a comment.