Thứ Bảy, 11 tháng 4, 2015

Google site - Chỉnh sửa bố cục trang web của bạn

Như ở phần trước tôi đã giới thiệu sơ qua về tổng quan google site, ở phần này tôi sẽ hướng dẫn các bạn chỉnh sửa bố cục trang web ngay tại giao diện website.

chinh-sua-bo-cuc-trang-web-google-site
Google site - Chỉnh sửa bố cục trang web của bạn

P3 - CHỈNH SỬA BỐ CỤC GOOGLE SITE

Bước 1 : Đăng nhập vào google site tại http://sites.google.com/site.
Bước 2 : Theo thứ tự trong hình bên trên, bạn chọn số (3) -> (4). Hoặc bạn có thể bấm phims tắt "Shift + L"

chinh-sua-bo-cuc-trang-web-google-site
Google site - Chỉnh sửa bố cục trang web của bạn
Sau khi click vào chọn "chỉnh sửa bố cục" thì website của bạn hiện tại đã chuyển sang trình tác vụ chỉnh sửa giao diện google site của bạn trực tiếp. Khi bạn rê chuột vào từng phần của bố cục website thì phần đó sẽ hiện ra những hiệu ứng của tác vụ, click chuột vào phần đó bạn sẽ thấy khung chỉnh sửa hiện ra.

chinh-sua-bo-cuc-trang-web-google-site
Đây là phần bố cục website của tôi

- Phần Header :
chinh-sua-bo-cuc-trang-web-google-site
Chỉnh sửa bố cục trang web của bạn - header

Như bố cục phân trên tôi đã giới thiệu, bây giờ chúng ta cùng tìm hiểu về phần header của google site (gồm banner và main menu).

 + Banner 

chinh-sua-bo-cuc-trang-web-google-site
Chỉnh sửa bố cục trang web của bạn - banner
  • * Chiều cao : điều chỉnh chiều cao của banner, bạn có thể sử dụng chiều cao mặc định của chủ đề hoặc tự điều chỉnh theo ý mình.
  • * Căn chỉnh : Điều chỉnh vị trí của khung search (tìm kiếm).
  • * Chọn biểu tượng : Tức là hình ảnh banner của bạn, click vào nút "chọn tệp" để chọn hình ảnh tải lên từ máy tính của bạn. (Ở phần sau tôi sẽ hướng dẫn bạn thay đổi trong phần quản lý trang, phần chỉnh sửa cụ thể hơn cho website)
  • Sau khi điều chỉnh xong, chọn OK để thực hiện các thay đổi.
 + Main Menu

chinh-sua-bo-cuc-trang-web-google-site
Chỉnh sửa bố cục trang web của bạn - main menu
  • * Chọn trang hiển thị : Bạn sẽ chọn các trang (page) để hiển thị ra làm menu, thường thì chúng ta sẽ chọn các trang "cha" để làm menu.
  • Các button lên xuông kế bên để bạn thực hiện điều chỉnh vị trí hiển thị của menu, bạn cũng có thể thêm trang, thêm url cho menu.
  • * Bao gồm liên kết tới : Tích vào 2 lựa chọ nếu bạn muốn hiển thị cả 2 phần.
  • * Kiểu : Thường thì ta chọn kiểu tab, tuy nhiên bạn có thể chọn theo ý thích của mình.
- Phần Sidebar (Thanh điều hướng 2 bên) :

chinh-sua-bo-cuc-trang-web-google-site
Chỉnh sửa bố cục trang web của bạn - sidebar

 + Để thêm một sidebar mới các bạn click vào biểu tượng dấu cộng (+) . Để chỉnh sửa kích thước của sidebar thì các bạn chọn biểu tượng hình cây bút (kế bên dấu cộng ^^ ).

 + Thay đổi kích thước sidebar :

chinh-sua-bo-cuc-trang-web-google-site
Chỉnh sửa bố cục trang web của bạn - sidebar
  • * Hiển thị : Bạn có thể thay đổi vị trí đặt sidebar theo bên trái hoặc bên phải.
  • * Độ rộng : thay đổi độ rộng của sidebar.
 + Thêm một sidebar mới :

chinh-sua-bo-cuc-trang-web-google-site
Chỉnh sửa bố cục trang web của bạn - sidebar
  • * Khi click vào dấu cộng (+) bạn sẽ thấy một box xuất hiện, ở đây bạn có thể chọn một trong những tiện ích mà google tích hợp sẵn, gồm có : Nút +1, Điều hướng, Văn bản, Hoạt động gần đây của trang web,.. Chọn một tiện ích và nhấn nút thêm
 + Chỉnh sửa sidebar đã có :

chinh-sua-bo-cuc-trang-web-google-site
Chỉnh sửa bố cục trang web của bạn - sidebar
  • * Bạn click vào tiêu đề của sidebar đã có sẵn. Như trên hình, bạn rê chuột vào dòng "Hình ảnh dự án Ninh Giang" và click vào đó để khung chỉnh sửa hiện ra. Ở trên, tôi lựa chọn sidebar "Văn bản" để chèn hình ảnh của dự án ninh giang vào nên khung chỉnh sửa hiện ra như vậy, tùy vào sidebar tiện ích mà bạn chọn sẽ có form chỉnh sửa khác nhau.
- Phần Footer :

chinh-sua-bo-cuc-trang-web-google-site
Chỉnh sửa bố cục trang web của bạn - footer

Nhìn qua là biết rồi ha :)) bạn thêm thông tin liên hệ hay thêm gì tùy bạn, tại nó chỉ có phần soạn thảo văn bản này thôi :)

- Chỉnh sửa hiển thị bố cục : Như hình dưới bạn sẽ thấy có các mục : Tiêu đề, điều hướng trang, thanh bên, chân trang tùy chỉnh. Nếu bạn không muốn hiển thị phần nào thì click vào để ẩn phần đó đi.

chinh-sua-bo-cuc-trang-web-google-site
Chỉnh sửa bố cục trang web của bạn - độ rộng website
 + Chiều rộng trang web : Bạn có thể thay đổi độ rộng của website bằng các chọn "tùy chỉnh" và nhập vào độ rộng của website (ví dụ: 1200px)

Bước 3 : Sau khi thực hiện xong các thay đổi bố cục website của bạn, bạn "Đóng" lại. Như vậy là xong phần chỉnh sửa bố cục website trực tiếp trên giao diện.

Phần tiếp theo tôi sẽ hướng dẫn chi tiết hơn về thay đổi giao diện trang web của bạn và phần quản trị trang.
Chúc các bạn thành công !

1 nhận xét:

  1. Kính gửi Admin.
    Kính nhờ Admin chỉ giúp cách tạo thanh công cụ tìm kiếm như ở phần hướng dẫn trên:
    * Căn chỉnh : Điều chỉnh vị trí của khung search (tìm kiếm).
    Thông Tuệ muốn add thêm thanh công cụ này vào trang web:
    https://sites.google.com/site/tinhthuongkhongphanbiet/

    Kính mong Admin hướng dẫn cách tạo dùm qua email: cusithongtue@gmail.com
    Xin chân thành cảm ơn nhiều.

    Trả lờiXóa

Popular Posts