Để thực hành tạo được một trang web bán hàng bằng wordpress, điều kiện tiên quyết bạn cần phải học qua loạt bài: Học WordPress căn bản với 7 bài hướng dẫn tạo trang web wordpress.
Làm thế nào để có được một website trên Internet
(Như ở mục 1.3 đã nói, một máy tính chỉ cần: kết nối Internet, lưu trữ website, cài đặt phần mềm web server như Apache, ISS, GWS, nginx là có thể trở thành một web server. Tuy nhiên máy tính cá nhân kết nối Internet của bạn không thể thành web server được vì còn một vấn đề nữa là địa chỉ IP tĩnh mà tài liệu này không nêu ra; bạn hãy công nhận là máy tính của mình không thể trở thành web server được.)
Khi bạn muốn có một web site trên internet thì đầu tiên bạn phải tạo ra web site đó (mục 2 sẽ hướng dẫn cách tạo trang web đơn giản). Nhưng như thế này thì web site của bạn chỉ nằm trong máy tính của bạn, không ai trên Internet truy cập được. Muốn những người khác truy cập được bạn phải đưa toàn bộ web site của mình cho một máy tính web server nào đó. Cái web server này sẽ làm nhiệm vụ phân phát trang web của bạn cho bất cứ người dùng Internet nào muốn truy cập web site của bạn. Để điều hành (thay đổi, cập nhật …) web site của mình bạn phải dùng máy tính cá nhân của bạn điều khiển từ xa web server.
Khi bạn đặt web site của bạn lên một web server nào đó thì web site của bạn phải dùng chung tên miền sẵn có của web server. Ví dụ nếu bạn đặt web site của bạn lên web server yahoo.com thì địa chỉ trang web của bạn phải bắt đầu bằng yahoo.com. Nếu bạn muốn website của bạn có tên miền riêng theo ý bạn thì bạn phải đăng kí (mua) tên miền trỏ tới web server này. Dĩ nhiên nếu bạn không mua tên miền thì người khác vẫn truy cập được web site của bạn qua địa chỉ IP của web server hoặc qua tên miền của web server.
Như vậy để có được một website trên Internet thì bạn phải làm 3 việc sau:
Bạn tự tạo trang web của mình, còn các nhà cung cấp dịch vụ mạng như FPT, VNPT, Viettel sẽ giúp bạn làm nốt 2 việc còn lại. Bạn phải trả tiền thuê web server để host web site của bạn, phải trả tiền đăng kí tên miền. Tuy nhiên cũng có nhiều nhà cung cấp dịch vụ cho bạn miễn phí 2 dịch vụ này với chất lượng khá tốt (sẽ nói ở mục 3).
Bước 2: Upload website lên web server
– Sau khi cấp cho bạn thư mục htdocstrên web server để lưu giữ website của bạn, Byethost cũng cho bạn công cụ cPanel để quản trị website cho bạn. Công cụ cPanel là một trang web, địa chỉ của nó được cho trong email Byethost gửi cho bạn (xem bảng ở phần trên) và là http://cpanel.byethost.com, bạn đăng nhập vào trang này cũng bằng cpanel username, cpanel password mà Byethost gửi cho bạn (xem hình bên).
– Sau khi đăng nhập bạn sẽ vào trang web cPanel. Hộp thoại Welcome New User hiện ra mời bạn tham quan và hướng dẫn bạn, bạn nên chọn “No I’m fine, Thanks” để bỏ qua hộp thoại này. Bạn cũng nên chọn “Don’t show me this again” để lần sau hộp thoại này không hiện ra nữa.
– Như bạn thấy cPanel là một tập rất nhiều công cụ, nhưng ở cấp độ của bài viết này bạn chỉ dùng Online File Manager – công cụ quản lí file, thư mục con trong thư mục htdocs (nhắc lại rằng htdocs là thư mục lưu website của bạn). Bấm vào Online File Manager, bạn sẽ vào trang web dưới đây:
Thông báo Checking files: “File profile.html” is OK và “File profile.html has been transferred” thể hiện việc upload file đã thành công
Sau 2 bước trên bạn đã upload thành công trang web của mình và mỗi lần truy cập tranhuythang.byethost.com bạn sẽ thấy nội dung trang profile.html hiện ra.
Chèn những đoạn code sẵn có vào trang web
Có nhiều khi bạn muốn trang web của mình có những chức năng phức tạp nhưng không đủ kiến thức lập trình để tự làm điều này. Cách nhanh nhất là chép các đoạn mã lập trình những chức năng này do người khác làm và chèn vào trang web của mình.
Google Map là trang web có chức năng cho người dùng xem bản đồ của bất kì vị trí nào trên hành tinh này. Ở mỗi trang bản đồ, Google Map cung cấp luôn đoạn mã HTML cho phép bạn nhúng trang bản đồ này vào trang web của bạn. (Bạn có thể tìm thấy bài hướng dẫn làm điều này bằng tìm kiếm trên google.com với từ khóa “Embed a map into a website”.)
Bước 1: Mở Google map và chọn địa điểm để hiển thị bản đồ
– Mở trang web Google Map: maps.google.com (nếu không nhớ được địa chỉ này thì bạn dùng google.com để tìm với từ khóa “google map”). Hiện giờ Google đang thử nghiệm giao diện mới – nhưng giao diện mới chưa cung cấp mã HTML bản đồ nên bạn phải dùng giao diện cũ. Nếu bạn đang ở giao diện mới thì bấm vào biểu tượng hình bánh răng ở góc phải trên màn hình, và chọn Classical Map.
– Trong ô tìm kiếm, bạn gõ địa chỉ bạn cần thể hiện bản đồ, dù bạn gõ tiếng Việt hay tiếng Anh, gõ địa chỉ rất cụ thể hay chung chung, Google đều hiện ra được địa điểm vùng đó. Ở góc phải trên có một nút là Map hoặc Satellite cho phép hiển thị bản đồ hay khung cảnh nhìn từ vệ tinh của địa điểm mà bạn chọn. Hình vẽ dưới đây là chúng tôi đã chọn Satellite.
Bước 2: Tạo đoạn mã HTML và copy
Bạn bấm vào biểu tượng sợi xích sau đó copy toàn bộ đoạn mã trong mục Paste HTML to embed in website. Cuối cùng bạn chèn đoạn mã này vào trang html của bạn.
(Bài tập khó) Ngày nay mạng xã hội facebook, twitter rất phổ biến bạn có thể chèn nút bấm Like, share trên trang web của mình.
Cách upload ảnh, video lên Internet và lấy direct link
Làm thế nào để upload ảnh, video của bạn lên Internet và sau đó nhúng những file ảnh, video này vào trang web của bạn.
Khi bạn định đưa website của bạn lên Internet thì bạn cũng có thể upload ảnh, video lên chính webserver mà host (chứa) website của bạn. Nhưng bạn cũng có thể upload ảnh (image), video lên các server chuyên nghiệp về ảnh, video – gọi là image/video hosting server.
Trang web (hay server) tuyệt vời (nổi tiếng, miễn phí, chất lượng) để upload video là youtube.com.
Với ảnh thì tuy có nhiều trang cho bạn upload ảnh lên nhưng lại có một vấn đề là không phải trang nào cũng đồng ý cho bạn nhúng ảnh được upload lên vào trang web của bạn – chức năng này gọi là hot-linking. Ví dụ trang web chia sẻ ảnh lớn nhất thế giới là flickr.com, họ chỉ cho upload ảnh, chia sẻ ảnh nhưng cấm hot-linking. Quên Flickr đi, bạn có thể dùng photobucket.com, tinypic.com – vừa miễn phí, vừa có hot-linking.
Cách upload video, ảnh lên hosting server, ví dụ photobucket.com, youtube.com
Bước 1: Đăng kí tài khoản trên photobucket, youtube.com
Trên youtube.com, bạn bấm vào nút Upload, rồi bấm chuột vào vùng Select files to upload.
Sau bước trên, bạn chọn file để upload lên và bấm OK. Tiếp đó đợi cho đến khi quá trình hoàn thành, youtube hay photobucket sẽ đưa bạn đến chính trang chứa video, ảnh bạn vừa upload.
Cách lấy direct link của ảnh, video trên photobucket.com, youtube.com
Trên photobucket.com, bạn tìm đến ảnh cần lấy URL (bấm vào Browse, chọn Top Categories), bấm vào nút sau đó: – Chọn mục Direct: để lấy mỗi URL trực tiếp đến ảnh – Chọn mục HTML: để lấy nguyên cả đoạn code nhúng ảnh vào trong trang web.
Trên youtube.com, bạn tìm đến video cần lấy URL, bấm vào nút Share, rồi đến nút Embed.
Cuối cùng bạn có thể lại toàn bộ đoạn mã HTML để chèn video này vào trang web của bạn.
Webpage – website – world wide web
Trang web. Trang web là một trang văn bản (chứa text, hình ảnh, âm thanh, video, các nút bấm, form điền dữ liệu) thường chứa các đường liên kết, gọi là đường link, đến các trang web khác. Khi bạn bấm vào đường link (dòng chữ màu xanh) trên một trang web, đường link đó sẽ đưa bạn sẽ nhảy đến một trang web khác. Bởi web là văn bản liên kết với văn bản khác nên người ta còn gọi trang web là siêu văn bản (hyper text).
Webpage vs website. Webpage (trang web) là một trang web đơn, còn website là một tập nhiều các trang web đơn của một tổ chức nào đó. Ví dụ website http://www.yahoo.com/của tập đoàn Yahoo có chứa rất nhiều webpage, ví dụ http://sports.yahoo.com/news/team-report-oakland-raiders-173300184–nfl.htmllà một trang web trong website này.
World wide web. Vì có rất nhiều trang web, websites, các trang web này lại được liên kết với trang web khác nên tất cả các trang web hành tinh này tạo thành một mạng lưới các trang web và người ta gọi mạng lưới này là World wide web (web toàn cầu) hay viết tắt là www. Dĩ nhiên WWW là mạng lưới web của cả hành tinh này nên nó là duy nhất, mọi mạng lưới web chỉ là tập con của WWW thôi.
