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.ư
Trang 2Trong 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 ũ ầ ề
Trang 3s 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.ỉ ầ ả ạ ự ộ ệ