www.tinhgiac.com Hướng dẫn làm website kéo thả bằng Weebly

Hướng dẫn làm website kéo thả bằng Weebly Phần 2
Nối tiếp phần 1 hướng dẫn tạo và cài đặt website bằng Weebly cơ bản, hôm
nay chúng ta sẽ đi vào phần 2 để thiết kế cấu trúc web với một sơ đồ website có
sẵn bạn đã vẽ ra trước đó hoặc hình dung ra trong đầu.

Phần một bạn đã n ắm được các b ước c ơ b ản trong vi ệc thay đổi các m ục t ại
trang chủ như thanh Menu, thanh Social, Địa chỉ liên l ạc và t ạo ra m ột bài đăng
đơn giản với việc kéo thả Text, Hình ảnh, cũng như chỉnh sửa ảnh trực ti ếp trên
bài viết với một số tính năng chỉnh sửa ảnh của Weebly tại ph ần BUILD bên góc
trái màn hình, ngay bây gi ờ b ạn s ẽ t ạo các trang trên thanh Menu b ằng cách nh ấp
chuột vào PAGES sau đó là +Add. Trong phần này bạn s ẽ th ấy xu ất hiện 4 lo ại
Page cho bạn lựa chọn:
• Standard Page: loại Page này chỉ cho bạn tạo một bài duy nhất, b ạn có
thể sử dụng loại Page này để làm các nội dung tĩnh nh ư trang liên h ệ, gi ới
thiệu, cách chính sách giao hàng hay đổi tr ả hàng,..
• Blog Page: cho bạn post nhiều bài, có th ể sử dụng làm nh ư m ột Catogery
hay như một Lable trong Blogspot chia sẻ các bài vi ết cùng ch ủ đề.
• Store Page: được sử dụng để tạo gian hàng bán s ản phẩm tuy nhiên hi ện
nó cũng giới hạn khá nhiều đối với một tài khoản Free
• External Link: Page này cho bạn chèn 1 đường Link của trang web khác,
thường được các bạn làm SEO đưa link v ề trang c ần SEO b ằng m ột
Anchortext.
Ngoài ra trong phần PAGES này còn có một số yếu tố khác như phần Page
Layout (giao diện)cho bạn tùy chọn và khi bạn kéo xuống dưới nhấn
vào Advanced Settings như:
• Page Title (to appear in the HTML title tag): thêm thẻ tiêu đề nếu muốn.
• Page Description: thêm thẻ mô tả cho Page này
• Meta Keywords (separate each with a comma)
• Footer Code
• Header Code
• Hide this page from search engines: đánh dấu tick để trang web bạn

không Index khi chưa hoàn thành xong.


Trong 4 loại này thì bạn thường sử dụng 3 loại Standard Page, Blog Page và
External Link để làm nội dung là chủ yếu. Chúng ta sẽ t ạo Menu trực tiếp t ại đây
bằng cách +Add thêm Page và dùng chuột để sắp xếp chúng theo ý thích, page
nào đứng trước page nào, ngoài ra ưu điểm của việc tạo Page của Weebly cho
chúng ta tạo ra Menu cấp 2, cấp 3 khá dễ dàng chỉ vi ệc kéo và di chuy ển Page
đứng dưới sang phải là chúng tự động thành cấp 2 và đối với cấp 3 bạn làm
tương tự khi đứng dưới cấp 2.

Sau khi tạo ra Menu ấn Save và đây là kết quả sau 30 giây kéo thả:

Đối với Standard Page, sau khi Add và tạo ra bạn nhấn chuột vào Save & Edit bên
góc phải màn hình để bắt đầu đăng bài, như đã nói ở trên với Standard Page bạn
chỉ có thể tạo một bài đăng và cách làm thì tương tự như tạo bài viết ở ph ần
1 hướng dẫn cách tạo website bằng Weebly, kéo thả Text, hình ảnh,...
Đối với Blog Page thì cho phép bạn đăng nhiều bài viết, do đó giao di ện có khác
một chút với Standard Page như có thêm phần tác giả, lịch sử bài đăng và New
Post và cho bạn đăng nhiều bài với khi ấn vào New Post và thực hiện các thao
tác tạo nội dung bằng cách kéo thả. Tuy nhiên có một phần khá quan tr ọng t ại các
bài viết là viết tối ưu URL và Tiêu đề nhằm chuẩn SEO hơn. Bởi vì Weebly không
hỗ trợ tiếng Việt do đó, khi đánh tiếng Việt có dấu thì Url và Tiêu đề thường không
đẹp do đos cần vào chỉnh sửa ở phần POST OPTIONS, tại đây có một số mục
bạn cần chỉnh sửa:
• Comments: bạn có thể tùy chọn mở, đóng hoặc đợi duyệt
• Categories: thêm các thẻ chủ đề
• Advanced: trong Advanced bạn cần chỉnh sử lại đường link để thân thiện
hơn cho việc SEO, đối với SEO Post Title và SEO Post Description thì bạn
cần tập trung vào từ khóa SEO.

Sau khi tìm hiểu xong cách tạo Page - tạo Menu cho website bằng Weebly
tiếp đến bạn nhấp chuột qua phần kết bên là DESIGN để thay đổi Theme,
Font và Edit HTML nếu như bạn muốn chỉnh sửa:
•
•
•

Change Theme: nhấp chuột vào Change Theme sẽ cho bạn lựa chọn lại
Theme được phân loại thêm độ phổ biến, phong cách và màu sắc.
Change Fonts: cho phép bạn đổi các Font chữ hoặc kích thước của các
đoạn text ngoài website một cách dễ dàng.
Edit HTML/CSS: đây là nơi dành cho Coder chuyên nghiệp, đối với những
ai không rành thì nó cũng không cần quan tâm nhiều, tuy nhiên mình chia


sẻ cách ẩn đoạn Text Weebly bên ngoài trang web sau khi bạn Publish
trang web của mình thường hay xuất hiện dưới Footer theo các b ước sau:
1. Đầu tiền vào Edit HTML/CSS
2. Tìm đoạn code #footer-wrap {
3. Thêm đoạn code visibility:hidden; như hình vẽ

Và sau khi đã hoàn thành 3 phần cơ bản là BUILD, DESIGN và PAGES thì bạn
cơ bản đã có 1 trang website vệ tinh bằng Weebly khá hoàn ch ỉnh và đẹp m ắt,
thân thiện với các thiết bị di động, làm web mà không cần biết đến Code, mọi thứ
chỉ cần kéo thả. Chúc các bạn tự làm cho mình một site vệ tinh thành công.